@property --row-h{syntax:"<length>";inherits:true;initial-value:52px}@property --label-w{syntax:"<length>";inherits:true;initial-value:44px}@property --mini-h{syntax:"<length>";inherits:true;initial-value:42px}@property --mini-w{syntax:"<length>";inherits:true;initial-value:56px}:root{--bg:#16121f;--bg-2:#211b2e;--line:#3a3150;--ink:#f6efe4;--ink-dim:#a99fbb;--card:#fff8ec;--card-ink:#231c2e;--accent:#ff5d73;--tier-S:#ff5d73;--tier-A:#ff9f43;--tier-B:#ffd23f;--tier-C:#5ee38c;--tier-D:#4cc9f0;--tier-F:#9b7bff;--gold-1:#ffe27a;--gold-2:#f59e1b;--font:"Bricolage Grotesque", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit}h1,h2,p{margin:0}.app{height:100dvh;padding:max(10px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1.35fr) minmax(180px,1fr);gap:10px;max-width:1100px;margin:0 auto;display:grid;overflow:hidden}.game-header{gap:6px;min-width:0;display:grid}.hud{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:12px;font-weight:700;display:grid}.hud b{color:var(--ink);margin-left:4px;font-size:15px}.hud-score.loss{color:var(--tier-S)}.hud-score{letter-spacing:-.01em;color:var(--tier-B);font-variant-numeric:tabular-nums;justify-self:end;align-items:baseline;gap:4px;font-size:18px;font-weight:800;display:flex}.hud-score span:last-child{letter-spacing:.08em;color:var(--ink-dim);font-size:10px}.progress{gap:6px;display:flex}.progress-dot{background:var(--ink);border-radius:50%;width:7px;height:7px}.category{min-width:0}.category h1{letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(20px,5.6vw,30px);font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.category p{color:var(--accent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:clamp(14px,3.8vw,18px);font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.board{--gap:5px;row-gap:var(--gap);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:1fr 44px;min-height:0;display:grid;container-type:size}.tier-row{--row-h:calc((100cqh - 5 * var(--gap)) / 6);--label-w:clamp(44px, calc(var(--row-h) * .8), 72px);--mini-h:min(calc(var(--row-h) - 10px), calc((100cqw - 44px - var(--label-w) - 16px - 18px) / 4 / 1.35), 120px);--mini-w:calc(var(--mini-h) * 1.35);background:var(--bg-2);border-radius:12px;grid-column:1;align-items:stretch;min-height:0;transition:background .15s,box-shadow .15s,opacity .2s;display:flex;overflow:hidden}.tier-label{flex:0 0 var(--label-w);font-size:clamp(22px, calc(var(--row-h) * .42), 44px);color:#1a1424;background:var(--tier-color);place-items:center;font-weight:800;display:grid}.tier-S{--tier-color:var(--tier-S)}.tier-A{--tier-color:var(--tier-A)}.tier-B{--tier-color:var(--tier-B)}.tier-C{--tier-color:var(--tier-C)}.tier-D{--tier-color:var(--tier-D)}.tier-F{--tier-color:var(--tier-F)}.tier-slots{--mini-h:min(calc(var(--row-h) - 10px), calc((100cqw - 44px - var(--label-w) - 16px - 18px) / clamp(2, var(--n,0), 4) / 1.35), 120px);--mini-w:calc(var(--mini-h) * 1.35);flex:1;align-items:center;gap:6px;min-width:0;padding:5px 8px;display:flex}.tier-row.accept{background:color-mix(in oklab, var(--tier-color) 22%, var(--bg-2));box-shadow:inset 0 0 0 2px var(--tier-color)}.tier-row.reject{background:color-mix(in oklab, #ff3b3b 18%, var(--bg-2));box-shadow:inset 0 0 0 2px #ff3b3b88}.tier-row.full{opacity:.45}.ghost-slot{width:var(--mini-w);height:var(--mini-h);border:2px dashed color-mix(in oklab, var(--tier-color) 45%, transparent);border-radius:8px;flex-shrink:0;transition:border-color .15s}.board:not(.is-placing) .ghost-slot{border-color:var(--line)}.tier-row.accept .ghost-slot{border-color:var(--tier-color);background:color-mix(in oklab, var(--tier-color) 18%, transparent)}.bracket{--b:var(--line);grid-column:2;margin:8px 0;position:relative}.bracket.shared:before{content:"";border:2px solid var(--b);border-left:none;border-radius:0 8px 8px 0;width:10px;transition:border-color .2s;position:absolute;inset:0 auto 0 0}.bracket.depth-1{margin:10px 0}.bracket.depth-1:before{left:18px}.bracket.active{--b:var(--ink)}.bracket.full .pip[data-filled=true]{background:var(--ink-dim)}.pips{background:var(--bg);border-radius:10px;flex-direction:column;gap:4px;padding:3px;display:flex;position:absolute;top:50%;left:6px;translate:0 -50%}.bracket.shared .pips{left:4px}.bracket.depth-1 .pips{left:22px}.pip{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:50%}.pip[data-filled=true]{background:var(--ink)}.bracket.active .pip[data-filled=false]{box-shadow:inset 0 0 0 2px var(--ink)}.thumb{object-fit:cover;color:#fffc;place-items:center;font-weight:800;display:grid;overflow:hidden}.big-card{background:var(--card);width:100%;height:100%;color:var(--card-ink);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 40px -12px #0009}.big-thumb{aspect-ratio:16/10;flex-shrink:0;width:100%;font-size:64px}.big-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:14px 16px 12px;display:flex}.big-body h2{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.big-body p{color:#4b4158;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.read-more{color:#c2334a;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:auto;padding:6px 0;font-size:14px;font-weight:700}.mini-card{width:var(--mini-w);height:var(--mini-h);background:var(--card);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 10px -4px #0009}.mini-card.swappable{touch-action:none;cursor:grab;box-shadow:0 0 0 2px color-mix(in oklab, var(--tier-B) 40%, transparent), 0 4px 10px -4px #0009}.mini-card.selected{box-shadow:0 0 0 3px var(--tier-B), 0 10px 18px -6px #000c;animation:1.1s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -4px}}.mini-card.lifted{opacity:.3}.mini-card.swap-target{box-shadow:0 0 0 3px var(--ink), 0 10px 18px -6px #000c;transition:scale .15s;scale:1.08}.swap-badge{color:#1a1424;background:var(--tier-B);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid;position:absolute;top:3px;right:3px}.mini-card.pickable{cursor:pointer}.board.phase-double .mini-card:not(.doubled){box-shadow:0 0 0 2px color-mix(in oklab, var(--gold-2) 35%, transparent), 0 4px 10px -4px #0009}.mini-card.doubled{box-shadow:0 0 0 3px var(--gold-2), 0 0 18px 2px color-mix(in oklab, var(--gold-2) 55%, transparent)}.double-badge{color:#3a2300;background:linear-gradient(160deg, var(--gold-1), var(--gold-2));border-radius:999px;padding:1px 5px;font-size:11px;font-weight:800;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0008}.token-handle{touch-action:none;cursor:grab;transition:opacity .2s}.token-handle:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:50%}.double-token{color:#3a2300;background:linear-gradient(160deg, var(--gold-1), var(--gold-2));width:64px;height:64px;box-shadow:inset 0 -4px 0 #0002, inset 0 0 0 3px #fff6, 0 0 0 6px color-mix(in oklab, var(--gold-2) 25%, transparent);border-radius:50%;place-items:center;font-size:24px;font-weight:800;display:grid}.double-token.dragging{cursor:grabbing;box-shadow:inset 0 -4px #0002,inset 0 0 0 3px #fff6,0 14px 26px -6px #000c}.overlay-mini{cursor:grabbing;width:100%;height:100%;box-shadow:0 16px 30px -8px #000d}.mini-card.mine{box-shadow:0 0 0 3px var(--ink), 0 6px 14px -4px #000c}.mini-card.mine .mini-name{background:var(--ink);color:var(--bg);text-align:center}.board.phase-reveal .tier-slots,.board.phase-final .tier-slots{gap:0;container-type:inline-size}.board.phase-reveal .tier-slots>*+*,.board.phase-final .tier-slots>*+*{margin-left:min(6px, calc((100cqw - var(--n) * var(--mini-w)) / max(var(--n) - 1, 1)))}.vote-chip{width:var(--mini-w);height:var(--mini-h);background:var(--card);box-shadow:0 0 0 2px var(--player), -4px 4px 10px -4px #000c;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.vote-chip .mini-name,.mini-card.mine .mini-name{letter-spacing:.1em;padding:1px 4px;font-weight:800}.vote-chip .mini-name{background:var(--player);color:#1a1424;text-align:center}.board.phase-reveal .bracket,.board.phase-final .bracket{opacity:.15}.bracket{transition:opacity .3s}.points-pop{border-radius:inherit;font-size:clamp(11px, calc(var(--mini-h) * .32), 18px);color:#10301c;background:color-mix(in oklab, var(--tier-C) 88%, transparent);pointer-events:none;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.points-pop.bonus{color:#3a2300;background:linear-gradient(160deg, var(--gold-1), var(--gold-2))}.points-pop.loss{color:#fff;background:oklab(65.5282% .206792 .102656/.9)}.cta{letter-spacing:-.02em;color:#1a1424;background:linear-gradient(160deg, var(--accent), var(--tier-A));width:min(340px,100%);box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 25%, transparent), 0 16px 30px -10px #000c;cursor:pointer;border:none;border-radius:20px;padding:20px 24px;font-size:22px;font-weight:800;line-height:1.15}.cta:active{scale:.97}.caption{cursor:pointer;width:min(340px,100%)}.caption-body{justify-items:center;gap:8px;display:grid}.caption-name{color:var(--ink-dim);font-size:15px;font-weight:700}.caption-main{letter-spacing:-.02em;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.tier-pill.big{border-radius:10px;width:44px;height:44px;font-size:26px}.caption-verdict{min-height:28px;color:var(--ink-dim);justify-items:center;gap:4px;font-size:16px;display:grid}.caption-score,.caption-group{white-space:nowrap;align-items:center;gap:8px;display:flex}.caption-score{font-size:18px}.caption-verdict{--verdict:var(--ink-dim)}.caption-verdict.exact{--verdict:var(--tier-C)}.caption-verdict.close{--verdict:var(--tier-B)}.caption-verdict.near{--verdict:var(--tier-A)}.caption-verdict.exact.doubled{--verdict:var(--gold-1)}.caption-verdict:not(.exact).doubled{--verdict:#ff6b6b}.caption-verdict strong,.caption-points{color:var(--verdict);font-weight:800}.caption-verdict:not(.exact).doubled .caption-points:not(.loss){color:var(--ink)}.caption-points.loss{color:#ff6b6b}.tally{color:var(--ink-dim);align-items:baseline;gap:14px;font-size:15px;display:flex}.tally b{color:var(--ink);font-size:20px}.tally-points{color:var(--tier-B);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.your-pick{color:#1a1424;background:var(--tier-color);border-radius:5px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #0008}.your-pick.match{background:var(--tier-C);border-radius:50%}.board .mini-card.double-hit{box-shadow:0 0 0 3px var(--gold-2), 0 0 24px 6px color-mix(in oklab, var(--gold-2) 70%, transparent);animation:1.4s ease-in-out infinite hit-pulse}@keyframes hit-pulse{50%{box-shadow:0 0 0 3px var(--gold-1), 0 0 32px 10px color-mix(in oklab, var(--gold-2) 45%, transparent)}}.board .mini-card.double-miss{animation:.5s ease-in-out .45s miss-shake;box-shadow:0 0 0 3px #ff3b3b,0 0 20px 4px #ff3b3b66}.mini-card.double-miss .double-badge{color:#fff;background:#ff3b3b}@keyframes miss-shake{20%,60%{translate:-5px}40%,80%{translate:5px}}.double-result{text-align:left;border-radius:14px;align-items:center;gap:10px;width:min(340px,100%);padding:10px 12px;display:flex}.double-result.hit{background:color-mix(in oklab, var(--gold-2) 22%, var(--bg-2));box-shadow:inset 0 0 0 2px var(--gold-2)}.double-result.miss{background:color-mix(in oklab, #ff3b3b 18%, var(--bg-2));box-shadow:inset 0 0 0 2px #ff3b3b}.double-result.none{background:var(--bg-2);justify-content:center}.double-result-text{min-width:0;color:var(--ink-dim);flex:1;gap:2px;font-size:13px;display:grid}.double-result-text strong{color:var(--ink);font-size:16px}.double-result-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.double-result-tiers{align-items:center;gap:5px;display:flex}.double-result .tier-pill{border-radius:4px;width:18px;height:18px;font-size:11px}.double-points{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.double-result.hit .double-points{color:var(--gold-1)}.double-result.miss .double-points{color:#ff6b6b}.avatar{letter-spacing:.08em;color:#1a1424;border-radius:8px;place-items:center;width:42px;height:30px;font-size:13px;font-weight:800;display:inline-grid}.lobby{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.lobby li{opacity:.35;transition:opacity .2s;position:relative}.lobby li[data-locked=true]{opacity:1}.lobby-check{color:#1a1424;background:var(--tier-C);width:16px;height:16px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.reveal-panel{width:min(340px,100%)}.reveal-step{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700}.reveal-card{background:var(--card);width:100%;color:var(--card-ink);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.reveal-thumb{border-radius:10px;flex:0 0 72px;height:72px;overflow:hidden}.reveal-thumb .thumb{width:100%;height:100%;font-size:32px}.reveal-text{min-width:0}.reveal-text h3{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:800;overflow:hidden}.panel .reveal-text p{color:#4b4158;align-items:center;gap:6px;font-size:14px;display:flex}.tier-pill{color:#1a1424;background:var(--tier-color);border-radius:6px;place-items:center;width:24px;height:24px;font-weight:800;display:inline-grid}.double-badge.inline{position:static}.primary:disabled{opacity:.4;cursor:default}.mini-thumb{width:100%;height:100%;font-size:calc(var(--mini-h) * .42);position:absolute;inset:0}.mini-name{font-size:clamp(9px, calc(var(--mini-h) * .13), 13px);color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000a);padding:8px 4px 2px;font-weight:700;line-height:1.1;position:absolute;inset:auto 0 0;overflow:hidden}.stage{z-index:2;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.stage>*{grid-area:1/1}.stage-slot{aspect-ratio:3/4;z-index:1;width:min(320px,86vw,54dvh);position:absolute;bottom:20px;left:50%;translate:-50%}.stage-card{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%}.stage-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:20px}.hint{color:var(--ink-dim);letter-spacing:.02em;pointer-events:none;align-self:end;margin-bottom:-4px;font-size:12px}.overlay-card{cursor:grabbing;width:100%;height:100%}.overlay-card .big-card{box-shadow:0 30px 60px -10px #000c}.panel{text-align:center;align-self:end;justify-items:center;gap:10px;max-width:340px;margin-bottom:8px;padding:0 16px;display:grid}.panel h2{letter-spacing:-.02em;font-size:30px;font-weight:800}.panel p{color:var(--ink-dim);line-height:1.4}.panel p b{color:var(--ink)}.panel-actions{gap:10px;margin-top:8px;display:flex}.swap-token{color:#1a1424;background:var(--tier-B);width:56px;height:56px;box-shadow:0 0 0 6px color-mix(in oklab, var(--tier-B) 25%, transparent);border-radius:50%;place-items:center;font-size:28px;font-weight:800;transition:background .3s,box-shadow .3s,opacity .3s;display:grid}.swap-token[data-used=true]{background:var(--line);color:var(--ink-dim);box-shadow:none}.secondary{border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700}.secondary:active{scale:.96}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.primary{background:var(--accent);color:#1a1424;cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:800}.primary:active{scale:.96}.sheet-backdrop{z-index:10;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:85dvh;padding:10px 20px max(24px, env(safe-area-inset-bottom));background:var(--card);color:var(--card-ink);touch-action:pan-y;border-radius:24px 24px 0 0;overflow-y:auto}.sheet-handle{background:#0003;border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet-thumb{aspect-ratio:16/9;border-radius:14px;width:100%;margin-bottom:14px;font-size:72px}.sheet h2{letter-spacing:-.02em;margin-bottom:10px;font-size:26px;font-weight:800}.sheet-text p{color:#4b4158;margin-bottom:12px;line-height:1.5}.sheet-source{color:#c2334a;font-weight:700}.vote{flex-direction:column;grid-area:2/1/-1/-1;justify-self:center;gap:14px;width:min(520px,100%);min-height:0;display:flex}.vote-head h2{letter-spacing:-.02em;font-size:28px;font-weight:800}.vote-head p{color:var(--ink-dim);margin-top:4px}.vote-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(56px,1fr);gap:10px;min-height:0;margin:-10px -12px;padding:12px 14px;display:grid;overflow-y:auto}.vote-option{text-align:left;letter-spacing:-.01em;color:var(--card-ink);background:var(--card);cursor:pointer;border:none;border-radius:16px;padding:10px 14px;font-size:17px;font-weight:800;line-height:1.15;transition:box-shadow .15s;position:relative;box-shadow:0 8px 18px -10px #000c}.vote-option.on{box-shadow:0 0 0 4px var(--accent), 0 12px 24px -10px #000c}.vote-option:disabled{cursor:default}.vote-heart{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid;position:absolute;top:-8px;right:-6px;box-shadow:0 2px 6px #0008}.vote-foot{justify-items:center;gap:12px;padding-bottom:4px;display:grid}.vote-foot .primary{width:min(320px,100%)}.pick{flex-direction:column;grid-area:2/1/-1/-1;place-self:center;gap:20px;width:min(480px,100%);min-height:0;padding-bottom:24px;display:flex}.pick-reveal{text-align:center;justify-items:center;gap:6px;display:grid}.pick-reveal span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:13px;font-weight:700}.pick-reveal h2{letter-spacing:-.03em;font-size:clamp(30px,9vw,44px);font-weight:800;line-height:1.05}.pick-body{flex-direction:column;gap:14px;display:flex}.pick-head{align-items:center;gap:12px;display:flex}.pick-head h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.1}.pick-options{gap:12px;display:grid}.pick-option{text-align:left;letter-spacing:-.02em;min-height:72px;color:var(--accent);background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;border:none;border-radius:18px;padding:16px 20px;font-size:21px;font-weight:700;line-height:1.15;transition:box-shadow .15s}.pick-option:disabled{cursor:default}.pick-option.hover{box-shadow:inset 0 0 0 3px var(--tier-B)}.pick-option.chosen{color:var(--ink);background:color-mix(in oklab, var(--accent) 25%, var(--bg-2));box-shadow:0 0 0 4px var(--accent), 0 16px 30px -10px #000c}.pick-hint{text-align:center;color:var(--ink-dim);font-size:14px}.scoreboard{flex-direction:column;grid-area:2/1/-1/-1;justify-self:center;gap:14px;width:min(480px,100%);min-height:0;display:flex}.scoreboard-head{justify-content:space-between;align-items:baseline;display:flex}.scoreboard-head h2{letter-spacing:-.02em;font-size:30px;font-weight:800}.scoreboard-head span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:13px;font-weight:700}.standings{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.standing{background:var(--bg-2);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.standing.you{box-shadow:inset 0 0 0 2px var(--ink)}.standing.you .avatar{color:var(--bg)}.standing.leader{background:color-mix(in oklab, var(--gold-2) 18%, var(--bg-2));box-shadow:inset 0 0 0 2px var(--gold-2);transition:background .4s,box-shadow .4s}.standing-rank{width:22px;color:var(--ink-dim);text-align:center;font-size:18px;font-weight:800}.standing.leader .standing-rank{color:var(--gold-1)}.standing-score{text-align:right;font-variant-numeric:tabular-nums;flex:1;font-size:22px;font-weight:800}.standing-delta{text-align:center;color:#10301c;background:var(--tier-C);border-radius:999px;min-width:56px;padding:3px 8px;font-size:13px;font-weight:800}.standing-delta.loss{color:#fff;background:#ff3b3b}.scoreboard-actions{flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:4px;display:flex}.scoreboard-actions button{flex:140px}.gameover{overscroll-behavior:contain;flex-direction:column;grid-area:2/1/-1/-1;justify-self:center;gap:14px;width:min(520px,100%);min-height:0;display:flex;overflow:hidden auto}.gameover>*{flex-shrink:0}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;padding-top:48px;display:grid}.podium-spot{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.podium-player{justify-items:center;gap:4px;display:grid;position:relative}.podium-player .avatar{width:56px;height:40px;font-size:16px}.podium-spot.you .avatar{color:var(--bg);box-shadow:0 0 0 3px var(--ink)}.place-1 .podium-player .avatar{width:68px;height:48px;font-size:19px}.crown{font-size:30px;position:absolute;top:-34px}.podium-score{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.place-1 .podium-score{color:var(--gold-1);font-size:18px}.podium-block{color:#1a1424;border-radius:12px 12px 4px 4px;place-items:start center;width:100%;padding-top:8px;font-size:30px;font-weight:800;display:grid}.place-1 .podium-block{background:linear-gradient(160deg, var(--gold-1), var(--gold-2))}.place-2 .podium-block{background:linear-gradient(160deg,#e9e6f2,#a7a1b8)}.place-3 .podium-block{background:linear-gradient(160deg,#f0b98a,#b8733f)}.confetti{pointer-events:none;position:absolute;top:40px;left:50%}.confetti span{border-radius:2px;width:8px;height:12px;position:absolute}.gameover-you{text-align:center;color:var(--ink-dim);font-size:18px;font-weight:700}.standings.rest{flex:none;gap:4px;overflow:visible}.standings.rest .standing{padding:4px 12px}.standings.rest .avatar{height:28px}.standings.rest .standing-score{font-size:17px}.recap-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin:6px 0 0;font-size:13px;font-weight:700}.recap{scroll-snap-type:x mandatory;scrollbar-width:none;flex:1 1 0;gap:12px;min-height:170px;margin:0 -12px;padding:0 12px 4px;display:flex;overflow-x:auto}.recap-card{scroll-snap-align:center;flex:none;grid-template-rows:minmax(0,1fr) auto;gap:8px;max-width:78%;height:100%;margin:0;display:grid}.recap-image{aspect-ratio:1080/1300;background:var(--bg-2);border-radius:14px;max-width:100%;height:100%;overflow:hidden}.recap-image img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.recap-card figcaption{color:var(--ink-dim);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.secondary.small{padding:8px 16px;font-size:14px}.gameover-actions{background:linear-gradient(transparent, var(--bg) 40%);flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;display:flex;position:sticky;bottom:0}.gameover-actions .primary,.gameover-actions .secondary{width:min(320px,100%)}.gameover-note{color:var(--ink-dim);margin:0;font-weight:700}.spectate{max-width:900px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px 32px;flex-direction:column;gap:28px;margin:0 auto;display:flex}.spectate h1{letter-spacing:-.02em;font-size:22px;font-weight:800}.spectate h1 span{color:var(--accent);margin-left:2px}.spectate-entry{text-align:center;justify-content:center;align-items:center;gap:16px}.spectate-entry h1{font-size:40px}.spectate-entry p{color:var(--ink-dim)}.spectate-entry form{gap:14px;width:min(320px,100%);display:grid}.code-input{border:2px solid var(--line);background:var(--bg-2);width:100%;color:var(--ink);font:inherit;letter-spacing:.3em;text-align:center;text-indent:.3em;border-radius:16px;padding:14px;font-size:44px;font-weight:800}.code-input:focus{border-color:var(--accent);outline:none}.spectate-error{color:#ff6b6b!important}.signin-notice{border:2px solid var(--line);border-radius:16px;max-width:420px;padding:14px 18px}.signin-notice p{color:var(--ink-dim);margin:6px 0 0;font-size:15px}.spectate-head{align-items:center;gap:12px;display:flex}.spectate-head h1{flex:1}.spectate-badge,.spectate-status{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.spectate-status{color:var(--tier-B)}.join-code{background:var(--bg-2);border-radius:24px;justify-items:center;gap:10px;padding:28px 16px;display:grid}.join-code-label,.join-code-hint{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:14px;font-weight:700}.join-code-hint{opacity:.7;text-align:center;font-size:11px}.join-code-value{cursor:pointer;background:0 0;border:none;gap:12px;padding:0;display:flex}.join-code-value span{width:clamp(64px,18vw,120px);height:clamp(84px,24vw,150px);color:var(--card-ink);background:var(--card);border-radius:18px;place-items:center;font-size:clamp(48px,14vw,96px);font-weight:800;display:grid;box-shadow:0 12px 28px -12px #000c}.join-qr{justify-items:center;gap:8px;max-width:100%;display:grid}.join-qr svg{border-radius:14px;width:clamp(150px,34vw,240px);height:auto;display:block;box-shadow:0 12px 28px -12px #000c}.join-link{color:var(--ink);overflow-wrap:anywhere;text-align:center;font-size:13px;font-weight:700}.join-code-hint code{overflow-wrap:anywhere;text-transform:none}.home-joining{font-weight:800;color:var(--tier-B)!important}.join-code-value .hidden-code{letter-spacing:.2em;width:auto;color:var(--ink-dim);background:var(--bg);padding:0 28px}.spectate-progress{text-align:center;justify-items:center;gap:6px;display:grid}.spectate-progress span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:14px;font-weight:700}.spectate-progress strong{letter-spacing:-.02em;font-size:clamp(28px,7vw,44px);font-weight:800}.roster h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px;font-size:14px;font-weight:700}.roster ul{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.roster-player{justify-items:center;gap:6px;transition:opacity .3s;display:grid;position:relative}.roster-player.away{opacity:.4}.roster-add-bot{margin-top:16px}.roster-avatar{letter-spacing:.08em;color:#1a1424;border-radius:14px;place-items:center;width:84px;height:60px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 18px -10px #000c}.roster-tag{letter-spacing:.06em;text-transform:uppercase;color:#3a2300;background:linear-gradient(160deg, var(--gold-1), var(--gold-2));border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:-8px}.roster-score,.roster-away{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.spectate-wait{text-align:center;color:var(--ink-dim);font-size:18px}@media (width>=820px) and (aspect-ratio>=1){.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(380px,1fr) 1fr;column-gap:32px;padding:24px 32px}.game-header{grid-column:1/-1}.board{--gap:8px;align-self:center;height:100%;max-height:820px}.stage-slot{width:min(320px,82cqw,66cqh);position:relative;bottom:auto;left:auto;translate:none}.panel{align-self:center}}@container (height<=300px){.swap-token{display:none}.double-token{width:46px;height:46px;font-size:18px}.panel{gap:6px}.panel h2{font-size:22px}.panel p{font-size:14px}.panel-actions{margin-top:2px}}.host-wait{color:var(--muted,#9aa);text-align:center;margin:0;font-size:.9rem}.wait-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.countdown{font-variant-numeric:tabular-nums;opacity:.75;font-weight:700}.countdown.urgent{color:var(--tier-S);opacity:1}.text-input{font:inherit;color:inherit;background:#ffffff0f;border:2px solid #ffffff26;border-radius:12px;width:100%;max-width:320px;padding:12px 14px;font-size:1.1rem}.home-field{justify-items:center;gap:6px;display:grid}.home-field span,.home-or{opacity:.7;font-size:.85rem}.home-who{opacity:.6;overflow-wrap:anywhere;margin-top:24px;font-size:.8rem}.roster-kick{font-size:.75rem}.lobby-rounds{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.lobby-rounds-step{width:48px;padding:8px 0;font-size:22px;line-height:1}.lobby-rounds-count{text-align:center;min-width:6.5em;color:var(--ink-dim)}.lobby-rounds-count strong{color:var(--ink);font-size:1.4em}.lobby-actions{justify-items:center;gap:10px;margin-top:16px;display:grid}.toast{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--tier-S);color:#fff;text-align:center;z-index:100;background:#2a1d24;border-radius:12px;max-width:420px;margin:0 auto;padding:12px 16px;position:fixed}.reconnecting{color:#fff;z-index:100;background:#000000b3;border-radius:999px;padding:4px 12px;font-size:.8rem;position:fixed;top:8px;left:50%;transform:translate(-50%)}.how-to-open{margin-top:8px}.how-to{text-align:left}.how-to h3{margin-top:0;margin-bottom:2px;font-size:17px;font-weight:800;line-height:30px}.how-to p{color:#4b4158;line-height:1.45}.how-to .tier-pill{vertical-align:-3px;width:20px;height:20px;font-size:13px}.how-to-goal{margin-bottom:18px;font-size:16px}.how-to-steps{gap:14px;margin-bottom:22px;padding:0;list-style:none;display:grid}.how-to-steps li{grid-template-columns:30px 1fr;align-items:start;gap:10px;display:grid}.how-to-num{background:var(--card-ink);width:30px;height:30px;color:var(--card);border-radius:50%;place-items:center;font-weight:800;display:grid}.how-to-sub{margin-bottom:8px!important}.how-to-tiers{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px;display:grid}.how-to-tiers span{justify-items:center;gap:4px;font-size:12px;display:grid}.how-to-close{width:100%;margin-top:20px}.panel p .reveal-points{color:#1d8a4a;font-variant-numeric:tabular-nums;margin-left:8px}.panel p .reveal-points.zero{color:#8a8197}.spectate-board .spectate-reveal{width:min(560px,100%);max-width:none}.spectate-board .spectate-reveal .reveal-text p{color:#4b4158}@media (width>=900px){.spectate-board .spectate-reveal .reveal-thumb{flex-basis:180px;height:135px}.spectate-board .spectate-reveal h3{font-size:30px}.spectate-board .spectate-reveal .reveal-text p{font-size:18px;line-height:1.4}.spectate-board .spectate-reveal .reveal-step{font-size:16px}}.logo{justify-items:center;gap:14px;display:grid}.logo-mark{height:auto;display:block;overflow:visible}.logo-mark-letter{font-family:var(--font);fill:#1a1424;font-size:14px;font-weight:800}.logo-mark-tile{transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,1.4,.4,1) backwards logo-tile-in}.logo-mark-loose{transform-box:fill-box;transform-origin:0 100%;animation:2.8s ease-in-out infinite logo-loose}@keyframes logo-tile-in{0%{opacity:0;transform:translateY(-10px)scale(.6)}}@keyframes logo-loose{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2px,-4px)rotate(-6deg)}}.logo-word,.spectate h1.logo .logo-word{letter-spacing:-.02em;color:var(--ink);text-transform:uppercase;align-items:baseline;gap:8px;font-size:40px;font-weight:800;line-height:1;display:flex}.logo-madness,.spectate h1.logo .logo-madness{color:var(--accent);letter-spacing:0;margin:0;display:inline-flex}.spectate h1.logo .logo-madness span{margin:0;display:inline-block}@media (prefers-reduced-motion:reduce){.logo-mark-tile,.logo-mark-loose{animation:none}}