:root{--color-bg: #12151c;--color-bg-panel: #1c2130;--color-bg-panel-raised: #262c40;--color-ink: #ece6da;--color-ink-muted: #9b96a8;--color-emerald: #1f8f5f;--color-emerald-dark: #14523a;--color-emerald-bright: #34c98a;--color-fire: #e2601f;--color-fire-dark: #a8420f;--color-fire-bright: #ff8f3d;--color-gold: #d4af37;--color-gold-bright: #f2d27a;--color-line: #3a3f52;--color-success: #34c98a;--color-danger: #ff5c4d;--radius: .6rem;--transition: .16s ease;--shadow-ambient: 0 2px 10px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{transition:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}body{margin:0;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;background:radial-gradient(ellipse 60rem 40rem at 15% -10%,rgba(226,96,31,.1),transparent 55%),radial-gradient(ellipse 60rem 40rem at 90% 110%,rgba(31,143,95,.12),transparent 55%),var(--color-bg);background-attachment:fixed;background-position:0% 0%,0% 0%,0 0;animation:fog-drift 40s ease-in-out infinite alternate;color:var(--color-ink);min-width:320px}@keyframes fog-drift{0%{background-position:0% 0%,0% 0%,0 0}to{background-position:8% 6%,-8% -6%,0 0}}button{font-family:inherit}h1{font-weight:600;letter-spacing:.05em;color:var(--color-gold-bright);text-shadow:0 0 20px rgba(212,175,55,.3)}.lobby{max-width:40rem;margin:0 auto;padding:2rem 1.25rem}.lobby__intro{line-height:1.6}.lobby__player-count{display:flex;gap:.5rem;flex-wrap:wrap}.lobby__hint{color:var(--color-ink-muted);font-size:.9rem}.lobby__seed{display:block;margin:1rem 0}.lobby__seed input{display:block;width:100%;padding:.5rem;margin-top:.25rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-panel);color:var(--color-ink)}fieldset{border:1px solid var(--color-line);border-radius:var(--radius);padding:1rem}.chip{border:1px solid var(--color-emerald);background:var(--color-bg-panel);color:var(--color-emerald-bright);border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:background var(--transition),color var(--transition),transform .14s cubic-bezier(.34,1.56,.64,1)}.chip:hover:not(:disabled){transform:scale(1.04)}.chip:active:not(:disabled){transform:scale(.96)}.chip--active,.chip[aria-checked=true]{background:var(--color-emerald);color:#fff}.button{border:1px solid var(--color-emerald);background:var(--color-bg-panel);color:var(--color-emerald-bright);border-radius:var(--radius);padding:.6rem 1.1rem;cursor:pointer;font-size:1rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .16s ease,box-shadow .18s ease}.button:hover:not(:disabled){transform:translateY(-2px) scale(1.015);box-shadow:0 4px 14px #0006}.button:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:80ms}.button:disabled{opacity:.45;filter:saturate(.6);cursor:not-allowed}.button--primary{background:var(--color-fire);border-color:var(--color-fire-dark);color:#1a0e05;box-shadow:inset 0 1px #ffffff26}.button--primary:hover:not(:disabled){background:var(--color-fire-bright);box-shadow:0 4px 14px #e2601f73,inset 0 1px #ffffff26}.notice{padding:.6rem .9rem;border-radius:var(--radius);margin:.75rem 0}.notice--error{background:#ff5c4d1f;color:var(--color-danger);border:1px solid rgba(255,92,77,.4)}.notice--success{background:#34c98a1f;color:var(--color-success);border:1px solid rgba(52,201,138,.4)}.table-screen--shake{animation:table-screen-shake .42s ease}@keyframes table-screen-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}}.round-toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:20;background:linear-gradient(135deg,var(--color-bg-panel-raised),var(--color-bg-panel));color:var(--color-ink);padding:.6rem 1.1rem;border-radius:var(--radius);border:1px solid var(--color-gold);box-shadow:var(--shadow-ambient),0 0 32px -4px var(--color-fire);max-width:min(90vw,32rem);text-align:center;animation:round-toast-in .32s cubic-bezier(.34,1.4,.64,1)}.round-toast strong{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold-bright);opacity:.9}.round-toast p{margin:.15rem 0 0}@keyframes round-toast-in{0%{opacity:0;transform:translate(-50%,-.6rem) scale(.92)}60%{transform:translate(-50%,.1rem) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#06070ab8;padding:1rem;overflow:hidden;animation:game-over-backdrop-in .24s ease}@keyframes game-over-backdrop-in{0%{opacity:0}to{opacity:1}}.game-over-overlay__embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ember{position:absolute;bottom:-5%;left:var(--ember-x);width:.35rem;height:.35rem;border-radius:50%;background:radial-gradient(circle,var(--color-fire-bright),var(--color-fire) 70%,transparent);box-shadow:0 0 6px 1px var(--color-fire-bright);animation:ember-rise 2.6s ease-in infinite;animation-delay:var(--ember-delay)}.game-over-overlay--lose .ember{background:radial-gradient(circle,#9b97a4,#44454f 70%,transparent);box-shadow:0 0 6px 1px #6a6a76}@keyframes ember-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}to{transform:translateY(-110vh) scale(.4);opacity:0}}.game-over-overlay__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-5%;left:var(--c-x);width:.4rem;height:.7rem;background:var(--c-color);opacity:0;animation:confetti-fall 1.8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--c-delay)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(70vh) rotate(var(--c-rot));opacity:0}}.game-over-overlay__panel{position:relative;background:radial-gradient(ellipse at top,var(--color-bg-panel-raised),var(--color-bg-panel));border-radius:var(--radius);padding:2rem 2.5rem;max-width:26rem;text-align:center;box-shadow:0 16px 60px #000000b3,0 0 40px -6px var(--color-fire);border:2px solid var(--color-gold);animation:game-over-panel-in .52s cubic-bezier(.34,1.56,.64,1)}@keyframes game-over-panel-in{0%{opacity:0;transform:scale(.8) translateY(.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-overlay--win .game-over-overlay__panel{border-color:var(--color-gold);box-shadow:0 16px 60px #000000b3,0 0 48px -4px var(--color-emerald-bright)}.game-over-overlay--lose .game-over-overlay__panel{border-color:var(--color-fire-dark)}.game-over-overlay__emoji{font-size:3.5rem;margin:0 0 .5rem;animation:game-over-emoji-bounce .9s ease-in-out infinite}@keyframes game-over-emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.4rem)}}.game-over-overlay h2{margin:0 0 .5rem}.game-over-overlay--win h2{color:var(--color-emerald-bright)}.game-over-overlay--lose h2{color:var(--color-fire-bright)}.badge{font-size:.75rem;background:var(--color-emerald);color:#fff;border-radius:999px;padding:.15rem .5rem}.thinking{font-size:.8rem;color:var(--color-fire-bright);font-style:italic;display:inline-flex;align-items:center;gap:.35rem;animation:thinking-pulse 1.1s ease-in-out infinite}.thinking:before{content:"";width:.55rem;height:.55rem;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-fire);animation:thinking-spin .9s linear infinite}@keyframes thinking-spin{to{transform:rotate(360deg)}}@keyframes thinking-pulse{0%,to{opacity:.55}50%{opacity:1}}.provider-badge{display:inline-block;font-size:.72rem;font-weight:600;border-radius:999px;padding:.1rem .5rem;white-space:nowrap;cursor:help}.provider-badge--llm{background:#34c98a1f;color:var(--color-success);border:1px solid rgba(52,201,138,.4)}.provider-badge--strategy{background:#f0b43c1f;color:var(--color-gold-bright);border:1px solid rgba(240,180,60,.4)}.provider-badge--heuristic{background:#ffffff14;color:var(--color-ink-muted);border:1px solid var(--color-line)}.insight-badge{display:inline-block;font-size:.72rem;font-weight:600;border-radius:999px;padding:.1rem .5rem;white-space:nowrap}.insight-badge--win{background:#34c98a1f;color:var(--color-success);border:1px solid rgba(52,201,138,.4)}.insight-badge--loss{background:#ff5c4d1f;color:var(--color-danger);border:1px solid rgba(255,92,77,.4)}.board__table--impact{animation:table-impact-shake .42s ease}@keyframes table-impact-shake{0%,to{transform:translate(0) scale(1)}15%{transform:translate(-3px) scale(1.03)}30%{transform:translate(3px)}45%{transform:translate(-2px)}60%{transform:translate(2px)}}.impact-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.impact-particle{position:absolute;top:0;left:0;width:.3rem;height:.3rem;border-radius:50%;background:radial-gradient(circle,var(--color-fire-bright),var(--color-fire) 70%,transparent);box-shadow:0 0 5px 1px var(--color-fire-bright);animation:impact-particle-fly .42s ease-out forwards}@keyframes impact-particle-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) scale(0);opacity:0}}.board__empty{color:var(--color-ink-muted);font-style:italic}.card--discard{width:var(--cw);height:var(--ch);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-bg-panel-raised);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--color-ink-muted)}.board__discard--pulse .card--discard{animation:discard-pulse .48s ease}@keyframes discard-pulse{0%{transform:scale(1)}35%{transform:scale(1.18);background:var(--color-fire-bright);color:#1a0e05}to{transform:scale(1)}}.pending__hint{font-size:.9rem;color:var(--color-ink-muted)}.insert-fan__stage{position:relative}.insert-fan__row{position:relative;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}.insert-fan__row .hand__track{padding:0 calc(50% - .5rem)}.insert-fan__ghost{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);display:flex;z-index:60;pointer-events:none;perspective:60rem}.insert-fan__ghost .card{opacity:.85;outline:2px dashed var(--color-fire-bright);outline-offset:-3px;box-shadow:0 0 18px 2px #e2601f8c}.insert-fan__ghost .card+.card{margin-left:calc(var(--cw) * -1 + var(--ghost-step))}.insert-fan__hint{text-align:center;font-size:.85rem;color:var(--color-fire-bright);min-height:1.2rem;margin:.4rem 0 0}.insert-fan__actions{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:.5rem}.button--small{padding:.35rem .8rem;font-size:.85rem}.card{position:relative;width:var(--cw, 3.6rem);height:var(--ch, 5.1rem);border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-bg-panel-raised);display:flex;align-items:center;justify-content:center;cursor:default;padding:0;overflow:hidden;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s ease;transform-style:preserve-3d;animation:card-enter .26s cubic-bezier(.34,1.2,.64,1)}@keyframes card-enter{0%{opacity:0;transform:rotateY(-55deg) scale(.8) translateY(.4rem)}to{opacity:1;transform:rotateY(0) scale(1) translateY(0)}}.card--deal-flip{animation:card-deal-flip .52s cubic-bezier(.34,1.2,.64,1)}@keyframes card-deal-flip{0%{opacity:0;transform:rotateY(-100deg) scale(.88)}60%{opacity:1}to{opacity:1;transform:rotateY(0) scale(1)}}button.card{cursor:pointer}button.card:hover:not(:disabled){transform:translateY(-.35rem) rotateX(6deg) rotateY(-4deg);box-shadow:0 8px 18px #0000008c,0 0 0 1px var(--color-gold) inset}.card--selected{border-color:var(--color-fire);box-shadow:0 0 0 2px var(--color-fire),0 0 16px 2px #e2601f8c;transform:translateY(-.4rem)}.card--disabled{opacity:.6}.card--holo{position:relative}.card--holo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,rgba(212,175,55,0) 35%,rgba(242,210,122,.55) 48%,rgba(226,96,31,.45) 52%,rgba(31,143,95,.35) 58%,transparent 72%);background-size:250% 250%;background-position:0% 0%;animation:holo-sweep 5s ease-out infinite;mix-blend-mode:color-dodge;pointer-events:none}@keyframes holo-sweep{0%{background-position:0% 0%}20%{background-position:100% 100%}to{background-position:100% 100%}}.card--back{background-image:url(/cards/card-back.png);background-size:cover;background-position:center;color:var(--color-gold-bright)}.card__back-mark{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:999px;background:#0a0c128c;font-size:.85rem;line-height:1}.card__value{position:absolute;top:.2rem;left:.3rem;font-size:calc(var(--ch, 5.1rem) * .19);font-weight:700;line-height:1;color:var(--color-gold-bright);text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:1}.card__bird{width:calc(var(--cw, 3.6rem) * .74);height:calc(var(--cw, 3.6rem) * .74);object-fit:contain}.actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.lives{display:inline-flex;align-items:center;gap:.15rem;font-size:1.1rem}.life-token-wrap{position:relative;display:inline-block}.life-token{width:1.2rem;height:1.2rem;object-fit:contain;display:block}.lives--lost{color:var(--color-fire-bright)}.life-token-wrap--crack .life-token{animation:egg-crack-shake .42s ease}@keyframes egg-crack-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-.15rem) rotate(-4deg)}45%{transform:translate(.15rem) rotate(5deg)}70%{transform:translate(-.1rem) rotate(-3deg);opacity:.6}to{transform:scale(.3);opacity:0}}.life-token-wrap--crack .shard{position:absolute;top:50%;left:50%;width:.22rem;height:.22rem;background:var(--color-gold);border-radius:1px;animation:egg-shard-fly .42s ease-out forwards;pointer-events:none}@keyframes egg-shard-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--shard-x, .6rem)),calc(-50% + var(--shard-y, -.6rem))) scale(0);opacity:0}}.log{list-style:none;margin:.5rem 0 0;padding:0;max-height:12rem;overflow-y:auto;font-size:.85rem;display:flex;flex-direction:column;gap:.25rem}.log li{white-space:pre-line}.lobby__multiplayer-link{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-line);color:var(--color-ink-muted);font-size:.9rem}.lobby-room__code{font-size:2.5rem;font-weight:700;letter-spacing:.3em;text-align:center;color:var(--color-fire-bright);background:var(--color-bg-panel);border:1px dashed var(--color-line);border-radius:var(--radius);padding:.75rem;margin:.5rem 0}.lobby-room__qr{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:.5rem 0}.lobby-room__qr img{background:#fff;padding:.5rem;border:1px solid var(--color-line);border-radius:var(--radius)}.lobby-room__players{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.lobby-room__players li{background:var(--color-bg-panel);border:1px solid var(--color-line);border-radius:var(--radius);padding:.4rem .7rem}.lobby-room__start input[type=number]{display:block;width:6rem;padding:.5rem;margin-top:.25rem;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-bg-panel);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-fire);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.insight-upload{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.insight-upload__kind{display:flex;gap:.5rem}.insight-upload textarea{width:100%;padding:.5rem;border:1px solid var(--color-line);border-radius:var(--radius);font-family:inherit;resize:vertical;background:var(--color-bg-panel);color:var(--color-ink)}.build-info{text-align:center;font-size:.7rem;color:var(--color-ink-muted);opacity:.7;padding:.5rem 1rem 1rem}.strategy-panel__params{border-collapse:collapse;font-size:.85rem;margin:.5rem 0}.strategy-panel__params td{padding:.15rem .6rem .15rem 0;border-bottom:1px solid var(--color-line)}.strategy-panel__params td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-gold-bright)}.settings-page fieldset{margin-bottom:1.2rem}.settings-page__options{display:grid;gap:.6rem}.settings-option{display:grid;gap:.2rem;text-align:left;padding:.7rem .9rem;border-radius:.8rem;border:1px solid var(--color-line);background:var(--color-bg-panel);color:var(--color-ink);cursor:pointer;font:inherit}.settings-option--active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold),0 0 18px #d4af3740}.settings-option__label{font-weight:700}.settings-option__description{font-size:.85rem;color:var(--color-ink-muted)}.lobby__settings-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--color-ink-muted)}.debug-banner{margin:0;border:1px dashed var(--color-gold);color:var(--color-gold-bright)}.opponent__fan--open .card__value{font-size:.7rem;top:.1rem;left:.15rem}html.in-game,html.in-game body{height:100%;overflow:hidden;overscroll-behavior:none}html.in-game #root>.build-info{display:none}.table-screen{--hand-ch: min(clamp(5.4rem, 19dvh, 8.4rem), 36vw);--hand-cw: calc(var(--hand-ch) * .706);--board-ch: min(clamp(4.2rem, 12dvh, 6.6rem), 24vw);--board-cw: calc(var(--board-ch) * .706);--opp-ch: clamp(2.5rem, 6dvh, 3.6rem);--edge: .5rem;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "opp" "board" "me";gap:.45rem;padding:env(safe-area-inset-top) max(env(safe-area-inset-right),calc((100% - 72rem)/2)) env(safe-area-inset-bottom) max(env(safe-area-inset-left),calc((100% - 72rem)/2));overflow:hidden}.topbar{grid-area:top;display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:.35rem var(--edge) 0}.topbar__title{display:none;margin:0;font-size:1.1rem;white-space:nowrap}@media (min-width: 48rem){.topbar__title{display:block}}.icon-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.8rem;border:1px solid var(--color-line);background:#1c2130d9;color:var(--color-ink);font-size:1.1rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.icon-button:hover{border-color:var(--color-gold)}.icon-button:active{transform:scale(.94)}.icon-button__burger,.icon-button__burger:before,.icon-button__burger:after{display:block;width:1.1rem;height:2px;border-radius:2px;background:currentColor}.icon-button__burger{position:relative}.icon-button__burger:before,.icon-button__burger:after{content:"";position:absolute;left:0}.icon-button__burger:before{top:-6px}.icon-button__burger:after{top:6px}.status-line{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.status-line p{margin:0;padding:.35rem .9rem;border-radius:999px;background:#1c2130d9;border:1px solid var(--color-line);font-size:.88rem;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:background .2s ease,border-color .2s ease,color .2s ease}.status-line--you p{background:linear-gradient(135deg,#e2601f47,#d4af372e);border-color:var(--color-fire);color:var(--color-gold-bright);font-weight:600;box-shadow:0 0 18px -4px var(--color-fire)}.status-line--thinking p{color:var(--color-fire-bright)}.debug-chip{flex:0 0 auto;font-size:.72rem;padding:.2rem .5rem;border-radius:999px;border:1px dashed var(--color-gold);color:var(--color-gold-bright);cursor:help}.lives--you{flex:0 0 auto;gap:.1rem}.lives__label{font-size:.75rem;color:var(--color-ink-muted);margin-right:.15rem}.opponents{grid-area:opp;display:flex;gap:.4rem;padding:0 var(--edge);overflow-x:auto;scrollbar-width:none}.opponents::-webkit-scrollbar{display:none}.opponent:first-child{margin-left:auto}.opponent:last-child{margin-right:auto}.opponent{position:relative;flex:1 1 0;min-width:5.4rem;max-width:15rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .35rem .4rem;text-align:center;background:linear-gradient(180deg,#262c40e6,#1c2130e6);border:1px solid var(--color-line);border-radius:.9rem;box-shadow:var(--shadow-ambient);transition:opacity .2s ease,border-color .2s ease}.opponent--active{border-color:var(--color-fire);box-shadow:0 0 0 2px var(--color-fire) inset;animation:active-turn-pulse 1.6s ease-in-out infinite}@keyframes active-turn-pulse{0%,to{box-shadow:0 0 0 2px var(--color-fire) inset}50%{box-shadow:0 0 0 2px var(--color-fire) inset,0 0 0 5px #e2601f47}}.opponent--out{opacity:.6}.opponent__info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.15rem .35rem;max-width:100%;min-width:0}.opponent__name{font-weight:600;font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent .lives .life-token{width:.85rem;height:.85rem}.opponent .provider-badge{font-size:.6rem;padding:.05rem .35rem}.opponent .badge{font-size:.65rem;padding:.05rem .4rem}.opponent .thinking{font-size:.68rem}.opponent__hand{position:relative;container-type:inline-size;width:100%;display:flex;justify-content:center;padding-top:.2rem}.opponent__fan{--ch: var(--opp-ch);--cw: calc(var(--opp-ch) * .7);--opp-step: clamp(.22rem, calc((100cqw - var(--cw) - 1.2rem) / max(var(--n) - 1, 1)), calc(var(--cw) * .45));display:flex;align-items:flex-end;justify-content:center}.opponent__fan--open{--opp-step: clamp(.5rem, calc((100cqw - var(--cw) - 1.2rem) / max(var(--n) - 1, 1)), calc(var(--cw) * .7))}.opponent__card-slot{transform-origin:50% 100%;margin:0 calc((var(--opp-step) - var(--cw)) / 2)}.opponent__card-slot:first-child{margin-left:0}.opponent__card-slot:last-child{margin-right:0}.opponent__fan .card{border-radius:.3rem;animation:none}.opponent__fan .card__back-mark{display:none}.opponent__count{position:absolute;right:0;bottom:-.1rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-gold);color:var(--color-gold-bright);font-size:.7rem;font-weight:700;line-height:1.15rem;z-index:20}.opponent__frontrow{--ch: calc(var(--opp-ch) * 1.05);--cw: calc(var(--opp-ch) * .74);display:flex;gap:.2rem;justify-content:center}.board{grid-area:board;--ch: var(--board-ch);--cw: var(--board-cw);position:relative;min-height:0;margin:0 var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:1.4rem;background:radial-gradient(ellipse at 50% 40%,rgba(31,143,95,.22),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(226,96,31,.08),transparent 60%),#141823bf;border:1px solid rgba(58,63,82,.8);box-shadow:inset 0 0 40px #00000073;overflow:hidden}.board__row{display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,4vw,2.5rem);width:100%}.board__pile,.board__discard{--ch: calc(var(--board-ch) * .72);--cw: calc(var(--board-cw) * .72);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.72rem;color:var(--color-ink-muted);perspective:40rem}.board__table{position:relative;flex:0 1 auto;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;min-height:var(--board-ch);perspective:40rem}.board__table .card{box-shadow:0 6px 16px #00000080}.board__empty{margin:0;max-width:11rem;font-size:.82rem;text-align:center;color:var(--color-ink-muted);font-style:italic}.board__ticker{margin:0;max-width:min(36rem,92%);font-size:.78rem;line-height:1.3;text-align:center;color:var(--color-ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:ticker-in .28s ease}@keyframes ticker-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}.board__error{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;margin:0;font-size:.85rem;text-align:center;background:#280e0eeb;z-index:5}.me{grid-area:me;--ch: var(--hand-ch);--cw: var(--hand-cw);display:flex;flex-direction:column;min-width:0;padding:.3rem 0 0;border-radius:1.4rem 1.4rem 0 0;background:linear-gradient(180deg,#262c408c,#12151c33);border-top:1px solid var(--color-line);transition:border-color .2s ease,box-shadow .2s ease}.me--active,.me--pending{border-top-color:var(--color-fire);box-shadow:0 -10px 30px -18px var(--color-fire)}.me__bar{display:flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 var(--edge)}.me__actions{margin-left:auto;flex-wrap:nowrap;gap:.5rem}.me__actions .button{padding:.65rem 1.1rem;border-radius:.9rem}.me__actions .button--primary{min-width:8.5rem;font-weight:700}.frontrow-section{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.2rem .4rem .3rem;border:2px dashed var(--color-fire);border-radius:.8rem;background:#1c2130cc}.frontrow-section__label{font-size:.68rem;font-weight:600;color:var(--color-fire-bright);white-space:nowrap}.frontrow-section--empty{max-width:9rem;border-color:var(--color-danger)}.frontrow-section__warning{margin:0;font-size:.72rem;line-height:1.25;text-align:center;color:var(--color-ink)}.button--danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff;font-weight:700}.round-toast{cursor:pointer}.frontrow{--ch: clamp(3rem, 8dvh, 4.4rem);--cw: calc(var(--ch) * .706);display:flex;gap:.3rem;perspective:40rem}.hand{container-type:inline-size;display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1rem .5rem .55rem;perspective:60rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hand::-webkit-scrollbar{display:none}.hand__track{--step: clamp(1.2rem, calc((100cqw - var(--cw) * 1.4 - .5rem) / max(var(--n) - 1, 1)), calc(var(--cw) * .8));display:flex;align-items:flex-end;justify-content:center;min-width:100%;min-height:var(--ch);margin:0 auto;flex:0 0 auto;padding:0 calc(var(--cw) * .2)}.hand__empty{align-self:center;margin:0;color:var(--color-ink-muted);font-style:italic;font-size:.85rem}.hand__card-slot{transform-origin:50% 100%;margin:0 calc((var(--step) - var(--cw)) / 2);transition:transform .22s ease,margin .22s ease}.hand__card-slot:first-child{margin-left:0}.hand__card-slot:last-child{margin-right:0}.hand .card{box-shadow:-3px 4px 10px #00000073}.me--pending .pending__hint{flex:1 1 auto;margin:0;font-size:.8rem;text-align:center}.insert-fan{--slot-overlap: calc(var(--cw) * .42);--ghost-step: calc(var(--cw) * .23);--ghost-w: calc(var(--cw) + (var(--n, 1) - 1) * var(--ghost-step));--gap: calc(var(--ghost-w) + var(--slot-overlap) + 1rem);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;padding-bottom:.35rem}.insert-fan__stage{grid-column:1 / -1}.insert-fan__row .hand__card-slot{margin:0 calc(var(--slot-overlap) / -2)}.insert-fan__row .hand__card-slot:first-child{margin-left:0}.insert-fan__row .hand__card-slot:last-child{margin-right:0}.insert-fan__ghost{bottom:.55rem}.insert-fan__hint{margin:0;padding:0 var(--edge);font-size:.78rem;text-align:left}.insert-fan__actions{margin:0;padding:0 var(--edge)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#06070a99;animation:game-over-backdrop-in .2s ease}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(28rem,92vw);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-bg-panel-raised),var(--color-bg-panel));border-right:1px solid var(--color-line);box-shadow:12px 0 40px #0009;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);animation:drawer-in .24s cubic-bezier(.2,.8,.2,1)}.drawer[hidden]{display:none}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--color-line)}.drawer__header h2{margin:0;font-size:1.1rem;color:var(--color-gold-bright)}.drawer__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.drawer__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.drawer details{background:#12151c80;border:1px solid var(--color-line);border-radius:var(--radius);padding:.5rem .75rem}.drawer summary{cursor:pointer;font-size:.9rem}.drawer .build-info{padding:.5rem 0 0}@media (orientation: landscape) and (max-height: 32rem){.table-screen{--hand-ch: clamp(3.8rem, 27dvh, 6rem);--board-ch: clamp(3.2rem, 21dvh, 5rem);--opp-ch: clamp(1.7rem, 8dvh, 2.4rem);grid-template-columns:minmax(12rem,33%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "opp board" "me me";gap:.35rem}.topbar{min-height:2.5rem;padding-top:.25rem}.icon-button{width:2.25rem;height:2.25rem}.status-line p{padding:.25rem .8rem;font-size:.82rem;-webkit-line-clamp:1}.opponents{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-right:0}.opponent:first-child,.opponent:last-child{margin:0}.opponent{flex:0 0 auto;max-width:none;min-width:0;flex-direction:row;align-items:center;padding:.25rem .45rem}.opponent__info{flex:1 1 0;justify-content:flex-start;text-align:left}.opponent__hand{flex:0 0 48%;width:auto;padding-top:0}.board{margin-left:0;padding:.35rem;gap:.3rem}.board__ticker{-webkit-line-clamp:1}.me{flex-direction:row;align-items:flex-end;padding-top:0}.me__bar{display:contents}.frontrow-section{order:0;align-self:center;margin-left:var(--edge)}.me .hand{order:1;flex:1 1 auto;padding-top:.8rem}.me__actions{order:2;align-self:center;flex-direction:column;align-items:stretch;min-width:9rem;max-width:11rem;margin:0 var(--edge) 0 0}.me__actions .button{padding:.55rem .8rem;font-size:.9rem}.me__actions .button--primary{min-width:0}.me--pending{align-items:center}.me--pending .insert-fan{order:1;flex:1 1 auto;min-width:0}.me--pending .pending__hint{display:none}.insert-fan{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}.insert-fan__stage{grid-column:1;grid-row:1 / span 2}.insert-fan__hint{grid-column:2;grid-row:1;max-width:11rem;align-self:end}.insert-fan__actions{grid-column:2;grid-row:2;flex-direction:column;align-items:stretch;align-self:start;margin-top:.3rem}}@media (max-width: 24rem){.me__actions .button{padding:.6rem .8rem;font-size:.92rem}.me__actions .button--primary{min-width:0}.lives__label{display:none}}.lobby__learn{margin:1rem 0 1.25rem;padding:.8rem .9rem;border:1px solid var(--color-gold);border-radius:.9rem;background:linear-gradient(135deg,#d4af371f,#1f8f5f1a)}.lobby__learn-title{margin:0 0 .6rem}.lobby__learn-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.coach{width:min(36rem,100%);min-height:0;flex:0 1 auto;display:flex;flex-direction:column;gap:.35rem;padding:.55rem .75rem;border-radius:.9rem;border:1px solid var(--color-gold);background:#12151cf0;box-shadow:0 6px 24px #00000080,0 0 18px -6px var(--color-gold);animation:ticker-in .26s ease}.coach__title{margin:0;font-weight:700;font-size:.9rem;color:var(--color-gold-bright)}.coach__body{min-height:0;overflow-y:auto;font-size:.82rem;line-height:1.35}.coach__body p{margin:0 0 .3rem}.coach__body p:last-child{margin-bottom:0}.coach__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.coach__actions .button{padding:.45rem 1rem;font-size:.9rem}.coach--modal{position:relative;max-height:90dvh;width:min(30rem,100%);padding:1rem 1.1rem}.coach--modal .coach__body{font-size:.9rem}.board:has(.coach){--ch: calc(var(--board-ch) * .82);--cw: calc(var(--board-cw) * .82);justify-content:flex-start}.board:has(.coach) .board__row{flex:0 0 auto}.hand__card-slot--hint .card{outline:3px dashed var(--color-gold-bright);outline-offset:-3px;animation:hint-pulse 1.4s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:0 0 #f2d27a00}50%{box-shadow:0 0 16px 2px #f2d27aa6}}.hand button.card:hover:not(:disabled){transform:translateY(-.35rem)}.hand .card--selected,.hand .card--selected:hover:not(:disabled){transform:translateY(-.5rem)}.egg-toast{border:1px solid var(--color-gold);color:var(--color-gold-bright);background:#d4af371f;animation:ticker-in .32s ease}.lobby__classic{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--color-gold-bright);font-size:.9rem}.guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:#080a0eb8;animation:ticker-in .18s ease-out}.guide{display:flex;flex-direction:column;width:min(40rem,100%);max-height:100%;border:1px solid var(--color-line);border-radius:1rem;background:var(--color-bg-panel);color:var(--color-ink);box-shadow:0 1.5rem 3rem #00000080;overflow:hidden}.guide__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-line)}.guide__header h2{margin:0;font-size:1.2rem;color:var(--color-gold-bright)}.guide__body{overflow-y:auto;overscroll-behavior:contain;padding:.25rem 1rem 1rem;line-height:1.5}.guide__body h3{margin:1rem 0 .35rem;font-size:1rem;color:var(--color-gold-bright)}.guide__body p,.guide__body ul,.guide__body ol{margin:.35rem 0}.guide__body ul,.guide__body ol{padding-left:1.2rem}.guide__body li+li{margin-top:.25rem}.guide__small{color:var(--color-ink-muted);font-size:.9rem}.guide__golden,.guide__house{margin-top:.9rem;padding:.1rem .8rem .5rem;border-radius:.7rem;border:1px solid var(--color-gold);background:#d4af3714}.guide__house{border-color:var(--color-fire);background:#e2601f14}.mini-cards{display:inline-flex;gap:.15rem;vertical-align:middle}.mini-card{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.75rem;border-radius:.25rem;background:var(--color-ink);color:var(--color-bg);font-weight:700;font-size:.85rem;box-shadow:0 1px 2px #0006}.round-end{width:min(36rem,100%);flex:0 1 auto;display:flex;flex-direction:column;gap:.3rem;padding:.55rem .75rem;border-radius:.9rem;border:1px solid var(--color-gold);background:#12151cf0;box-shadow:0 6px 24px #00000080,0 0 22px -4px var(--color-gold);animation:ticker-in .26s ease}.round-end__title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.02em;text-align:center;color:var(--color-gold-bright)}.round-end__text{margin:0;font-size:.85rem;line-height:1.35;text-align:center}.round-end__footer{display:flex;align-items:center;gap:.6rem}.round-end__timer{flex:1 1 auto;height:.25rem;border-radius:1rem;background:var(--color-gold);transform-origin:left center;animation:round-end-timer 5s linear forwards}@keyframes round-end-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.board__fast{position:absolute;right:.6rem;bottom:.45rem;display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:1rem;border:1px solid var(--color-line);background:#12151cbf;color:var(--color-ink-muted);font-size:.72rem;cursor:pointer;-webkit-user-select:none;user-select:none}.board__fast:has(input:checked){border-color:var(--color-gold);color:var(--color-gold-bright)}.board__fast input{margin:0;accent-color:var(--color-gold)}.board:has(.board__fast){padding-bottom:1.9rem}