.screen.front{gap:clamp(8px,1.6vh,16px)}.front-main{text-align:center;--front-tile:clamp(48px, min(calc((100vw - 2 * var(--gutter)) / 4.75), 10.6vh), 132px);flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,20px);width:min(640px,100%);margin-block-start:auto;margin-block-end:auto;display:flex}.front-hero{flex-direction:column;align-items:center;display:flex}.front .title-sign{font-size:clamp(min(2rem,10vw),min(10.5vw,8.4vh),5rem)}.front .tagline{text-shadow:0 1px #fff8eae6,0 0 12px #fff8eae6}.front .showcase{--tile:var(--front-tile)}.front .decor{--clear:330px}.front-actions{width:min(100%, calc(var(--front-tile) * 4.68));flex-direction:column;align-items:center;gap:12px;display:flex}.front .play-solo{width:100%;min-height:66px;font-size:clamp(1.35rem, calc(var(--front-tile) * .3), 1.9rem);border-radius:20px}.room-buttons{flex-wrap:wrap;gap:10px;width:100%;display:flex}button.room-btn{min-width:min-content;min-height:54px;font-size:clamp(.9rem, calc(var(--front-tile) * .19), 1.2rem);white-space:nowrap;border-radius:16px;flex:124px;gap:6px;padding:0 6px}button.room-btn .icon{width:1.25em;height:1.25em}.room-panel{border:2px solid var(--wood);text-align:left;background:var(--paper);width:100%;box-shadow:0 4px 0 var(--wood-dark), var(--shadow);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:12px 10px;padding:14px;display:flex}.join-label,.name-label{flex-direction:column;gap:6px;min-width:0;display:flex}.join-label{flex:116px}.name-label{flex:2 168px}.room-panel input.room-name,.room-panel input.join-code{width:100%;min-width:0;min-height:50px}.room-panel input.join-code{font-family:var(--font-display);letter-spacing:.2em;text-align:center;text-transform:uppercase;border-style:dashed;padding:0 4px 0 calc(4px + .2em);font-size:1.5rem;font-weight:800}.room-panel input.join-code::placeholder{color:#2443338c}.room-panel input.join-code.locked{border-style:solid;border-color:var(--wood);color:var(--forest);background:var(--plank-hi);cursor:default}.room-panel-actions{flex-wrap:wrap;flex:236px;gap:8px;display:flex}button.room-go{white-space:nowrap;border-radius:14px;flex:auto;min-height:50px;padding:0 20px;font-size:1.15rem}button.room-cancel{min-height:50px;padding:0 18px}.front-notice{text-wrap:balance;color:#7c231e;background:#fff1ec;border:2px solid #c8433c66;border-radius:14px;width:100%;padding:10px 14px;font-weight:700;line-height:1.3}.front-notice.is-info{color:var(--sky-dark);background:#eef6fc;border-color:#2370ae66}.name-line{max-width:100%;color:var(--forest);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 6px;display:flex}.name-line-who{overflow-wrap:anywhere;min-width:0}.name-line-name{color:var(--forest);font-weight:800}.name-change{min-height:44px;font-family:var(--font-body);text-underline-offset:3px;color:var(--sky-dark);box-shadow:none;background:0 0;border-radius:12px;padding:0 10px;font-weight:800;text-decoration:underline}.name-change:hover{filter:none;background:#2370ae1a}.name-change:active{box-shadow:none;transform:none}.front .arena-open{border-radius:16px;width:100%;min-height:52px;font-size:1.2rem}.front .arena-open[data-open="0"]{border-style:dashed}.arena-open-note{text-align:center;color:var(--ink-soft);margin:-6px 0 0;font-size:.86rem}.arena-open-note[hidden]{display:none}[data-screen-focus]:focus{outline:none}.showcase{--tile:88px;--showcase-cols:4;--showcase-gap:clamp(5px, calc(var(--tile) * .1), 12px);--showcase-frame:clamp(5px, calc(var(--tile) * .08), 9px);grid-template-columns:repeat(var(--showcase-cols), var(--tile));gap:var(--showcase-gap);padding:clamp(6px, calc(var(--tile) * .11), 12px);border:var(--showcase-frame) solid transparent;border-radius:clamp(14px, calc(var(--tile) * .26), 26px);background:linear-gradient(180deg, #caa06a, #b98b5a) padding-box, repeating-linear-gradient(90deg, #ffffff12 0 18px, #8c623912 18px 36px) border-box, linear-gradient(180deg, var(--plank-hi), var(--plank) 55%, var(--plank-lo)) border-box;box-shadow:inset 0 3px 7px #3c261073, 0 0 0 2px var(--wood), 0 5px 0 1px var(--wood-dark), 0 14px 26px #24433338;flex:none;display:grid}.showcase.is-compact{--showcase-cols:6}.showcase-item{width:var(--tile);height:var(--tile);min-width:0;min-height:0;font:inherit;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:18%;padding:0;display:block;position:relative}button.showcase-item{cursor:pointer;transition:translate .14s}button.showcase-item:hover{z-index:2;filter:none;translate:0 -3px}button.showcase-item:focus-visible{z-index:2;filter:none;translate:0 -3px}button.showcase-item:active{box-shadow:none;transform:none}button.showcase-item:focus-visible{outline-offset:1px;box-shadow:0 0 0 6px var(--focus);outline-color:#fff}.showcase-name{z-index:3;border:2px solid var(--trim);font-family:var(--font-display);white-space:nowrap;color:#fff;background:var(--forest);opacity:0;pointer-events:none;border-radius:999px;padding:1px 9px 2px;font-size:.8rem;font-weight:800;line-height:1.2;transition:opacity .12s;position:absolute;top:calc(100% - 4px);left:50%;translate:-50%;box-shadow:0 2px 6px #14261c59}.showcase-item:hover .showcase-name{opacity:1}.showcase-item:focus-visible .showcase-name{opacity:1}.seat-badge{width:38px;height:38px;font-family:var(--font-display);color:var(--seat-ink,#fff);background:var(--seat-color,var(--wood));border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px #00000024,inset 0 0 0 2px #ffffff80}.seat-badge .player-index{padding-top:.08em}.seat-badge .seat-photo{border-radius:inherit;object-fit:cover;object-position:center;background:#fff;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.seat-badge.is-open{color:#2443338c;box-shadow:none;background:#2443330d;border:2px dashed #2443334d}.seat-badge.is-open .icon{width:18px;height:18px}.seat-words{flex-wrap:wrap;flex:auto;align-items:center;gap:3px 6px;min-width:0;display:flex}.seat-name{overflow-wrap:anywhere;min-width:0;color:var(--forest);flex:auto;font-weight:800;line-height:1.2}.seat-you,.seat-tag{font-family:var(--font-display);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 9px 3px;font-size:.74rem;font-weight:800;line-height:1.2;display:inline-flex}.seat-you{color:#fff;background:var(--sky)}.seat-tag .icon{width:13px;height:13px}.seat-tag.host{color:#5a3d00;background:#f7d46a}.seat-tag.ready{color:#fff;background:var(--green-btn)}.seat-tag.away{color:#7a4a00;background:#ffe7b8}button.guide-open{max-width:100%;min-height:48px;padding:0 clamp(12px,5vw,20px);font-size:clamp(.88rem,4.2vw,1rem)}button.guide-open .icon{width:1.35em;height:1.35em;color:var(--sky)}button.guide-open .label{min-width:0}.decor{--clear:300px;z-index:-1;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}@media (min-width:900px) and (min-height:560px){.decor{display:block}}.decor-piece{--size:120px;--off:40px;--turn:0deg;width:var(--size);height:var(--size);color:var(--piece-color,var(--plank));rotate:var(--turn);filter:drop-shadow(0 5px #24433329)drop-shadow(0 10px 14px #24433329);position:absolute}.decor-piece.is-left{right:calc(50% + var(--clear) + var(--off))}.decor-piece.is-right{left:calc(50% + var(--clear) + var(--off))}.decor-piece .piece{width:100%;height:100%;display:block}.decor-piece .emblem{width:34%;height:34%;color:var(--piece-ink,#fff);opacity:.82;position:absolute;top:31%;left:31%}.decor-piece:first-child{--off:34px;--size:132px;--turn:-14deg;top:9%}.decor-piece:nth-child(3){--off:232px;--size:156px;--turn:11deg;top:24%}.decor-piece:nth-child(5){--off:26px;--size:104px;--turn:9deg;top:41%}.decor-piece:nth-child(7){--off:196px;--size:128px;--turn:-21deg;top:58%}.decor-piece:nth-child(9){--off:44px;--size:144px;--turn:16deg;top:68%}.decor-piece:nth-child(11){--off:420px;--size:116px;--turn:-8deg;top:44%}.decor-piece:nth-child(2){--off:46px;--size:136px;--turn:17deg;top:13%}.decor-piece:nth-child(4){--off:262px;--size:112px;--turn:-11deg;top:7%}.decor-piece:nth-child(6){--off:22px;--size:112px;--turn:-17deg;top:45%}.decor-piece:nth-child(8){--off:214px;--size:152px;--turn:9deg;top:36%}.decor-piece:nth-child(10){--off:64px;--size:124px;--turn:-7deg;top:71%}.decor-piece:nth-child(12){--off:300px;--size:138px;--turn:21deg;top:64%}@media (prefers-reduced-motion:reduce){button.showcase-item,.showcase-name{transition:none}}html:has(dialog.hero-guide[open]){overflow:hidden}.hero-guide{width:min(680px,100vw - 24px);max-width:none;height:auto;max-height:min(760px,100vh - 24px);border:3px solid var(--wood);max-height:min(760px,100dvh - 24px);color:var(--forest);background:var(--paper);box-shadow:0 6px 0 var(--wood-dark), 0 24px 60px #14261c73;border-radius:22px;margin:auto;padding:0;overflow:hidden}.hero-guide[open]{animation:.18s ease-out both hero-guide-in;display:flex}.hero-guide::backdrop{background:#182c208c}.hero-guide-sheet{flex-direction:column;width:100%;min-height:0;display:flex}.hero-guide-head{background:repeating-linear-gradient(180deg, #ffffff0f 0 6px, #8c62390f 6px 12px), linear-gradient(180deg, var(--plank-hi), var(--plank));border-bottom:2px solid #b98b5a73;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 20px;display:flex}.hero-guide-title{min-width:0;color:var(--forest);font-size:clamp(1.15rem,4.6vw,1.5rem)}button.hero-guide-close{background:#fffdf7d9;border-radius:50%;flex:none;width:44px;height:44px;padding:0}.hero-guide-list{overscroll-behavior:contain;flex:auto;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;margin:0;padding:12px;list-style:none;display:grid;overflow-y:auto}.hero-guide-list:focus-visible{outline-offset:-3px}@media (min-width:600px){.hero-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-guide-item{--tile:64px;border:2px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:8px 12px 8px 8px;display:flex}.hero-guide-item.is-picked{border-color:var(--amber);background:#fff9e3;box-shadow:0 0 0 3px #e0a42447}.hero-guide-words{flex:auto;min-width:0}.hero-guide-name{color:var(--forest);font-size:1.15rem}.hero-guide-power{color:var(--ink-soft);overflow-wrap:anywhere;margin-top:2px;font-size:.92rem;line-height:1.32}@keyframes hero-guide-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.hero-guide[open]{animation:none}}.screen.arena{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.arena-main{z-index:1;width:min(1320px,100%);padding:0 var(--gutter) 10px;flex-direction:column;flex:1;gap:8px;margin:0 auto;display:flex;position:relative}.arena-tag{font-family:var(--font-display);letter-spacing:.02em;color:#fff;background:var(--sky-dark);border-radius:999px;flex:none;padding:1px 9px;font-size:.74rem;line-height:1.5}.arena-tag.is-you{background:#6b3fa0}.arena-tag.is-bot{color:var(--forest);background:#dfe6dc}.arena-person{align-items:center;gap:8px;min-width:0;display:inline-flex}.arena-person-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;color:var(--forest);font-size:1.02rem;overflow:hidden}.arena-person .seat-badge{width:30px;height:30px;font-size:.95rem}.seat-badge.bot-badge{color:#4a5d6b;background:#dbe5ec}.seat-badge.bot-badge[data-bot="1"]{color:#5d4a6b;background:#e6dcec}.seat-badge.bot-badge[data-bot="2"]{color:#6b5a3a;background:#ece3d0}.seat-badge.bot-badge[data-bot="3"]{color:#3f6650;background:#d8e8dc}.bot-face{width:78%;height:78%}.arena-lobby{flex-direction:column;gap:12px;width:min(580px,100%);margin:4px auto 0;display:flex}.arena-lobby .card-title{outline:none}.arena-locked{font-family:var(--font-display);color:#8a3a12;font-size:1.3rem}.arena-pass{font-family:var(--font-display);color:var(--green-btn)}.arena-fine{color:var(--ink-soft);font-size:.9rem}.arena-field-label{text-align:center;margin:4px 0 -4px}.arena-field{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button.arena-field-pick{border:2px solid var(--trim);min-width:64px;min-height:48px;color:var(--forest);background:var(--cream);box-shadow:0 3px 0 var(--plank-lo);padding:0 16px;font-size:1.15rem}button.arena-field-pick[aria-pressed=true]{border-color:var(--green-btn-lo);color:#fff;background:linear-gradient(var(--green-btn-hi), var(--green-btn));box-shadow:0 3px 0 var(--green-btn-lo)}.arena-field-note{font-family:var(--font-display);color:var(--forest)}.arena-seats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 10px;margin:0;padding:0;list-style:none;display:grid}.arena-seat{border:1px solid var(--line);background:#fff;border-radius:999px;min-width:0;padding:4px 8px}.arena-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:4px;display:flex}.arena-actions .ghost{min-height:44px}.arena-battle{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.arena-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.arena-heading{flex-wrap:wrap;align-items:baseline;gap:2px 14px;min-width:0;display:flex}.arena-turnline{font-family:var(--font-display);color:var(--forest);background:var(--paper);border:2px solid var(--trim);border-radius:999px;margin:0;padding:2px 14px;font-size:1.1rem}.arena-battle[data-mine="1"] .arena-turnline{border-color:var(--green-btn-lo);color:#fff;background:linear-gradient(var(--green-btn-hi), var(--green-btn))}.arena-clock{border:2px solid var(--trim);background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:2px 12px 2px 4px;display:flex}.arena-clock-ring{place-items:center;width:46px;height:46px;display:grid;position:relative}.arena-ring{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.arena-ring .ring-track{stroke:#24433324}.arena-ring .ring-fill{stroke:var(--sky)}.arena-clock[data-phase=action] .ring-fill{stroke:#d9642b}.arena-clock.is-urgent .ring-fill{stroke:var(--danger)}.arena-clock .clock-seconds{text-align:center;min-width:0;font-size:1.35rem;position:relative}.arena-clock .phase-name{min-width:4.6em}.arena-clock[data-phase=action] .phase-name{color:#a3401c}.arena-prep{font-family:var(--font-display);color:var(--forest);border:2px solid var(--amber);background:#fff3b8;border-radius:999px;padding:3px 12px;font-size:1rem}.arena-prep[hidden]{display:none}.arena-body{flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"right""stage""left";gap:8px;min-height:0;display:grid}.arena-panel[data-side=left]{grid-area:left}.arena-panel[data-side=right]{grid-area:right}.arena-stage{grid-area:stage;min-width:0;min-height:0}.arena-battle[data-layout=top] .arena-body{grid-template:"left right""stage stage"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.arena-battle[data-layout=side] .arena-body{grid-template:"left stage right"minmax(0,1fr)/232px minmax(0,1fr) 232px}.arena-battle[data-layout=side] .arena-panel{align-self:start}.arena-battle .game-board-wrap{border-radius:18px;padding:8px}.arena-battle .arena-banner{min-height:46px;padding:4px 12px}.arena-battle .arena-banner .banner-line{font-size:1rem}.arena-battle .arena-banner .banner-hint{font-size:.86rem}.arena-battle .arena-banner button.role-pick{--tile:36px;padding:2px}.arena-battle .arena-banner .banner-controls .ghost{min-height:36px}.arena-panel{border:2px solid var(--trim);background:var(--paper);min-width:0;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:16px;padding:6px 8px;container-type:inline-size}.arena-panel[data-active="1"]{border-color:var(--green-btn);box-shadow:0 0 0 3px #2e7d3e38, var(--shadow)}.arena-card-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"who""heroes""bonus""note""total""small";align-items:center;gap:4px 10px;display:grid}@container (width>=430px){.arena-card-grid{grid-template-columns:minmax(0,112px) minmax(170px,1fr) minmax(0,128px);grid-template-areas:"who heroes bonus""small total total""note note note"}.arena-card-grid .arena-panel-head{align-self:stretch}.arena-card-grid .arena-who{flex-direction:column;align-items:flex-start;gap:2px}.arena-card-grid .arena-small{flex-direction:column;gap:0}.arena-card-grid .arena-bonuses{gap:2px;padding:2px 3px}.arena-card-grid .arena-name-text{font-size:1rem}.arena-card-grid .arena-small{white-space:nowrap;font-size:.68rem}.arena-card-grid .arena-hero .hero-face{--tile:30px}.arena-card-grid .arena-bonus-label{letter-spacing:-.01em;font-size:.62rem}}button.arena-panel-head{min-width:0;min-height:34px;font:inherit;color:inherit;box-shadow:none;cursor:default;background:0 0;border-radius:10px;grid-area:who;justify-content:space-between;gap:6px;padding:0 2px;display:flex}button.arena-panel-head:hover{filter:none}button.arena-panel-head:active{transform:none}.arena-who{align-items:center;gap:8px;min-width:0;display:flex}.arena-who .seat-badge{width:32px;height:32px;font-size:1rem}.arena-name{text-align:left;flex-wrap:wrap;align-items:center;gap:1px 6px;min-width:0;display:flex}.arena-name-text{max-width:100%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;color:var(--forest);font-size:1.08rem;line-height:1.1;overflow:hidden}.arena-turn-dot{border:2px solid #2443334d;border-radius:50%;flex:none;width:12px;height:12px}.arena-panel[data-active="1"] .arena-turn-dot{border-color:var(--green-btn-lo);background:var(--green-btn-hi);box-shadow:0 0 8px #4fa35ee6}.arena-heroes{grid-area:heroes;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;display:grid}.arena-hero,button.arena-hero{border:2px solid var(--trim);border-top:4px solid var(--hero-color,var(--trim));min-width:0;min-height:0;font:inherit;color:var(--forest);text-shadow:none;box-shadow:none;background:#fff;border-radius:10px;align-content:start;justify-items:center;gap:2px;padding:3px 1px 2px;display:grid;position:relative}.arena-hero .hero-face,.arena-hero .hero-pips{grid-area:auto}.arena-hero .hero-face{--tile:34px;position:relative}.arena-hero .hero-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-hero .hero-pips{gap:2px}.arena-hero .pip{border-width:1.5px;width:9px;height:9px}.arena-numbers{justify-content:center;align-items:baseline;gap:3px;display:inline-flex}.arena-credit,.arena-bonus-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--forest);font-size:1.05rem;line-height:1}.arena-delta{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--green-btn);font-size:.7rem;line-height:1}.arena-delta:empty{display:none}.arena-delta[data-kind=pending]{color:#a3620a}.arena-flag{z-index:1;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;color:#fff;background:var(--sky-dark);border-radius:999px;padding:0 6px;font-size:.62rem;line-height:1.55;position:absolute;bottom:-4px;left:50%;translate:-50%}.arena-flag:empty{display:none}.arena-hero[data-power=locked]{background:#f1ede4}.arena-hero[data-power=locked] .tile{opacity:.55}.arena-hero[data-power=locked] .arena-flag{background:#7b7466}.arena-hero[data-power=pending]{box-shadow:0 0 0 3px var(--glow)}button.arena-power{cursor:default}button.arena-power:disabled{opacity:1}button.arena-power:hover{filter:none}button.arena-power:active{transform:none}button.arena-power:not(:disabled){cursor:pointer;border-color:var(--green-btn);border-top-color:var(--hero-color,var(--green-btn));box-shadow:0 0 0 2px #4fa35e73, 0 3px 0 var(--green-btn-lo);animation:1.4s ease-in-out infinite arena-ready}button.arena-power:not(:disabled):active{transform:translateY(2px)}button.arena-power:not(:disabled) .arena-flag{background:var(--green-btn)}button.arena-power[data-power=pending]:not(:disabled){box-shadow:0 0 0 3px var(--glow), 0 3px 0 #7d2a25;border-color:#7d2a25;animation:none}button.arena-power[data-power=pending] .arena-flag{background:var(--danger)}@keyframes arena-ready{0%,to{box-shadow:0 0 0 2px #4fa35e73, 0 3px 0 var(--green-btn-lo)}50%{box-shadow:0 0 0 5px #ffe45cbf, 0 3px 0 var(--green-btn-lo)}}.arena-hero.is-firing{animation:.42s ease-out hero-fire}.arena-bonuses{border:1px dashed #2443333d;border-radius:10px;grid-area:bonus;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 6px;padding:2px 6px;display:grid}.arena-bonus{justify-items:center;gap:1px;min-width:0;display:grid}.arena-bonus-label{color:var(--ink-soft);font-size:.68rem;line-height:1.1}.arena-note{text-align:center;color:#8a3a12;grid-area:note;margin:0;font-size:.72rem;line-height:1.15}.arena-note:empty{display:none}.arena-total{color:#fff;background:linear-gradient(180deg, #3f9a53 0%, var(--green-btn) 100%);box-shadow:0 2px 0 var(--green-btn-lo);border-radius:10px;grid-area:total;justify-content:space-between;align-items:baseline;gap:8px;padding:1px 12px;display:flex}.arena-total-label{font-family:var(--font-display);font-size:.88rem}.arena-total-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.55rem;line-height:1.1}.arena-panel.is-settling .arena-total-value{animation:.52s ease-out arena-pop}@keyframes arena-pop{0%{scale:1}40%{scale:1.22}to{scale:1}}.arena-small{color:var(--ink-soft);flex-wrap:wrap;grid-area:small;justify-content:space-between;gap:0 10px;padding:0 2px;font-size:.72rem;line-height:1.2;display:flex}.arena-foot{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.arena-foot button{min-height:36px;padding:0 14px;font-size:.86rem}.arena-foot .primary{border-radius:999px;min-height:36px;padding:0 20px;font-size:.95rem}.arena-leave.is-sure{border-color:var(--danger);color:#8a1f19}.arena-battle[data-layout=phone] button.arena-panel-head{cursor:pointer}.arena-battle[data-layout=phone] .arena-panel[data-open="0"] .arena-card-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who total"}.arena-battle[data-layout=phone] .arena-panel[data-open="0"] .arena-heroes,.arena-battle[data-layout=phone] .arena-panel[data-open="0"] .arena-bonuses,.arena-battle[data-layout=phone] .arena-panel[data-open="0"] .arena-note,.arena-battle[data-layout=phone] .arena-panel[data-open="0"] .arena-small{display:none}.arena-battle[data-layout=phone] .arena-hero .hero-face{--tile:38px}.arena-battle[data-layout=phone] .game-board-wrap{aspect-ratio:6/8.2;min-height:0}.game-card.arena-card{width:min(680px,100%)}.arena-card .card-title{outline:none}.arena-pairs-title{font-family:var(--font-display);color:var(--ink-soft)}.arena-pairs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.arena-pair{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:5px 12px;display:grid}.arena-pair[data-mine="1"]{border:2px solid var(--green-btn);background:#f1f9ef}.arena-pair>.arena-person:last-child{justify-self:end}.arena-vs{font-family:var(--font-display);color:var(--ink-soft)}.arena-coin{--coin:132px;width:var(--coin);height:var(--coin);perspective:700px;align-self:center;margin:46px 0 6px}.coin-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateY(0)}.arena-coin[data-spin="1"] .coin-inner{animation:coin-spin var(--coin-ms,4s) cubic-bezier(.18, .6, .22, 1) both}@keyframes coin-spin{0%{transform:translateY(0)rotateY(180deg)}35%{transform:translateY(-46px) rotateY(calc(var(--coin-turns,5) * 150deg))}to{transform:translateY(0) rotateY(calc(var(--coin-turns,5) * 360deg))}}.coin-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:radial-gradient(circle at 35% 30%,#fff3b8,#f2c53b 70%);border:6px solid #d9a521;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 6px 14px #24433347,inset 0 0 0 3px #ffffff8c}.coin-face.is-back{transform:rotateY(180deg)}.coin-face .seat-badge{width:82%;height:82%;font-size:2.6rem}.coin-face.is-blank{font-family:var(--font-display);color:#8a6408;font-size:3.2rem}.arena-coin-line{font-family:var(--font-display);color:var(--forest);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:1.2rem;display:flex}.arena-coin-line .seat-badge{border:3px solid #d9a521;width:34px;height:34px}.arena-draft-rule{color:var(--ink-soft);font-size:.98rem}.arena-draft-status{font-family:var(--font-display);color:var(--forest);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0;font-size:1.25rem;display:flex}.arena-draft[data-mine="1"] .arena-draft-who{color:var(--green-btn)}.arena-draft-seconds{border:3px solid var(--sky);font-variant-numeric:tabular-nums;background:#fff;border-radius:50%;place-items:center;min-width:46px;min-height:46px;font-size:1.4rem;display:inline-grid}.arena-draft-seconds:empty{visibility:hidden}.arena-draft-seconds.is-urgent{border-color:var(--danger);color:var(--danger)}.arena-draft-count{color:var(--ink-soft);font-size:.95rem}.arena-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.arena-slot{--tile:52px;border:2px solid var(--trim);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-height:92px;padding:5px 2px;display:flex}.arena-slot[data-open="1"]{background:0 0;border-style:dashed;justify-content:center}.arena-slot-mark{font-family:var(--font-display);color:#24433359;font-size:1.6rem}.arena-slot-name{font-family:var(--font-display);font-size:.86rem;line-height:1.1}.arena-slot-by{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-soft);font-size:.7rem;overflow:hidden}.arena-draft-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}button.arena-pick{--tile:58px;border:2px solid var(--trim);min-width:0;min-height:0;color:var(--forest);box-shadow:0 3px 0 var(--plank-lo);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:6px 2px 4px;font-size:.86rem}button.arena-pick:disabled{opacity:1;box-shadow:none}.arena-draft[data-mine="1"] button.arena-pick:not(:disabled){border-color:var(--green-btn);box-shadow:0 3px 0 var(--green-btn-lo)}button.arena-pick[data-taken="1"]{background:#efece4}button.arena-pick[data-taken="1"] .tile,button.arena-pick[data-taken="1"] .arena-pick-name{opacity:.32}.arena-pick-name{line-height:1.1}.arena-pick-power{min-height:2.6em;color:var(--ink-soft);font-size:.92rem}.arena-pick-hero{color:var(--forest)}.game-card.arena-results{width:min(820px,100%)}.arena-winner{font-family:var(--font-display);color:#6b3fa0;font-size:1.5rem}.arena-your-place,.arena-outcome{font-family:var(--font-display);color:var(--forest);font-size:1.15rem}.arena-duel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.arena-breakdown{border:2px solid var(--trim);background:#fff;border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:8px 12px;display:flex}.arena-breakdown[data-mine="1"]{border-color:#6b3fa0}.arena-rows{flex-direction:column;margin:0;display:flex}.arena-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding:1px 0;display:flex}.arena-row dt{font-size:.95rem}.arena-row dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem}.arena-row.is-bonus dt{color:var(--ink-soft)}.arena-row.is-total{color:#fff;background:linear-gradient(180deg, #3f9a53 0%, var(--green-btn) 100%);border:0;border-radius:10px;margin-top:4px;padding:3px 10px}.arena-row.is-total dt{font-family:var(--font-display)}.arena-row.is-total dd{font-size:1.5rem}.arena-standings-title,.arena-live-title,.arena-bests-title{font-family:var(--font-display);color:var(--forest);margin:0 0 4px;font-size:1.05rem}.arena-standings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.arena-standings th,.arena-standings td{border-bottom:1px solid var(--line);text-align:right;padding:3px 6px}.arena-standings thead th{color:var(--ink-soft);font-size:.8rem}.arena-standings th:nth-child(2),.arena-standings .arena-standing-who{text-align:left}.arena-standing-rank{width:2.4em;font-family:var(--font-display);font-size:1.1rem;text-align:center!important}.arena-standing-total{font-family:var(--font-display);font-size:1.15rem}.arena-standing[data-mine="1"]{background:#f3ecfa}.arena-standing[data-rank="1"] .arena-standing-rank{color:#a3620a}.arena-wait{font-family:var(--font-display);color:var(--sky-dark);font-size:1.15rem}.arena-wait:empty{display:none}.arena-live-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.arena-live-battle{border:1px solid var(--line);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:5px 10px;display:flex}.arena-live-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1rem}.arena-live-turn{color:var(--ink-soft);flex:1;font-size:.85rem}.arena-live-battle button{min-height:36px;padding:0 14px;font-size:.9rem}.arena-bests{gap:8px;margin:0;padding:0;list-style:none;display:flex}.arena-best{border:2px solid var(--trim);font-family:var(--font-display);background:#fff;border-radius:999px;padding:2px 14px;font-size:1.1rem}.arena-best[data-latest="1"]{border-color:#6b3fa0}.arena-bests-box{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.arena-bests-title{margin:0}.screen.arena:has(.arena-battle[data-layout=top]){height:100vh;height:100dvh;overflow:hidden}.screen.arena:has(.arena-battle[data-layout=side]){height:100vh;height:100dvh;overflow:hidden}.screen.arena:has(.arena-battle[data-layout=top]) .arena-main{min-height:0}.screen.arena:has(.arena-battle[data-layout=side]) .arena-main{min-height:0}.arena-battle[data-layout=top] .game-board-wrap,.arena-battle[data-layout=side] .game-board-wrap{min-height:0}@media (min-width:941px) and (min-height:600px){.arena-main:has(.arena-lobby){overflow:auto}}@media (max-width:940px){.arena-head{gap:4px 10px}.arena-round{font-size:1.35rem}.arena-turnline{font-size:.98rem}.arena-clock .phase-name{min-width:0}.arena-draft-grid{grid-template-columns:repeat(4,minmax(0,1fr))}button.arena-pick{--tile:50px}.arena-slot{--tile:42px;min-height:78px}.arena-duel{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.arena-head{justify-content:center}.arena-clock{gap:6px;padding-right:10px}.arena-clock-ring{width:46px;height:46px}.arena-standings th,.arena-standings td{padding:3px}.arena-standings .arena-person .seat-badge{display:none}}@media (prefers-reduced-motion:reduce){.arena-coin .coin-inner,.arena-panel.is-settling .arena-total-value,.arena-hero.is-firing,button.arena-power:not(:disabled){animation:none!important}}.arena-results{gap:8px;padding-bottom:0}.arena-results .arena-result-actions{z-index:2;background:linear-gradient(#fdf9ee 0%,#fbf6ea 100%);border-top:1px solid #8c623938;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;margin:0 -24px;padding:8px 24px 12px;position:sticky;bottom:0}.arena-results .arena-result-actions:empty{background:0 0;border:0;padding:6px 0}.arena-results .arena-result-actions .primary{min-height:50px;font-size:1.25rem}.arena-results .arena-row:not(.is-total){padding:0}.arena-results .arena-row dt{font-size:.9rem}.arena-results .arena-row dd{font-size:1rem}.screen.game{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.game-main{z-index:1;width:min(1180px,100%);padding:0 var(--gutter) 16px;flex-direction:column;flex:1;gap:10px;margin:0 auto;display:flex;position:relative}.game-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;display:flex}.game-title{font-family:var(--font-display);color:var(--forest);outline:none;margin:0;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.1}.game-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-player{align-items:center;gap:8px;padding:3px 14px 3px 4px;display:inline-flex}.game-player .seat-badge{--badge:30px;width:30px;height:30px;font-size:.95rem}.game-stat{font-family:var(--font-display);color:var(--forest);background:var(--paper);border:2px solid var(--trim);border-radius:999px;padding:4px 14px;font-size:1.05rem}.game-clock{border:2px solid var(--trim);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.phase-name{min-width:5.2em;font-family:var(--font-display);color:var(--sky-dark);font-size:1.25rem}.game-clock[data-phase=action] .phase-name{color:#a3401c}.clock-track{background:#2443331f;border-radius:999px;height:14px;overflow:hidden}.clock-fill{border-radius:inherit;background:linear-gradient(90deg, var(--sky), #4aa3df);width:0;height:100%}.game-clock[data-phase=action] .clock-fill{background:linear-gradient(90deg,#d9642b,#f2a03d)}.game-clock.is-urgent .clock-fill{background:linear-gradient(90deg, var(--danger), #e8746d)}.clock-seconds{min-width:1.6em;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;color:var(--forest);font-size:1.5rem}.game-clock.is-urgent .clock-seconds{color:var(--danger)}.slides-left{font-family:var(--font-display);color:#fff;background:var(--green-btn);border-radius:999px;padding:3px 12px;font-size:1.05rem}.game-body{flex:1;grid-template-columns:minmax(230px,290px) 1fr;gap:14px;min-height:0;display:grid}.game-side{flex-direction:column;gap:10px;min-height:0;display:flex}.game-heroes{flex-direction:column;flex:1;gap:8px;display:flex}.hero-row{border:2px solid var(--trim);border-left:8px solid var(--hero-color,var(--trim));background:var(--paper);border-radius:14px;grid-template-columns:auto 1fr auto;grid-template-areas:"face words pips""face power power";align-items:center;gap:4px 10px;padding:8px 10px;display:grid}.hero-face{--tile:56px;grid-area:face}.hero-words{grid-area:words;min-width:0}.hero-name{font-family:var(--font-display);color:var(--forest);font-size:1.05rem;line-height:1.1}.hero-count{align-items:baseline;gap:6px;min-height:1.5rem;display:flex}.hero-quota{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.92rem;transition:font-size .2s,color .2s}.hero-plus{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.85rem;line-height:1}.hero-plus:empty{display:none}.hero-plus:not(:empty){color:#fff;background:var(--over,var(--leaf-dark));border-radius:999px;padding:3px 7px}.hero-bar{background:#2443331f;border-radius:999px;height:12px;margin-top:3px;position:relative;overflow:hidden}.hero-bar-fill{background:var(--spectrum);clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0 round 999px);transition:clip-path .28s;position:absolute;top:0;bottom:0;left:0;right:0}.hero-bar:after{content:"";top:0;bottom:0;left:var(--goal,40%);background:#fff;width:2px;position:absolute;translate:-1px;box-shadow:0 0 0 1px #24433373}.hero-row.is-met{border-color:var(--over);border-left-color:var(--hero-color,var(--leaf-dark));background:color-mix(in srgb, var(--over) 13%, #fff)}.hero-row.is-met .hero-quota{color:color-mix(in srgb, var(--over) 68%, #000);font-weight:800}.hero-row[data-over="2"]{background:color-mix(in srgb, var(--over) 20%, #fff)}.hero-row[data-over="2"] .hero-quota{font-size:1.02rem}.hero-row[data-over="3"]{background:color-mix(in srgb, var(--over) 26%, #fff);animation:1.5s ease-in-out infinite over-glow}.hero-row[data-over="3"] .hero-quota{font-size:1.14rem}.hero-row[data-over="4"]{background:color-mix(in srgb, var(--over) 32%, #fff);animation:.95s ease-in-out infinite over-glow}.hero-row[data-over="4"] .hero-quota{font-size:1.26rem}.hero-row[data-over="5"]{background:color-mix(in srgb, var(--over) 38%, #fff);animation:.65s ease-in-out infinite over-glow}.hero-row[data-over="5"] .hero-quota{font-size:1.4rem}.hero-row[data-over="3"] .hero-plus,.hero-row[data-over="4"] .hero-plus,.hero-row[data-over="5"] .hero-plus{font-size:.98rem;animation:.7s ease-in-out infinite over-bounce}.hero-row[data-flash="1"],.result-quota[data-flash="1"]{animation:.52s ease-in-out infinite over-glow,1.6s linear infinite neon-cycle}.hero-row[data-flash="1"] .hero-plus,.result-quota[data-flash="1"] .result-plus{color:#0b1a12}@keyframes neon-cycle{0%,to{--over:#ff4fe0;background-color:#ffd9f8}33%{--over:#3fd2ff;background-color:#d6f5ff}66%{--over:#fff;background-color:#fff}}.hero-row[data-flash="1"] .hero-bar-fill,.result-quota[data-flash="1"] .result-bar-fill{animation:.9s linear infinite neon-shimmer}@keyframes neon-shimmer{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.25)saturate(1.5)}}@keyframes over-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px var(--over), 0 0 16px 2px var(--over)}}@keyframes over-bounce{0%,to{translate:0}50%{translate:0 -2px}}.hero-pips{grid-area:pips;gap:4px;display:flex}.pip{background:0 0;border:2px solid #24433359;border-radius:50%;width:14px;height:14px}.pip.is-on{background:var(--glow);border-color:#b8860b;box-shadow:0 0 6px #ffc400b3}button.power-btn{border:2px solid var(--trim);min-height:44px;font-family:var(--font-display);color:var(--ink-soft);background:var(--cream);border-radius:999px;grid-area:power;padding:3px 12px;font-size:.95rem}button.power-btn:disabled{opacity:.75;cursor:default}.hero-row[data-power=ready] button.power-btn:not(:disabled){color:#fff;border-color:var(--green-btn-lo);background:linear-gradient(var(--green-btn-hi), var(--green-btn));box-shadow:0 3px 0 var(--green-btn-lo)}.hero-row[data-power=pending] button.power-btn{color:#fff;background:var(--danger);border-color:#7d2a25}.hero-row[data-power=pending]{box-shadow:0 0 0 3px var(--glow)}.hero-row.is-firing{animation:.42s ease-out hero-fire}.hero-row.is-celebrating{animation:.7s ease-out hero-cheer}@keyframes hero-fire{0%{box-shadow:0 0 0 0 var(--hero-color,var(--glow))}to{box-shadow:0 0 0 14px #fff0}}@keyframes hero-cheer{0%,to{scale:1}35%{scale:1.04}}.game-stage{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.game-board-wrap{border:3px solid var(--wood);background:linear-gradient(var(--plank-hi), var(--plank));min-height:300px;box-shadow:var(--shadow), inset 0 0 0 4px #ffffff59;border-radius:22px;flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.game-board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:none;position:relative;overflow:hidden}.game-board[data-targeting]:not([data-targeting=""]){cursor:crosshair}.game-lift{z-index:6;pointer-events:none;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.piece{width:var(--tile);height:var(--tile);will-change:translate;transition-property:translate,opacity,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.22,.72,.26,1);position:absolute;top:0;left:0}.piece .tile{pointer-events:none}.piece:has(.is-dragging){z-index:5}.piece.is-leaving{z-index:3;opacity:0;transition-duration:.24s;scale:1.25}.cascade-call{--call:#2e9d57;z-index:8;pointer-events:none;opacity:0;font-family:var(--font-display);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cascade-call[data-level="2"]{--call:#d99a00}.cascade-call[data-level="3"]{--call:#ee6a1c}.cascade-call[data-level="4"]{--call:#e0246d}.cascade-call[data-level="5"]{--call:#8a2be2}.cascade-count,.cascade-praise{color:#fff;text-shadow:0 0 2px var(--call), 0 3px 0 var(--call), 0 -2px 0 var(--call), 3px 0 0 var(--call), -3px 0 0 var(--call), 0 6px 14px #00000059;line-height:1}.cascade-count{font-size:clamp(2.1rem,6vw,3.4rem)}.cascade-praise{font-size:clamp(1.2rem,3.4vw,2rem)}.cascade-call[data-level="3"] .cascade-count{font-size:clamp(2.5rem,7vw,4rem)}.cascade-call[data-level="4"] .cascade-count{font-size:clamp(2.9rem,8vw,4.6rem)}.cascade-call[data-level="5"] .cascade-count{font-size:clamp(3.3rem,9vw,5.4rem)}.cascade-call.is-on{animation:cascade-pop var(--call-ms,1s) ease-out both}@keyframes cascade-pop{0%{opacity:0;rotate:-6deg;scale:.4}14%{opacity:1;rotate:2deg;scale:1.18}26%{rotate:0deg;scale:1}72%{opacity:1;translate:0}to{opacity:0;translate:0 -18px;scale:1.06}}.game-board-wrap.is-rumbling{animation:.32s ease-in-out board-rumble}@keyframes board-rumble{0%,to{translate:0}20%{translate:-3px 1px}40%{translate:3px -1px}60%{translate:-2px}80%{translate:2px 1px}}.game-banner{border:2px solid var(--trim);border-radius:var(--radius);text-align:center;background:var(--paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;min-height:84px;padding:8px 14px;display:flex}.game-banner[data-kind=power]{border-color:var(--amber);background:#fff9e3}.banner-line{color:var(--forest);margin:0;font-size:1.05rem}.banner-hint{color:var(--ink-soft);margin:0;font-size:.95rem}.banner-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.role-picker{gap:6px;display:flex}button.role-pick{--tile:48px;background:0 0;border:3px solid #0000;border-radius:14px;padding:3px}button.role-pick.is-chosen{border-color:var(--glow);background:#fff3b8}.banner-controls .ghost{min-height:44px;padding:4px 18px;font-size:1rem}.game-foot{flex-direction:column;gap:8px;display:flex}.game-foot button{width:100%;min-height:44px;font-size:.98rem}.game-overlay{z-index:20;background:#24433380;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.game-overlay[hidden]{display:none}.game-card{flex-direction:column;gap:12px;width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;overflow:auto}.card-title{font-family:var(--font-display);text-align:center;color:var(--forest);margin:0;font-size:1.9rem;line-height:1.1}.card-line{text-align:center;color:var(--forest);margin:0}.intro-facts{font-family:var(--font-display);color:var(--sky-dark);font-size:1.08rem}.intro-heroes,.result-quotas{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.intro-hero{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.intro-face{--tile:54px;display:block}.intro-words{flex-direction:column;display:flex}.intro-name{font-family:var(--font-display);color:var(--forest);font-size:1.08rem}.intro-power{color:var(--ink-soft);font-size:.95rem}.game-card>.primary,.result-actions{align-self:center}.intro-start{min-width:200px}.team-grid{grid-template-columns:repeat(6,auto);justify-content:center;gap:8px;display:grid}button.team-pick{--tile:58px;background:0 0;border:3px solid #0000;border-radius:16px;padding:3px;position:relative}button.team-pick[aria-pressed=true]{border-color:var(--leaf-dark);background:#e6f4e2}.team-order{width:24px;height:24px;font-family:var(--font-display);text-align:center;color:#fff;background:var(--green-btn);border-radius:50%;font-size:.95rem;line-height:24px;position:absolute;top:-6px;right:-6px}.game-overlay[data-kind=result]{background:linear-gradient(180deg, #12281d33, #12281d75), var(--result-backdrop,none) center / cover no-repeat, radial-gradient(120% 90% at 50% 0%, #d6ead0 0%, #8fba8c 45%, #3f6e52 100%)}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (min-width:821px) and (min-height:600px){.screen.game{height:100vh;height:100dvh;overflow:hidden}.game-main,.game-body{min-height:0}.game-heroes{min-height:0;overflow:auto}.game-board-wrap{min-height:0}}@media (max-width:820px){.game-body{grid-template-columns:1fr}.game-heroes{flex-flow:wrap}.game-foot{flex-flow:wrap;justify-content:center}.game-foot button{width:auto}.hero-row{flex:200px}.hero-face{--tile:44px}.team-grid{grid-template-columns:repeat(4,auto)}}@media (max-width:420px){.game-clock{grid-template-columns:auto 1fr auto;gap:6px 10px}.phase-name{min-width:0;font-size:1.05rem}.slides-left{grid-column:1/-1;justify-self:center}}@media (prefers-reduced-motion:reduce){.piece,.hero-bar-fill{transition-duration:40ms!important}.hero-row.is-firing,.hero-row.is-celebrating,.hero-row[data-over],.hero-plus,.game-board-wrap.is-rumbling{animation:none!important}.cascade-call.is-on{animation:cascade-fade var(--call-ms,1s) linear both}@keyframes cascade-fade{0%,80%{opacity:1}to{opacity:0}}}.face{isolation:isolate;background:var(--face-color,var(--leaf-dark));place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.face:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(3 3) scale(.21)' fill='%23fff' fill-opacity='.2'%3E%3Cpath d='M20 20H42C42 20 44 18 43 15C41 9 59 9 57 15C56 18 58 20 58 20H80V42C80 42 82 44 85 43C91 41 91 59 85 57C82 56 80 58 80 58V80H58C58 80 56 78 57 75C59 69 41 69 43 75C44 78 42 80 42 80H20V58C20 58 22 56 25 57C31 59 31 41 25 43C22 44 20 42 20 42Z'/%3E%3C/g%3E%3Cg transform='translate(27 27) scale(.21) rotate(18 50 50)' fill='%23000' fill-opacity='.12'%3E%3Cpath d='M20 20H42C42 20 44 18 43 15C41 9 59 9 57 15C56 18 58 20 58 20H80V42C80 42 82 44 85 43C91 41 91 59 85 57C82 56 80 58 80 58V80H58C58 80 56 78 57 75C59 69 41 69 43 75C44 78 42 80 42 80H20V58C20 58 22 56 25 57C31 59 31 41 25 43C22 44 20 42 20 42Z'/%3E%3C/g%3E%3C/svg%3E") 0 0/44px 44px,radial-gradient(120% 95% at 50% 8%,#ffffff57 0%,#fff0 58%),linear-gradient(#0000 40%,#0000003d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.face[data-mood=sad]:before{background-color:#464c5480}.face-art{aspect-ratio:1;object-fit:contain;opacity:0;filter:drop-shadow(0 2px 3px #00000052);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:92%;height:86%;margin:auto;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0;right:0}.face.has-art .face-art{opacity:1}.face>.tile{--tile:var(--face-tile,48px)}@media (prefers-reduced-motion:reduce){.face-art{transition:none}}.fireworks{z-index:30;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.spark,.spark-pop{will-change:translate, scale, opacity;position:absolute}.spark{width:var(--len,18px);height:var(--size,5px);margin:calc(var(--size,5px) / -2) 0 0 calc(var(--len,18px) / -2);background:linear-gradient(90deg, transparent 0%, var(--c,#ffd766) 45%, #fff 100%);filter:drop-shadow(0 0 3px var(--c,#ffd766)) drop-shadow(0 0 1px #3c14468c);rotate:var(--a,0deg);animation:spark-fly var(--ms,.9s) cubic-bezier(.1, .75, .25, 1) both;border-radius:999px}@keyframes spark-fly{0%{opacity:1;translate:0;scale:.3 1}18%{scale:1}70%{opacity:1}to{translate:var(--dx,0) calc(var(--dy,0) + 16px);opacity:0;scale:.45 .6}}.spark.is-glitter{width:var(--size,5px);margin-left:calc(var(--size,5px) / -2);box-shadow:0 0 0 2px var(--c,#ffd766);filter:drop-shadow(0 0 4px var(--c,#ffd766));background:#fff;animation-name:spark-drift;animation-timing-function:cubic-bezier(.2,.6,.4,1);rotate:none}@keyframes spark-drift{0%{opacity:1;translate:0;scale:.4}20%{scale:1}60%{opacity:1}to{translate:calc(var(--dx,0) * .55) calc(var(--dy,0) * .55 + 46px);opacity:0;scale:.5}}.spark-pop{border:4px solid var(--c,#ffd766);width:64px;height:64px;box-shadow:0 0 14px 2px var(--c,#ffd766), inset 0 0 12px 1px var(--c,#ffd766);border-radius:50%;margin:-32px 0 0 -32px;animation:.46s ease-out both spark-pop}@keyframes spark-pop{0%{opacity:1;scale:.1}to{opacity:0;scale:1}}.result-card{background:linear-gradient(#fffefa 0%,#fbf6ea 100%);border:1px solid #8c623959;border-radius:22px;gap:10px;width:min(1180px,100%);padding:12px 18px 0;box-shadow:0 18px 48px #10241a66,inset 0 0 0 3px #ffffffb3}.result-head{flex-direction:column;align-items:center;gap:8px;display:flex}.result-plaque{background:linear-gradient(#fbe9ad 0%,#f1cd70 55%,#e0b049 100%);border:2px solid #b8862b;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:min(320px,100%);padding:3px 22px 5px;display:flex;box-shadow:0 3px #a8730f,0 8px 16px #78521033,inset 0 2px #ffffffa6,inset 0 -3px 6px #a8730f38}.result-plaque .card-title{color:#2b3b24;text-shadow:0 1px #fff9;font-size:1.8rem}.plaque-piece{width:20px;height:20px;color:var(--leaf-dark);filter:drop-shadow(0 1px #ffffff80);flex:none}.plaque-piece.is-left{rotate:-14deg}.plaque-piece.is-right{color:var(--sky);rotate:16deg}.result-verdict{font-family:var(--font-display);border-radius:999px;align-items:center;gap:8px;padding:3px 16px 3px 5px;font-size:1.05rem;line-height:1.25;display:inline-flex}.result-verdict .icon{border-radius:50%;flex:none;width:1.5em;height:1.5em;padding:.2em}.result-card[data-passed="1"] .result-verdict{color:#fff;background:linear-gradient(180deg, #3f9a53 0%, var(--green-btn) 100%);box-shadow:0 2px 0 var(--green-btn-lo), inset 0 1px 0 #ffffff4d}.result-card[data-passed="1"] .result-verdict .icon{color:var(--green-btn);background:#fff}.result-card[data-passed="0"] .result-verdict{color:#6b3410;background:#fbe8d2;border:1px solid #e0b48a}.result-card[data-passed="0"] .result-verdict .icon{color:#fff;background:#b5652a}.result-body{grid-template-columns:minmax(170px,216px) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.result-detail,.result-history{flex-direction:column;gap:8px;min-width:0;display:flex}.result-block{background:#fff;border:1px solid #24433324;border-radius:14px;min-width:0;padding:6px 12px 8px}.result-heading{font-family:var(--font-display);color:var(--forest);flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 5px;font-size:1.02rem;line-height:1.2;display:flex}.result-heading>.icon,.result-heading>.score-icon{flex:none;width:22px;height:22px}.result-heading>.icon{color:var(--sky)}.result-heading-text{min-width:0}.result-heading-aside{font-family:var(--font-body);text-align:right;white-space:nowrap;color:var(--ink-soft);align-items:center;gap:6px;margin-left:auto;font-size:.78rem;font-weight:700;display:inline-flex}.result-note{color:var(--ink-soft);margin:6px 0 0;font-size:.82rem}.result-tag{font-family:var(--font-display);vertical-align:middle;color:#fff;background:#6b3fd0;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem}.result-tag.is-sample{color:var(--forest);background:#e6e2d6}.result-players{background:#fff;border:1px solid #24433324;border-radius:14px;min-width:0;padding:8px 8px 10px}.result-players .result-heading{padding:0 4px}.result-player-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}button.result-player{width:100%;min-height:50px;font-family:var(--font-body);text-align:left;color:var(--forest);box-shadow:none;background:#fbf8f0;border:2px solid #2443331f;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 8px;font-weight:400;display:grid}button.result-player:hover{filter:none;background:#f6efdc}button.result-player:active{transform:none}button.result-player[aria-pressed=true]{background:linear-gradient(#fff3c9 0%,#fbe19a 100%);border-color:#e0a424;box-shadow:0 2px #c98a12}.result-player .seat-badge{width:40px;height:40px}.result-player-words{flex-direction:column;min-width:0;display:flex}.result-player-name{min-width:0;font-family:var(--font-display);align-items:center;font-size:1.02rem;line-height:1.2;display:flex}.result-player-nametext{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-player-name .result-tag{flex:none}.result-player-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#1c2b22;font-size:1.02rem;line-height:1.2}.result-crown{color:#e0a424;width:20px;height:20px}.result-chevron{color:#24433373;width:14px;height:14px}button.result-player[aria-pressed=true] .result-chevron{color:#b5760a}.result-who{background:linear-gradient(#f6f1ff 0%,#ece4fb 100%);border:1px solid #ddd2f5;border-radius:14px;align-items:center;gap:12px;padding:4px 12px;display:flex}.result-who .seat-badge{width:46px;height:46px;font-size:1.35rem}.result-who-words{flex-direction:column;min-width:0;display:flex}.result-who-name{font-family:var(--font-display);color:#2a2140;font-size:1.35rem;line-height:1.15}.result-praise{font-family:var(--font-display);color:#5a3fa8;font-size:.92rem;font-style:italic}.result-met{font-family:var(--font-display);color:#8a3a12;align-items:center;gap:6px;font-size:.92rem;display:inline-flex}.result-met[data-all="1"]{color:var(--green-btn)}.result-met .icon{color:#fff;background:var(--green-btn);border-radius:50%;width:18px;height:18px;padding:3px}.result-quotas{gap:6px}.result-quota{--row-h:54px;grid-template-columns:calc(var(--row-h) * 1.16) minmax(0, 5.6em) minmax(36px, 1fr) auto minmax(4em, auto);min-height:var(--row-h);background:#fff;border:1px solid #24433329;border-radius:14px;grid-template-areas:"face name bar plus count";align-items:center;column-gap:10px;padding-right:12px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 5px #24433314}.result-quotas[data-count="5"] .result-quota,.result-quotas[data-count="6"] .result-quota{--row-h:50px}.result-face{min-height:var(--row-h);border-right:1px solid #24433329;grid-area:face;align-self:stretch}.result-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;color:var(--forest);grid-area:name;font-size:1.12rem;line-height:1.15;overflow:hidden}.result-bar{background:#2443331f;border-radius:999px;grid-area:bar;height:12px;position:relative;overflow:hidden}.result-bar-fill{background:var(--spectrum);clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0 round 999px);position:absolute;top:0;bottom:0;left:0;right:0}.result-bar:after{content:"";top:0;bottom:0;left:var(--goal,40%);background:#fff;width:2px;position:absolute;translate:-1px;box-shadow:0 0 0 1px #24433373}.result-plus{font-family:var(--font-display);font-variant-numeric:tabular-nums;grid-area:plus;font-size:.92rem;line-height:1}.result-plus:not(:empty){color:#fff;background:var(--over,var(--leaf-dark));border-radius:999px;padding:4px 9px}.result-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;color:#1c2b22;grid-area:count;justify-self:end;font-size:1.08rem}.result-quota[data-met="0"]{background:#fde9e6;border-color:#c8433c73}.result-quota[data-met="0"] .result-count{color:#9c2219}.result-quota[data-over="2"] .result-count,.result-quota[data-over="3"] .result-count,.result-quota[data-over="4"] .result-count{font-size:1.16rem}.result-quota[data-over="5"] .result-count{font-size:1.28rem}.result-scores{flex-direction:column;display:flex}.score-line{font-variant-numeric:tabular-nums;color:var(--forest);grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:1.5px 0;display:grid}.result-scores .score-line+.score-line{border-top:1px solid #24433317}.score-icon{justify-self:center;width:20px;height:20px}.score-value{font-weight:800}.score-line.is-over-quota .score-value{font-family:var(--font-display);color:#c2302a}.result-totals{margin-top:6px}.score-line.is-total{font-family:var(--font-display);border:1px solid #0000;border-radius:12px;grid-template-columns:26px 1fr auto;padding:5px 12px;font-size:1.14rem}.score-line.is-total .score-icon{width:24px;height:24px}.score-line.is-total .score-value{font-size:1.3rem}.score-line[data-line=trial-score]{background:#e4f3df;border-color:#bcdcb4}.score-line[data-line=run-total]{background:#e2eefa;border-color:#b7d2ec}.score-chart{overflow-x:auto}.score-chart svg{width:100%;min-width:380px;height:auto;display:block}.score-chart text{font-family:var(--font-display)}.chart-scale line{stroke:#24433321;stroke-width:1px}.chart-scale text,.chart-play{fill:#244333b8;font-size:10.5px}.chart-empty{fill:#24433399;font-size:14px}.chart-line{stroke:#6b3fd0;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#6b3fd0;stroke:#fff;stroke-width:1.6px}.chart-ring{fill:none;stroke:#ff4fe0;stroke-width:2.6px}.chart-bubble{fill:#ece4fb;stroke:#cdbdf2;stroke-width:1px}.chart-value{fill:#4a2a9a;font-size:11.5px}.chart-point[data-medal="3"] .chart-bubble{fill:#e3e8ee;stroke:#8b96a6}.chart-point[data-medal="3"] .chart-value{fill:#3a4450}.chart-point[data-medal="2"] .chart-bubble{fill:#f9d667;stroke:#c98a12}.chart-point[data-medal="2"] .chart-value{fill:#4a3200}.chart-point[data-medal="1"] .chart-bubble{stroke:#5b2a9d}.chart-point[data-medal="1"] .chart-value{fill:#2a1050;paint-order:stroke;stroke:#ffffffd9;stroke-width:2.6px}.chart-point[data-latest="1"] .chart-bubble{fill:#6b3fd0;stroke:#4a2a9a}.chart-point[data-latest="1"] .chart-value{fill:#fff;stroke:none}.chart-medal{filter:drop-shadow(0 1px 1px #0000004d)}.best-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.best-card{text-align:center;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:6px 6px 8px;display:flex;position:relative}.best-card[data-rank="1"]{background:linear-gradient(135deg,#ffe3ec 0%,#fff2cf 25%,#dcf7e3 50%,#d9f1ff 75%,#ead9ff 100%);border-color:#c9b5f3}.best-card[data-rank="2"]{background:linear-gradient(#fff6d6 0%,#fbe3a0 100%);border-color:#e7c66a}.best-card[data-rank="3"]{background:linear-gradient(#f6f8fb 0%,#dfe5ec 100%);border-color:#c3ccd7}.medal-piece{filter:drop-shadow(0 2px 2px #00000038);width:40px;height:40px}.best-rank{font-family:var(--font-display);color:#24283cbf;font-size:.92rem;position:absolute;top:6px;left:8px}.best-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#1c2b22;font-size:1.22rem;line-height:1.15}.best-when{min-height:1.2em;color:var(--ink-soft);font-size:.8rem}.best-tag{font-family:var(--font-display);white-space:nowrap;border-radius:999px;margin-top:3px;padding:1px 10px;font-size:.8rem}.best-card[data-rank="1"] .best-tag{color:#fff;background:#7c4ddb}.best-card[data-rank="2"] .best-tag{color:#4a3200;background:#f4c84a}.best-card[data-rank="3"] .best-tag{color:#2f3a46;background:#c9d2dd}.best-card[data-empty="1"]{background:#faf7ef;border-style:dashed;border-color:#24433340}.best-card[data-empty="1"] .medal-piece{opacity:.28;filter:grayscale()}.best-card[data-empty="1"] .best-score{color:var(--ink-soft)}.best-card[data-empty="1"] .best-tag{color:var(--ink-soft);background:0 0}.best-card[data-latest="1"]{box-shadow:0 0 0 2px #ff4fe0}.result-run{background:#eef5fc;border:2px solid #b7d2ec;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.result-run[hidden]{display:none}.result-run-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.result-run-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--sky-dark);margin:0;font-size:1.3rem}.result-end{font-family:var(--font-display);text-align:left;color:#6b3410}.result-run-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.result-ranking{color:var(--sky-dark);margin:0;font-weight:700}.result-side{flex-direction:column;gap:8px;min-width:0;display:flex}.result-save{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;padding:0 6px;display:flex}.result-save[hidden]{display:none}.result-save[data-status=saved]{color:var(--green-btn)}.result-save[data-status=retry-needed],.result-save[data-status=sign-in-required],.result-save[data-status=account-mismatch]{color:#8a3a12}button.result-retry{min-height:32px;padding:0 14px;font-size:.82rem}.result-card .result-actions{z-index:2;background:linear-gradient(#fdf9ee 0%,#fbf6ea 100%);border-top:1px solid #8c623938;border-radius:0 0 20px 20px;flex-wrap:wrap;justify-content:flex-end;align-self:stretch;align-items:center;margin:0 -18px;padding:8px 18px 12px;position:sticky;bottom:0}.result-card .result-actions button{min-height:46px}.result-card .result-actions .primary{min-width:min(300px,100%);min-height:50px;font-size:1.3rem}.result-card .result-actions .ghost{background:#fff;border-width:1px;border-color:#24433338;margin-right:auto}@media (max-width:1020px){.result-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-players{grid-column:1/-1}.result-player-list{flex-direction:row;padding-bottom:2px;overflow-x:auto}.result-player-list>li{flex:none;min-width:168px}}@media (max-width:720px){.result-card{padding:12px 10px 0}.result-card .result-actions{margin:0 -10px;padding:8px 10px 10px}.result-body,.result-run-body{grid-template-columns:minmax(0,1fr)}.result-plaque .card-title{font-size:1.5rem}.result-heading{flex-wrap:wrap}.result-quota{grid-template-columns:calc(var(--row-h) * 1.1) minmax(0, 1fr) auto auto;grid-template-areas:"face name plus count""face bar bar bar";row-gap:4px;padding:8px 12px 8px 0}.result-face{margin:-8px 0}.result-card .result-actions{flex-direction:column-reverse;align-items:stretch}.result-card .result-actions .ghost{margin-right:0}.result-card .result-actions button{width:100%}}.screen.holding{gap:clamp(10px,2vh,18px)}.holding-main{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,22px);width:min(520px,100%);margin-block-start:auto;margin-block-end:auto;display:flex}.holding .title-sign{font-size:clamp(min(1.9rem,9vw),min(9vw,7vh),3.4rem)}.card.holding-card{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:20px 18px 18px;display:flex}@media (max-width:380px){.card.holding-card{padding:16px 12px 14px}}.holding-eyebrow{border:2px solid var(--trim);font-family:var(--font-display);letter-spacing:.08em;color:#fff;background:var(--sky);box-shadow:0 2px 0 var(--sky-dark);border-radius:999px;padding:1px 14px 2px;font-size:.95rem;font-weight:800}.holding-heading{color:var(--green-btn);font-size:clamp(1.8rem,7vw,2.4rem)}.holding-players{text-align:left;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (min-width:480px){.holding-players:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}.holding-player{border:2px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:6px 9px;display:flex}.holding-player.me{background:#f3faf1;border-color:#3d8f4ea6}.holding-player.away{border-style:dashed}.holding-player.away .seat-badge{opacity:.55}.holding-player.away .seat-name{opacity:.75}.holding-players>:only-child{justify-self:center;width:auto;max-width:100%;padding-right:16px}.holding-stage{background:#f8e7c666;border:3px dashed #8c62398c;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:18px 14px 20px;display:flex}.holding-piece{width:56px;height:56px;color:var(--sky);filter:drop-shadow(0 3px #184f7c59);display:block;rotate:-10deg}.holding-building{font-family:var(--font-display);text-wrap:balance;color:var(--forest);font-size:clamp(1.1rem,4.4vw,1.3rem);font-weight:800;line-height:1.2}.holding-next{text-wrap:balance;color:var(--ink-soft);line-height:1.3}.holding-status{color:var(--ink-soft);font-weight:700}.holding-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.holding .guide-open{border-radius:16px;min-height:50px;padding:0 20px}.holding .leave-room,.holding .back-front{min-height:50px;padding:0 20px 0 14px}.holding .leave-room .icon,.holding .back-front .icon{width:20px;height:20px}.screen.lobby{gap:12px}.lobby-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""room""learn";gap:14px;width:min(560px,100%);margin-top:clamp(0px,30vh - 240px,96px);display:grid}@media (min-width:940px){.lobby-main{grid-template:"title room""learn room"1fr/minmax(0,1fr) minmax(0,520px);align-items:start;column-gap:32px;width:min(1080px,100%)}}.lobby-title{text-align:center;flex-direction:column;grid-area:title;align-items:center;gap:8px;display:flex}.lobby .title-sign{font-size:clamp(min(1.9rem,9vw),min(9vw,7vh),3.4rem)}.lobby-label{border:2px solid var(--trim);font-family:var(--font-display);letter-spacing:.02em;color:#fff;background:var(--sky);box-shadow:0 2px 0 var(--sky-dark);border-radius:999px;padding:1px 16px 2px;font-size:.95rem;font-weight:800}.card.lobby-card{flex-direction:column;grid-area:room;gap:12px;min-width:0;padding:16px 18px;display:flex}@media (max-width:380px){.card.lobby-card{padding:14px 12px}}.room-row{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex;position:relative}.room-code-field{flex-direction:column;flex:136px;gap:4px;min-width:0;display:flex}.room-code{letter-spacing:.14em;width:100%;min-height:54px;color:var(--forest);box-shadow:none;background:#fff;border:2px dashed #8c623999;border-radius:14px;justify-content:space-between;gap:10px;padding:4px 12px 4px 14px;font-size:clamp(1.35rem,6.6vw,1.6rem)}.room-code:hover{filter:none;background:#fffdf2;border-style:solid}.room-code:active{box-shadow:none;transform:none}.room-code .icon{width:22px;height:22px;color:var(--ink-soft)}button.invite{border-radius:14px;flex:1.3 160px;min-width:0;min-height:54px;padding:0 10px;font-size:clamp(.98rem,4.4vw,1.08rem);line-height:1.1}button.invite .icon{width:22px;height:22px}.copy-toast{z-index:2;max-width:100%;font-family:var(--font-display);overflow-wrap:anywhere;color:#fff;background:var(--forest);opacity:0;pointer-events:none;border-radius:11px;padding:2px 11px 3px;font-size:.84rem;font-weight:800;line-height:1.25;position:absolute;top:-8px;right:0;box-shadow:0 3px 10px #14261c4d}.copy-toast:empty{display:none}.copy-toast.show{animation:2.6s both copy-toast}@keyframes copy-toast{0%{opacity:0;translate:0 6px}8%,82%{opacity:1;translate:0}to{opacity:0;translate:0}}.copy-toast.stay{opacity:1;pointer-events:auto;-webkit-user-select:all;user-select:all;text-align:center;flex:100%;animation:none;position:static}.lobby-setup{border:2px solid var(--line);background:#f8e7c659;border-radius:14px;gap:8px;padding:9px 12px 11px;display:grid}.setup-group{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.setup-options{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.setup-option{text-align:left;min-width:0;min-height:44px;color:var(--forest);box-shadow:none;background:#fff;border:2px solid #8c623966;border-radius:12px;flex:0 auto;gap:7px;padding:3px 12px;font-size:.95rem;line-height:1.15}.setup-option .icon{width:16px;height:16px}.setup-option-words{min-width:0;display:grid}.setup-option.is-chosen{border-color:var(--green-btn-lo);color:#fff;background:var(--green-btn);cursor:default}.setup-option.is-chosen:hover{filter:none}.setup-option.is-chosen:active{box-shadow:none;transform:none}.setup-option:disabled{color:#244333cc;opacity:1;background:#fffdf799;border-style:dashed}.setup-option:disabled .icon{color:#24433380}.setup-option-note{font-family:var(--font-body);white-space:nowrap;color:var(--wood-deep);font-size:.72rem;font-weight:800;line-height:1.2}.setup-reason{text-wrap:balance;min-width:0;color:var(--ink-soft);flex:190px;font-size:.84rem;line-height:1.25}.players-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:-6px;display:flex}.seats{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}@media (min-width:480px){.seats{grid-template-columns:repeat(2,minmax(0,1fr))}}.seat.taken{border:2px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;min-width:0;min-height:54px;padding:6px 9px;display:flex}.seat.taken.me{background:#f3faf1;border-color:#3d8f4ea6}.seat.taken.away{border-style:dashed}.seat.taken.away .seat-badge{opacity:.55}.seat.taken.away .seat-name{opacity:.75}.open-seats{flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:34px;margin-top:-4px;display:flex}.open-seats-dots{flex-wrap:wrap;gap:5px;display:flex}.open-seats-dots:empty{display:none}.seat.open{width:32px;height:32px}.open-seats-label{color:var(--ink-soft);font-size:.9rem;font-weight:700}.lobby-actions{flex-direction:column;align-items:center;gap:10px;margin-top:2px;display:flex}.lobby .start{width:100%;min-height:64px;padding:6px 18px;font-size:clamp(1.25rem,5vw,1.55rem);line-height:1.15}.lobby .start .label{overflow-wrap:anywhere;min-width:0}.lobby .start[aria-disabled=true],.lobby .start[aria-disabled=true]:hover,.lobby .start[aria-disabled=true]:active{opacity:.55;cursor:default;box-shadow:none;filter:none;transform:none}.lobby .start.waiting{color:var(--forest);text-shadow:none;background:linear-gradient(180deg, var(--plank-hi), var(--plank));opacity:1;border-color:#8c623973;font-size:1.1rem;box-shadow:inset 0 2px #fff9}.lobby-status{text-align:center;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;color:var(--ink-soft);font-weight:700;line-height:1.3}.lobby-status.is-problem{color:#7c231e}button.leave-room{min-height:46px;padding:0 20px 0 14px}button.leave-room .icon{width:20px;height:20px}.lobby-learn{flex-direction:column;grid-area:learn;align-items:center;gap:14px;min-width:0;display:flex}.lobby .showcase{--tile:clamp(34px, calc((min(560px, 100vw - 2 * var(--gutter)) - 44px) / 6.3), 72px)}@media (min-width:940px){.lobby .showcase{--tile:clamp(34px, calc((min(1080px, 100vw - 2 * var(--gutter)) - 520px - 32px - 44px) / 6.3), 72px)}}@media (max-width:359.98px){.lobby .showcase.is-compact{--showcase-cols:4;--tile:clamp(44px, calc((100vw - 2 * var(--gutter)) / 4.75), 72px)}}.lobby .guide-open{border-radius:16px;min-height:50px;padding:0 22px;font-size:1.05rem}.lobby .guide-open .icon{color:var(--sky)}.teach-cards{counter-reset:teach;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px) and (max-width:939.98px),(min-width:1120px){.teach-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.teach-card{text-align:left;background:var(--paper);counter-increment:teach;border:2px solid #b98b5a73;border-radius:14px;min-width:0;padding:10px 12px 11px 50px;position:relative;box-shadow:0 3px #8c623947}.teach-card:before{content:counter(teach);border:2px solid var(--wood);width:30px;height:30px;font-family:var(--font-display);color:var(--wood-deep);background:linear-gradient(180deg, var(--plank-hi), var(--plank));box-shadow:0 2px 0 var(--wood-dark);border-radius:9px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;line-height:1;display:flex;position:absolute;top:10px;left:10px}.teach-card-title{color:var(--forest);font-size:1.05rem}.teach-card-body{color:var(--ink-soft);margin-top:3px;font-size:.93rem;line-height:1.3}.teach-line{text-align:center;text-wrap:balance;max-width:100%;color:var(--forest);padding:0 4px;font-weight:800}.lobby .decor{--clear:580px}@media (max-width:1499.98px){.lobby .decor{display:none}}@media (prefers-reduced-motion:reduce){.copy-toast.show{opacity:1;animation:none}}