:root{font-family:Yu Gothic UI,Noto Sans JP,sans-serif;color:#f5ead7;background:#17110e;--red:#b7352b;--gold:#d6a94d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0,#493026 0,#211713 42%,#120d0b)}button,input{font:inherit}button{min-height:44px;border:1px solid #745b48;border-radius:8px;color:#f8eedc;background:#3a2a22;padding:.65rem 1rem;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #f4cf70;outline-offset:2px}.shell{width:min(100%,960px);margin:auto;padding:1.25rem}header{text-align:center;padding:2rem 0 1rem}header h1{font-family:serif;font-size:clamp(2.6rem,10vw,5rem);line-height:.95;margin:.3rem 0;letter-spacing:.08em;text-shadow:0 3px 0 #6e201b}header.compact{padding:.5rem 0}header.compact h1{font-size:2rem}.eyebrow{color:#e2b95e;letter-spacing:.18em;font-size:.78rem;font-weight:700}.panel{background:#faeed812;border:1px solid #775a42;border-radius:16px;padding:1.25rem;box-shadow:0 16px 40px #0008}.home{max-width:420px;margin:auto;display:grid;gap:.8rem}.large{font-size:1.1rem}.primary{background:var(--red);border-color:#e16050;font-weight:700}.gold{background:#8b631d;border-color:var(--gold);font-weight:700}.divider{text-align:center;border-bottom:1px solid #695346;height:.75rem;margin:.5rem 0 1rem}.divider span{background:#241915;padding:0 .7rem;color:#bda991}input{min-height:48px;width:100%;border-radius:8px;border:1px solid #8d755e;background:#130f0c;color:#fff;padding:.7rem;font-size:1.4rem;letter-spacing:.15em}.status{position:sticky;top:.5rem;z-index:20;text-align:center;padding:.65rem;border:1px solid #e7b64f;border-radius:8px;color:#281b0b;background:#f6d17d}.invite{display:flex;gap:.5rem;align-items:center}.invite strong{flex:1;font-size:clamp(1.8rem,10vw,3rem);letter-spacing:.15em}.hint{color:#c8b6a5}.slots{margin:1.5rem 0}.slot{display:flex;justify-content:space-between;padding:1rem;border-top:1px solid #5c473a}.ready{color:#f1c85c;font-weight:700}.actions{display:grid;gap:.7rem}.text-button{background:transparent;border-color:transparent;text-decoration:underline}.game{display:grid;gap:1rem}.turnbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.75rem;border-radius:8px;background:#b7352b;box-shadow:0 5px 15px #0008}.fighter{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;padding:1rem;background:#241a16;border:1px solid #5c473a;border-radius:12px}.fighter--active{border-color:#e0b04d;box-shadow:inset 4px 0 #d6a94d}.fighter h2,.fighter p{margin:.2rem 0}.fighter .yaku{grid-column:1/-1;color:#decaa8}.hp{min-width:120px;text-align:right}.hp strong{font-size:1.8rem;margin-left:.5rem}.hp div{width:130px;height:8px;overflow:hidden;background:#4a211d;border-radius:5px}.hp i{height:100%;display:block;background:linear-gradient(90deg,#b52424,#f17854)}h2 small{color:#b9a795;font-size:.8rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.45rem}.card{position:relative;min-height:112px;padding:.45rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;background:#eee2c7;color:#21140f;border:3px solid #d3bd91;box-shadow:inset 0 0 0 1px #5e422f,0 3px 7px #0006}.card:hover:not(:disabled){transform:translateY(-4px)}.card:disabled{opacity:1;cursor:default}.card__month{font-weight:800;color:#8d211a}.card__name{font-family:serif;font-weight:700;writing-mode:vertical-rl;align-self:center;max-height:65px}.card__kind{align-self:flex-end;font-size:.7rem;border:1px solid;border-radius:50%;padding:.2rem}.card--bright{background:#f3dc9c}.card--animal{background:#d6dfbc}.card--ribbon{background:#e4c1bd}.card--selected{border-color:#ffe069;box-shadow:0 0 0 3px #b7352b,0 0 18px #ffdc66;cursor:pointer!important}.decision{text-align:center;padding:1rem;border:2px solid #e0b04d;border-radius:12px;background:#3a2519}.decision button{margin:.3rem}.danger-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.danger-actions button:last-child{border-color:#b94b43;color:#ffaaa1}.result{text-align:center;padding:3rem 1rem}.result h1{font-family:serif;font-size:4rem;margin:.5rem;color:#f1c85c}.final-hp{display:flex;justify-content:center;gap:2rem;font-size:1.2rem}@media(max-width:420px){.shell{padding:.7rem}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{min-height:104px;padding:.3rem}.card__name{font-size:.75rem}.fighter{grid-template-columns:1fr}.hp{text-align:left}.hp div{width:100%}.turnbar{font-size:.8rem}.invite{flex-wrap:wrap}.invite strong{font-size:2rem}.final-hp{flex-direction:column;gap:.4rem}}:root .character-button{min-height:30px;margin-left:.35rem;padding:.18rem .45rem;font-size:.72rem;vertical-align:middle}.captured{padding:.55rem .75rem;border:1px solid #5c473a;border-radius:8px;background:#1d1512}.captured summary{cursor:pointer;color:#e2c88f}.captured-cards{margin-top:.8rem}.card--match{border-color:#d23e32;box-shadow:0 0 0 2px #ffdc66,0 3px 7px #0006}.card__match{position:absolute;top:.2rem;right:.2rem;padding:.12rem .25rem;border-radius:4px;background:#b7352b;color:#fff;font-size:.62rem;font-weight:800}.card__hint{display:none;position:absolute;z-index:20;bottom:calc(100% + .4rem);left:50%;width:min(260px,85vw);transform:translate(-50%);padding:.55rem;border:1px solid #d6a94d;border-radius:6px;background:#211713;color:#fff;font-size:.72rem;line-height:1.5;box-shadow:0 4px 12px #0009}.card:hover .card__hint,.card:focus-visible .card__hint{display:block}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#000a}.character-modal{position:relative;width:min(100%,620px);max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem;border:2px solid #d6a94d;border-radius:14px;background:#2b1d17;box-shadow:0 18px 50px #000}.character-modal h2{font-family:serif;font-size:2rem;color:#f2ca6d}.character-modal p{line-height:1.7}.character-modal h3{margin:1.4rem 0 .5rem;color:#e2c88f}.month-details{display:grid;gap:.35rem}.month-details p{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;margin:0;padding:.45rem;border-radius:6px;background:#ffffff0b}.month-details strong{color:#f2ca6d}.modal-close{position:absolute;top:.6rem;right:.6rem;min-height:34px;padding:.15rem .55rem;font-size:1.3rem}.review{display:grid;gap:.75rem}.review h2,.review h3{margin:.2rem 0}.review-controls,.review-score,.review-captures{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.review-score{padding:.65rem;border-radius:8px;background:#170f0d;color:#f2dca9}.review-events{margin:0;padding-left:1.4rem;line-height:1.7}.review-cards{max-height:255px;overflow:auto}.review-captures{align-items:stretch}.review-captures .captured{flex:1;min-width:260px}.month-details p{grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr)}.month-details__head{font-size:.8rem;color:#e2c88f}.action-feedback{position:fixed;inset:0;z-index:40;display:grid;place-items:center;pointer-events:none}.coin-feedback{display:grid;gap:.35rem;place-items:center;padding:1rem 1.4rem;border:2px solid #e0b04d;border-radius:14px;background:#241713ef;box-shadow:0 14px 40px #000b}.coin{font-size:3.5rem;display:inline-block}.coin--flip{animation:coin-flip .9s ease-in-out}.hp-change{padding:.6rem 1rem;border-radius:999px;background:#241713ef;font-size:1.2rem;font-weight:800;animation:hp-pop 2.4s ease-out}.hp-change--damage{color:#ff9b8d}.hp-change--heal{color:#a9e59b}@keyframes coin-flip{0%{transform:rotateY(0) translateY(20px);opacity:0}20%{opacity:1}to{transform:rotateY(1080deg) translateY(0)}}@keyframes hp-pop{0%{transform:translateY(18px) scale(.75);opacity:0}15%{opacity:1}65%{transform:translateY(-10px) scale(1.05);opacity:1}to{transform:translateY(-35px);opacity:0}}.hand{display:flex;flex-wrap:wrap;overflow-x:visible;align-items:flex-start;gap:.6rem;padding:.5rem 0}.hand>.hand{flex:1 1 100%;width:100%}.hand>.hand>.card{flex:0 0 84px}.rematch-button{display:block;width:100%;margin:0 0 1.2rem;font-size:1.25rem}.hand>.card,.hand>.hand>.card{flex:0 0 clamp(68px,20vw,84px);min-height:112px;height:112px}.character-panels{display:grid;gap:1rem}@media(max-width:420px){.hand>.card,.hand>.hand>.card{flex-basis:68px;min-height:104px;height:104px}}.leave-room-button{color:#ffaaa1;border-color:#8c403a}.card{overflow:hidden;padding:0;aspect-ratio:2/3;min-height:0;height:auto;background:#eee2c7}.card__image{width:100%;height:100%;object-fit:cover;display:block}.card__month-badge{position:absolute;right:.22rem;bottom:.22rem;display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid #2a1812;border-radius:50%;background:#fff9e8ef;color:#24110d;font-size:.82rem;font-weight:900;line-height:1;box-shadow:0 1px 2px #0008}.card--match{border-color:#f0be3c;box-shadow:0 0 0 3px #d23e32,0 0 18px #ffdc66}.card--back{display:grid;place-items:center;align-content:center;gap:.25rem;background:repeating-linear-gradient(45deg,#8c241e 0 6px,#d5a33f 6px 9px,#5a1715 9px 15px);border-color:#f0d074;color:#fff2ce;font-family:serif;font-size:1.35rem;font-weight:900;letter-spacing:.15em;text-shadow:1px 1px #47110d}.captured{padding:.75rem;border:1px solid #5c473a;border-radius:10px;background:#1d1512}.captured__title{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.captured__title h2{margin:0;font-size:1rem}.captured__toggle{min-height:34px;padding:.25rem .55rem;font-size:.78rem}.captured-stacks{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.7rem;overflow-x:auto;padding:.25rem .3rem .5rem}.captured-stack{display:flex;align-items:flex-start;min-width:clamp(76px,18vw,96px)}.captured-stack .card{flex:0 0 clamp(76px,18vw,96px);width:clamp(76px,18vw,96px);transition:margin .2s ease,transform .2s ease}.captured-stack .card:not(:first-child){margin-left:clamp(-62px,-13vw,-44px)}.captured--expanded .captured-stack .card:not(:first-child){margin-left:.35rem}.captured--expanded .captured-stack{min-width:max-content}.captured--expanded .captured-stacks{gap:1rem}.opponent-hand .card--back{pointer-events:none}@media(max-width:420px){.card__month-badge{width:1.25rem;height:1.25rem;font-size:.7rem}.captured-stacks{gap:.5rem}.captured-stack{min-width:68px}.captured-stack .card{flex-basis:68px;width:68px}.captured-stack .card:not(:first-child){margin-left:-53px}}.action-feedback{background:#08050577;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45}.action-card{width:min(92vw,500px);padding:1.2rem;border:2px solid #d6a94d;border-radius:18px;background:radial-gradient(circle at 50% 0,#5a3724,#241410 70%);box-shadow:0 20px 60px #000c;text-align:center;animation:action-enter .28s ease-out}.action-card h2{margin:.15rem 0 .65rem;font-family:serif;font-size:clamp(1.6rem,7vw,2.5rem);color:#ffe39a}.action-card p{margin:.45rem 0}.action-cards{display:flex;justify-content:center;gap:.6rem;min-height:132px}.action-cards .card{width:88px;height:132px;flex:0 0 88px;animation:card-reveal .7s cubic-bezier(.2,.8,.2,1)}.action-number{display:inline-block;margin:.35rem;padding:.35rem .85rem;border-radius:99px;color:#bdf2aa;background:#1e4825;font-size:1.3rem}.action-number--damage{color:#ffd1c7;background:#7b211e;animation:damage-pulse .75s ease-in-out infinite alternate}.action-yaku{font-size:1.25rem;font-weight:800;color:#ffe179}.action-feedback--yaku .action-card{border-color:#fff0a2;animation:yaku-burst .75s ease-out}.action-feedback--round_start .action-card{border-color:#7cc9ff}.koi-koi-backdrop{z-index:52}.koi-koi-modal{width:min(92vw,510px);padding:1.5rem;border:3px solid #ffe481;border-radius:18px;background:radial-gradient(circle at 50% 0,#70431d,#25130e 75%);text-align:center;box-shadow:0 20px 70px #000d;animation:yaku-burst .7s ease-out}.koi-koi-modal h1{margin:.2rem 0;color:#fff2a1;font-family:serif;font-size:clamp(2.2rem,10vw,4rem);text-shadow:0 3px #742318}.koi-koi-points{font-size:1.35rem;font-weight:900;color:#ffd977}.koi-koi-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}.koi-koi-actions button{min-height:74px;font-weight:900}.koi-koi-actions small{font-weight:400}@keyframes action-enter{0%{transform:scale(.82) translateY(22px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes card-reveal{0%{transform:rotateY(90deg) scale(.6);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes damage-pulse{0%{transform:scale(1)}to{transform:scale(1.12);box-shadow:0 0 20px #ff523b}}@keyframes yaku-burst{0%{transform:scale(.65);filter:brightness(2.4);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);filter:brightness(1);opacity:1}}@media(max-width:420px){.action-cards{min-height:108px}.action-cards .card{width:72px;height:108px;flex-basis:72px}.koi-koi-actions{grid-template-columns:1fr}}.cpu-level-picker{display:grid;gap:.55rem;padding:.8rem;border:1px solid #6e523a;border-radius:12px;background:#140e0b66}.cpu-level-picker h2,.cpu-level-picker p{margin:0}.cpu-level{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:.7rem;text-align:left}.cpu-level strong{font-size:1.05rem}.cpu-level span{font-size:.78rem;color:#d5c4ad}.cpu-level--weak{border-color:#81705c}.cpu-level--strong{border-color:#e2b653;background:linear-gradient(120deg,#684719,#3a2415);box-shadow:inset 3px 0 #f0c766}.opponent-hand__heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.opponent-hand__heading h2{margin:.2rem 0}.opponent-hand__toggle{min-height:34px;padding:.25rem .55rem;font-size:.8rem}