:root{--bg: #070811;--wordmark: #ffffff;--wordmark-strike: var(--accent);--bg-image: radial-gradient(1200px 800px at 50% -10%, #16193080, transparent);--panel: #121527;--panel-2: #1b1f38;--panel-3: #232842;--well: #0c0f1e;--board: #0b0d17;--text: #e6e8f0;--muted: #8b93b0;--accent: #22d3ee;--accent-2: #a855f7;--accent-3: #ec4899;--on-accent: #0a0c16;--accent-ink: var(--accent);--danger: #ef4444;--danger-2: #7f1d1d;--warn: #f59e0b;--gold: #facc15;--ok: #22c55e;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--scrim: rgba(7, 8, 17, .82);--scrim-modal: rgba(4, 5, 12, .72);--shadow-panel: 0 24px 60px rgba(0, 0, 0, .45);--sc-sky-0: color-mix(in srgb, var(--bg) 78%, #000);--sc-sky-1: color-mix(in srgb, var(--accent-2) 9%, var(--bg));--sc-sky-2: color-mix(in srgb, var(--accent) 24%, var(--bg));--sc-flare: color-mix(in srgb, var(--accent) 50%, transparent);--sc-line: color-mix(in srgb, var(--accent) 70%, #fff);--sc-grid: color-mix(in srgb, var(--accent) 32%, transparent);--sc-ground-1: color-mix(in srgb, var(--accent) 13%, #05060b);--sc-ground-2: color-mix(in srgb, var(--bg) 55%, #000);--sc-star: color-mix(in srgb, var(--text) 62%, transparent);--sc-star-2: color-mix(in srgb, var(--accent) 70%, transparent);--sc-comet: color-mix(in srgb, var(--accent) 55%, transparent);--key-lip: rgba(0, 0, 0, .55);--key-sheen: inset 0 1px 0 rgba(255, 255, 255, .07);--key-lip-accent: color-mix(in srgb, var(--accent-2) 42%, #000);--key-plate: color-mix(in srgb, var(--well) 72%, transparent);--font-system: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--font-body: "Silkscreen", var(--font-system);--font-display: "Silkscreen", var(--font-system);--display-transform: none;--display-weight: 400;--display-spacing: .02em;--body-spacing: -.04em;--font-score: "Silkscreen Score", var(--font-system);--side-you: var(--accent);--side-them: var(--accent-2);--side: var(--side-you);--icon-ink: rgba(0, 0, 0, .55);--icon-gold: #f0b429;--icon-gold-hi: #ffe08a;--icon-steel: #b8c6da;--icon-grip: #a2662f;--icon-medal: #d9a441;--rank-1: #4ade80;--rank-2: #e6e8f0;--rank-3: #b8c0d4;--rank-4: #facc15;--rank-5: #f7b32b;--rank-6: #fb923c;--rank-7: #f87171;--rank-8: #c084fc;--rank-9: #f472b6;--rank-10: #22d3ee}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen Score;font-style:normal;font-weight:400;font-display:swap;size-adjust:145%;ascent-override:104%;descent-override:26%;line-gap-override:0%;src:url(/fonts/silkscreen-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Silkscreen Score;font-style:normal;font-weight:400;font-display:swap;size-adjust:145%;ascent-override:104%;descent-override:26%;line-gap-override:0%;src:url(/fonts/silkscreen-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{box-sizing:border-box}html{overflow-x:hidden;overflow-x:clip}body{margin:0;min-height:100vh;position:relative;background:var(--bg-image),var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:var(--body-spacing);-webkit-font-smoothing:auto;display:flex;align-items:center;justify-content:center;padding:20px}.hidden{display:none!important}h1{font-size:clamp(1.6rem,6.8vw,3.2rem);font-family:var(--font-display);font-weight:700;text-transform:var(--display-transform);letter-spacing:var(--display-spacing);margin:0 0 4px;color:var(--wordmark);position:relative}#menu.wm-build .brand-text h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--accent);filter:none;animation:none}.brand-text h1:before{content:attr(data-word);position:absolute;left:0;right:0;top:0;pointer-events:none;opacity:0;background-image:linear-gradient(105deg,transparent 41%,color-mix(in srgb,var(--wordmark-strike) 28%,transparent) 46%,var(--wordmark-strike) 50%,color-mix(in srgb,var(--wordmark-strike) 28%,transparent) 54%,transparent 59%);background-size:300% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}#menu.wm-lit .brand-text h1:before{animation:wm-strike 1.1s ease-out both}@keyframes wm-strike{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0% 0}}@media(prefers-reduced-motion:reduce){#menu.wm-lit .brand-text h1:before{animation:none}}.tagline{color:var(--muted);margin:0 0 28px;font-size:1rem}#menu{width:min(460px,92vw);text-align:center;padding:36px 28px;position:relative;font-size:1.15rem}.menu-brand{margin-bottom:22px}#menu{--sc-rise: 47px}#menu{--mascot-h: clamp(80px, 17.5vw, 132px)}@media(min-width:761px)and (max-width:899px){#menu{padding:22px 24px}}.sc-far{position:absolute;inset:0;z-index:-3;pointer-events:none;background:var(--sc-ground-2)}body.playing .sc-far{display:none}.sc-horizon{position:relative;top:calc(-1 * var(--sc-rise));height:0;z-index:-1;pointer-events:none}.sc-sky,.sc-glow,.sc-ground{position:absolute;left:50%;width:100vw;transform:translate(-50%)}.sc-sky{bottom:0;height:200vh;overflow:hidden;background:linear-gradient(var(--sc-star) 0 0) left 7% bottom 402px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 16% bottom 318px / 2px 2px no-repeat,linear-gradient(var(--sc-star-2) 0 0) left 23% bottom 366px / 3px 3px no-repeat,linear-gradient(var(--sc-star) 0 0) left 31% bottom 268px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 38% bottom 424px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 44% bottom 214px / 2px 2px no-repeat,linear-gradient(var(--sc-star-2) 0 0) left 52% bottom 348px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 59% bottom 292px / 3px 3px no-repeat,linear-gradient(var(--sc-star) 0 0) left 66% bottom 416px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 72% bottom 246px / 2px 2px no-repeat,linear-gradient(var(--sc-star-2) 0 0) left 79% bottom 330px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 86% bottom 386px / 3px 3px no-repeat,linear-gradient(var(--sc-star) 0 0) left 93% bottom 282px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 12% bottom 176px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 90% bottom 168px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 27% bottom 548px / 2px 2px no-repeat,linear-gradient(var(--sc-star-2) 0 0) left 48% bottom 612px / 2px 2px no-repeat,linear-gradient(var(--sc-star) 0 0) left 69% bottom 566px / 3px 3px no-repeat,linear-gradient(var(--sc-star) 0 0) left 84% bottom 668px / 2px 2px no-repeat,linear-gradient(0deg,var(--sc-sky-2) 0,var(--sc-sky-1) 210px,var(--sc-sky-0) 640px)}.sc-comet{position:absolute;bottom:380px;left:0;width:120px;height:2px;opacity:0;background:linear-gradient(90deg,transparent,var(--sc-comet) 68%,var(--sc-star) 100%);animation:sc-streak 17s linear infinite}.sc-comet-2{bottom:250px;width:90px;animation-duration:23s;animation-delay:8s}@keyframes sc-streak{0%{transform:translate3d(-14vw,0,0) rotate(21deg);opacity:0}2%{opacity:.9}11%{transform:translate3d(74vw,34vw,0) rotate(21deg);opacity:0}to{transform:translate3d(74vw,34vw,0) rotate(21deg);opacity:0}}.sc-glow{bottom:0;height:200px;background:linear-gradient(0deg,color-mix(in srgb,var(--sc-flare) 70%,transparent) 0,transparent 26px),radial-gradient(60% 100% at 50% 100%,var(--sc-flare),transparent 70%)}.sc-ground{top:0;height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0 300px,transparent 420px);mask-image:linear-gradient(180deg,#000 0 300px,transparent 420px);border-top:1px solid var(--sc-line);background:linear-gradient(180deg,color-mix(in srgb,var(--sc-flare) 40%,transparent) 0,transparent 44px),linear-gradient(180deg,var(--sc-ground-1) 0,var(--sc-ground-2) 300px)}.sc-grid{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 0,color-mix(in srgb,var(--sc-grid) 60%,transparent) 0 .2deg,transparent .2deg 4.6deg),linear-gradient(180deg,transparent 0 13px,var(--sc-grid) 13px 14px,transparent 14px 27px,var(--sc-grid) 27px 28px,transparent 28px 46px,var(--sc-grid) 46px 47px,transparent 47px 71px,var(--sc-grid) 71px 72px,transparent 72px 104px,var(--sc-grid) 104px 105px,transparent 105px 148px,var(--sc-grid) 148px 150px,transparent 150px 206px,var(--sc-grid) 206px 208px,transparent 208px 284px,var(--sc-grid) 284px 286px,transparent 286px 388px,var(--sc-grid) 388px 391px,transparent 391px);-webkit-mask-image:linear-gradient(180deg,transparent 0 6px,#000 46px,rgba(0,0,0,.5) 150px,transparent 310px);mask-image:linear-gradient(180deg,transparent 0 6px,#000 46px,rgba(0,0,0,.5) 150px,transparent 310px)}@media(prefers-reduced-motion:reduce){.sc-comet{animation:none}}.menu-demo{display:none}#menu.attract-on .menu-demo{display:flex;justify-content:center;margin-top:20px}#attract-board{display:block;height:150px;border-radius:6px;background:var(--board);box-shadow:var(--shadow-panel)}#mascot-field,#menu.attract-mascot #mascot{display:none}#menu.attract-mascot #mascot-field{display:block;height:var(--mascot-h, 132px);margin:0 auto 4px;filter:drop-shadow(0 6px 18px rgba(34,211,238,.25))}.menu-btns,.menu-play,.menu-modes{display:flex;flex-direction:column;gap:12px}#menu-msg{margin:0;min-height:18px}#menu-msg:empty{min-height:0}.sec-label{display:flex;align-items:center;gap:9px;margin:0 0 2px;font-size:.62em;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left}.sec-label:after{content:"";flex:1;height:1px;background:var(--border)}.play-well{display:flex;flex-direction:column;gap:10px;background:var(--well);border:1px solid var(--border);border-radius:14px;padding:14px}.play-well .name-input{margin:0}.friends-inline{display:none}.mode-grid{display:grid;grid-template-columns:1fr;gap:7px}.mode-tile{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding:12px 13px;font-size:.82em;line-height:1.15}.mode-tile>span{width:100%}.mode-rule{height:1px;margin:4px 0;background:var(--border)}.friends-btn{width:100%}button{font:inherit;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--body-spacing);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 18px;cursor:pointer;transition:transform .08s ease,background .15s ease,border .15s ease}button:hover{background:var(--panel-3);border-color:var(--border-hover)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none}button.primary:hover{filter:brightness(1.07)}.join-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.join-row input{font:inherit;text-transform:uppercase;letter-spacing:2px;text-align:center;color:var(--text);background:var(--well);border:1px solid var(--border);border-radius:12px;padding:0 14px}#menu button{border-radius:10px;box-shadow:var(--key-sheen),0 3px 0 var(--key-lip),0 5px 12px #00000059;transition:transform .08s ease,box-shadow .08s ease,background .15s ease,border-color .15s ease,color .15s ease}#menu button:hover{transform:translateY(-1px);box-shadow:var(--key-sheen),0 4px 0 var(--key-lip),0 9px 18px #0006}#menu button:active{transform:translateY(3px);box-shadow:0 0 0 var(--key-lip),0 1px 3px #0006}#menu button.ghost{background:var(--key-plate);border-color:var(--border);box-shadow:var(--key-sheen),0 2px 0 var(--key-lip)}#menu button.ghost:hover{background:var(--panel-2);box-shadow:var(--key-sheen),0 3px 0 var(--key-lip),0 6px 14px #00000059}#menu button.ghost:active{box-shadow:0 0 0 var(--key-lip)}#menu button.primary{position:relative;overflow:hidden;padding:16px 18px;letter-spacing:.06em;box-shadow:inset 0 2px #ffffff57,inset 0 -2px #00000029,0 4px 0 var(--key-lip-accent),0 10px 24px color-mix(in srgb,var(--accent) 30%,transparent)}#menu button.primary:hover{transform:translateY(-1px);box-shadow:inset 0 2px #fff6,inset 0 -2px #00000029,0 5px 0 var(--key-lip-accent),0 14px 30px color-mix(in srgb,var(--accent) 38%,transparent)}#menu button.primary:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff3d,inset 0 -2px #00000029,0 0 0 var(--key-lip-accent),0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}#menu button.primary:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(0);transition:transform .55s ease}#menu button.primary:hover:after{transform:translate(420%)}#menu .mode-tile{background:var(--key-plate);box-shadow:var(--key-sheen),0 3px 0 var(--key-lip)}#menu .mode-tile:hover{background:var(--panel-2);box-shadow:var(--key-sheen),0 4px 0 var(--key-lip),0 9px 18px #0006}#menu .mode-tile:active{box-shadow:0 0 0 var(--key-lip)}#menu .play-well{background:color-mix(in srgb,var(--well) 82%,transparent);border-color:var(--border-hover);box-shadow:inset 0 2px 10px #00000073,0 1px color-mix(in srgb,var(--sc-line) 22%,transparent)}#menu .name-input,#menu .join-row input{box-shadow:inset 0 2px 6px #0006}#menu .brand-text .tagline{text-shadow:0 2px 6px rgba(0,0,0,.75)}.screen{width:100%;display:flex;flex-direction:column;align-items:center}body.playing{align-items:flex-start}.arena{display:flex;gap:22px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.arena.versus{align-items:center;flex-wrap:nowrap}.player{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px}.player.dead{opacity:.5;filter:grayscale(.5)}.board-wrap{position:relative;align-self:center;width:fit-content}canvas.board{display:block;border-radius:8px;background:var(--board);box-shadow:inset 0 0 0 1px var(--border)}.side{display:flex;flex-direction:column;gap:14px;min-width:96px}.side h3{margin:0 0 6px;font-family:var(--font-display);font-weight:var(--display-weight);font-size:.72rem;letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted)}.slot{background:var(--well);border:1px solid var(--border);border-radius:10px;padding:8px}canvas.mini{display:block;width:100%;height:auto}.stat{margin-bottom:8px}.stat .label{font-family:var(--font-display);font-weight:var(--display-weight);font-size:.68rem;letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted)}.stat .value{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.4rem;font-variant-numeric:tabular-nums}.name-tag{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.85rem;position:relative;z-index:8;margin-bottom:8px;min-height:26px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:0;min-width:100%}.name-tag .dev{margin-right:auto}.name-tag>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0;opacity:.6}.dev:empty{display:none}.dev-i{width:1.15em;height:1.15em;fill:currentColor}.badge:empty{display:none}.badge{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.62rem;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.garbage-meter{width:10px;align-self:stretch;border-radius:6px;background:var(--well);border:1px solid var(--border);position:relative;overflow:hidden}.garbage-meter .fill{position:absolute;bottom:0;left:0;right:0;height:100%;transform:scaleY(0);transform-origin:bottom center;background:linear-gradient(180deg,var(--danger),var(--danger-2));transition:transform .12s ease}.status-bar{margin-top:18px;min-height:26px;color:var(--muted);text-align:center}.status-bar b{color:var(--text)}.controls-hint{margin-top:8px;color:var(--muted);font-size:.8rem;text-align:center}.controls-hint kbd{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:.78rem}.topbar{width:100%;display:flex;justify-content:center;margin:-20px 0 10px;z-index:20}.deck{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;padding:9px 10px 10px;border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px;background:var(--panel)}.deck-bay{display:flex;align-items:center;gap:10px;padding:0 12px}.deck-bay-start{justify-content:flex-start}.deck-bay-end{justify-content:flex-end}.deck-bay-mid{border-inline:1px solid var(--border)}.deck[data-mode=battle] .mode-plate,.deck[data-mode=wait] .mode-plate{display:none}.deck:not([data-mode=battle]):not([data-mode=wait]) .scoreboard{display:none}.deck[data-mode=wait] .mc-label,.deck[data-mode=wait] .mc-drain,.deck[data-mode=wait] .sb-pips{visibility:hidden}.deck[data-mode=wait] .mc-time{color:var(--muted)}.deck[data-mode=wait] .sb-opp .sb-name{animation:szSeatPulse 1.8s ease-in-out infinite}.deck[data-mode=wait] .sb-opp .sb-av{display:inline-flex;width:22px;height:22px;border:1px dashed var(--border);border-radius:5px;animation:szSeatPulse 1.8s ease-in-out infinite}@keyframes szSeatPulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.deck[data-mode=wait] .sb-opp .sb-name,.deck[data-mode=wait] .sb-opp .sb-av{animation:none}}.burger{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 13px;border-radius:10px}.burger-bars{display:grid;gap:4px;width:16px}.burger-bars i{display:block;height:2px;border-radius:2px;background:var(--text);transform-origin:left center;transition:background .15s ease,transform .18s cubic-bezier(.2,.9,.25,1)}.burger:hover .burger-bars i:nth-child(2){transform:scaleX(.55)}.burger:hover .burger-bars i{background:var(--accent)}.burger-text{font-family:var(--font-display);font-size:.58rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);text-transform:uppercase}.mode-plate{display:grid;justify-items:center;gap:2px;padding:0 6px}.mp-name{font-family:var(--font-display);font-size:.72rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--text)}.mp-note{font-family:var(--font-display);font-weight:var(--display-weight);font-size:.52rem;letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted)}.mp-note:empty{display:none}.deck-score{display:none;align-items:baseline;gap:6px}.deck-score-stack{flex-direction:column;align-items:center;gap:0}.deck-bay-end:has(#btn-rematch:not(.hidden)) .deck-score{display:none}.col-lines{display:none}.ds-label{font-family:var(--font-display);font-weight:var(--display-weight);font-size:.42rem;letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted)}.ds-value{font-family:var(--font-display);font-weight:var(--display-weight);font-size:.95rem;letter-spacing:var(--display-spacing);color:var(--text);font-variant-numeric:tabular-nums}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.sb-side{display:flex;align-items:center;gap:9px;min-width:0}.sb-you{justify-content:flex-end}.sb-opp{justify-content:flex-start}.sb-name{font-family:var(--font-display);font-size:.6rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-clock{display:grid;justify-items:center;gap:3px;padding:5px 15px 6px;border-radius:10px;line-height:1;min-width:128px}.mc-label{font-family:var(--font-display);font-weight:var(--display-weight);font-size:.5rem;letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted);white-space:nowrap}.match-clock.named .mc-label{color:var(--text)}.mc-time{font-family:var(--font-display);font-size:1.85rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-variant-numeric:tabular-nums;color:var(--text)}.mc-drain{display:block;width:100%;height:4px;border-radius:999px;background:var(--well);overflow:hidden}.mc-drain i{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left center;transition:background .3s ease}.match-clock.endless .mc-drain{visibility:hidden}.match-clock.endless{min-width:156px}.match-clock.urgent .mc-time{color:var(--danger);animation:mc-tick 1s steps(2) infinite}.match-clock.urgent .mc-drain i{background:var(--danger)}.deck.urgent{animation:deck-alarm 1s ease-in-out infinite}@keyframes mc-tick{0%,60%{opacity:1}61%,to{opacity:.55}}@keyframes deck-alarm{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 6px 22px -4px color-mix(in srgb,var(--danger) 70%,transparent)}}.deck-mark{display:flex;align-items:center;gap:8px;padding:2px 4px;background:none;border:0;border-radius:10px;cursor:pointer}.deck-mark:hover{background:none}.deck-mark:active{transform:none}.deck-mark:hover .deck-wordmark{color:var(--text)}.deck-mark:hover .deck-crest{transform:scale(1.06)}.deck-mark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deck-bay-end:has(#btn-rematch:not(.hidden)) .deck-wordmark{display:none}.deck-wordmark{font-family:var(--font-display);font-size:.55rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);text-transform:uppercase;color:var(--muted);white-space:nowrap}.deck-crest{display:block;width:36px;height:36px;transition:transform .15s cubic-bezier(.2,.9,.25,1)}.deck-crest.pop{animation:crest-pop .55s cubic-bezier(.2,.9,.25,1)}@keyframes crest-pop{0%{transform:scale(1) rotate(0)}28%{transform:scale(1.3) rotate(-9deg)}58%{transform:scale(.95) rotate(6deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.deck.urgent,.deck-crest.pop,.match-clock.urgent .mc-time{animation:none}.burger:hover .burger-bars i:nth-child(2){transform:none}.deck-mark:hover .deck-crest{transform:none}.mc-drain i{transition:none}}.ko-pips{display:flex;gap:5px}.ko-pip{width:10px;height:10px;flex:none;border-radius:999px;background:var(--well);border:1px solid var(--border)}.ko-pip.on{background:var(--danger);border-color:var(--danger);box-shadow:0 0 8px color-mix(in srgb,var(--danger) 65%,transparent)}.ko-flash{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:9;font-family:var(--font-display);font-size:2.4rem;font-weight:var(--display-weight);letter-spacing:var(--display-spacing);color:var(--danger);opacity:0}.ko-flash.show{animation:ko-hit .9s ease-out forwards}@keyframes ko-hit{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1.25)}60%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.05)}}.modal-card .room-code{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:3px;color:var(--accent);font-size:1rem}.modal-card .room-code:empty{display:none}.combo-indicator{position:absolute;left:8px;top:46px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.combo-indicator .c{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.3rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(34,211,238,.7));animation:comboPulse .6s ease-in-out infinite alternate}.combo-indicator .b{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1rem;background:linear-gradient(90deg,var(--warn),var(--danger));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(245,158,11,.75))}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.clear-popup{position:absolute;left:0;right:0;top:38%;text-align:center;pointer-events:none;opacity:0;padding:0 6px;line-height:1.05}.clear-popup.show{animation:popup 1.2s ease-out forwards}.clear-popup .pl{font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.5rem;letter-spacing:var(--display-spacing);background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(168,85,247,.95))}.clear-popup .pp{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.3rem;color:var(--gold);text-shadow:0 0 16px rgba(250,204,21,.85)}@keyframes popup{0%{opacity:0;transform:translateY(26px) scale(.75)}15%{opacity:1;transform:translateY(0) scale(1.28)}30%{transform:translateY(0) scale(1.08)}70%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-32px) scale(1.08)}}.build-line{margin-top:18px;text-align:center;color:var(--muted);opacity:.55;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em;user-select:text}.legal-links{display:flex;justify-content:center;gap:16px;margin-top:20px;font-size:12px}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--text);text-decoration:underline}.netline{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.netline .chip{font-size:.78rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.netline .chip.good{color:var(--ok)}.netline .chip.warn{color:var(--warn)}.netline .chip.bad{color:var(--danger)}.netline .relay-chip{font:inherit;font-size:.78rem;cursor:pointer}.netline .relay-chip:hover{color:var(--text);border-color:var(--accent)}.relay-why{margin:0 0 4px;font-size:.85rem;color:var(--muted);line-height:1.45}.relay-list{display:flex;flex-direction:column;gap:8px}.relay-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer}.relay-row:hover{border-color:var(--accent)}.relay-row.here{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.relay-name{font-weight:600}.relay-load{grid-column:2;grid-row:1;align-self:center;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.relay-load.warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}.relay-load.full{background:var(--danger);box-shadow:0 0 6px var(--danger)}.relay-by{grid-column:1;font-size:.78rem;color:var(--muted)}.relay-warn{grid-column:1;font-size:.78rem;color:var(--warn)}.netline .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.name-input{background:var(--well);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;padding:11px 14px;text-align:center;margin-bottom:4px}.name-input:focus{outline:none;border-color:var(--accent)}::placeholder{color:var(--muted);opacity:1}.guest-note{color:var(--muted);font-size:.72em;margin:0 0 6px}.linkish{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.linkish:hover{filter:brightness(1.15)}.invite-plain{background:none;border:none;color:var(--text);font:inherit;padding:0;cursor:text;user-select:all;word-break:break-all}.invite-note{color:var(--muted)}.leaderboard{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;justify-content:center}.lb-worldline{flex-basis:100%;margin:12px 0 0;text-align:center;font-size:13px}.lb-worldline a{color:var(--muted);text-decoration:none}.lb-worldline a:hover{color:var(--accent);text-decoration:underline}.lb-headline{flex-basis:100%;margin:0 0 10px;text-align:center;font-family:var(--font-score);font-weight:400;font-size:15px;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lb-col{flex:1;min-width:130px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-align:left}.lb-col h4{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-family:var(--font-score);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:400}.lb-col ol{margin:0;padding:0;list-style:none;counter-reset:rank}.lb-col li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:3px 0;font-family:var(--font-score);font-size:11px;line-height:1.55;counter-increment:rank;color:var(--rank, var(--text))}.lb-col li:before{content:counter(rank) "TH";color:inherit;opacity:.72;width:4.25em;flex:none}.lb-col li:nth-child(1):before{content:"1ST"}.lb-col li:nth-child(2):before{content:"2ND"}.lb-col li:nth-child(3):before{content:"3RD"}.lb-col li:nth-child(1){--rank: var(--rank-1)}.lb-col li:nth-child(2){--rank: var(--rank-2)}.lb-col li:nth-child(3){--rank: var(--rank-3)}.lb-col li:nth-child(4){--rank: var(--rank-4)}.lb-col li:nth-child(5){--rank: var(--rank-5)}.lb-col li:nth-child(6){--rank: var(--rank-6)}.lb-col li:nth-child(7){--rank: var(--rank-7)}.lb-col li:nth-child(8){--rank: var(--rank-8)}.lb-col li:nth-child(9){--rank: var(--rank-9)}.lb-col li:nth-child(10){--rank: var(--rank-10)}.lb-col ol.lb-plain li:before{content:none}.lb-col ol.lb-plain li{--rank: var(--text)}.lb-col ol.lb-plain .lb-val{color:var(--accent)}.lb-col ol.lb-plain .lb-name{font-family:var(--font-body);font-size:.82rem}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.lb-name{color:inherit;text-decoration:none}a.lb-name:hover{color:var(--accent);text-decoration:underline}.lb-val{color:inherit;font-variant-numeric:tabular-nums;font-weight:400;text-align:right;white-space:nowrap}.lb-pad{opacity:.28}.lb-icon{width:18px;height:18px;flex:none;display:block}.lb-empty{color:var(--muted);font-family:var(--font-body);font-size:.8rem}@media(max-width:899px){.lb-col{min-width:100%}}.level-card{display:flex;align-items:center;gap:14px;width:100%;margin:0;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:left}.lvl-badge{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none;min-width:62px}.lvl-word{font-size:.58rem;text-transform:uppercase;color:var(--muted);font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing)}.lvl-num{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.5rem;color:var(--accent);font-variant-numeric:tabular-nums;margin-top:2px}.lvl-body{flex:1;min-width:0;padding-top:10px}.lvl-track{height:8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.lvl-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .45s ease-out}.lvl-note{margin-top:5px;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.level-card.maxed .lvl-fill{background:linear-gradient(90deg,var(--warn),var(--accent))}.level-card.maxed .lvl-num{color:var(--warn)}.lvl-pop{position:fixed;left:50%;top:18%;transform:translate(-50%,-14px) scale(.92);z-index:300;pointer-events:none;text-align:center;padding:14px 28px;border-radius:14px;background:var(--panel);border:1px solid var(--accent);box-shadow:0 0 34px #22d3ee59,0 12px 40px #00000080;opacity:0;transition:opacity .25s ease-out,transform .25s ease-out}.lvl-pop.show{opacity:1;transform:translate(-50%) scale(1)}.lvl-pop-word{font-size:.66rem;text-transform:uppercase;color:var(--muted);font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing)}.lvl-pop-num{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:2.4rem;line-height:1.05;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(34,211,238,.55)}.lvl-pop-sub{font-size:.8rem;color:var(--muted)}.lvl-pop-unlock{margin-top:6px;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.8rem;text-transform:uppercase;color:var(--accent)}:root{--badge-1: #c07b3a;--badge-2: #b8c6da;--badge-3: #f0b429;--badge-4: #c084fc;--badge-5: #fb7185;--badge-ink: rgba(0, 0, 0, .45);--badge-hi: rgba(255, 255, 255, .55)}.badge-icon{display:block;width:100%;height:100%;image-rendering:pixelated}.tier-1{color:var(--badge-1)}.tier-2{color:var(--badge-2)}.tier-3{color:var(--badge-3)}.tier-4{color:var(--badge-4)}.tier-5{color:var(--badge-5)}.lvl-crest{display:block;width:20px;height:20px;margin-top:4px}.lvl-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px}.badge-chip{display:inline-flex;align-items:center;gap:5px;width:16px;height:16px;flex:none}.badge-chip-name{font-size:.62rem;color:var(--muted)}.lvl-badge-name{font-size:.62rem;text-transform:uppercase;color:var(--muted);margin-left:3px}.lvl-badge-next{font-size:.62rem;color:var(--muted)}.badge-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--border);text-align:center}.badge-tile-art{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,currentColor 15%,transparent);border:1px solid color-mix(in srgb,currentColor 35%,transparent)}.badge-tile-art .badge-icon{width:30px;height:30px}.badge-tile-name{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--body-spacing);font-size:.66rem;line-height:1.25;color:var(--text);overflow-wrap:anywhere}.badge-tile-lv{margin-top:auto;padding-top:2px;font-size:.6rem;color:var(--muted);font-variant-numeric:tabular-nums}.badge-tile.locked{color:var(--muted);background:transparent;border-style:dashed}.badge-tile.locked .badge-icon{color:var(--muted);opacity:.5}.badge-tile.locked .badge-tile-name{color:var(--muted);font-weight:400}.badge-tile.is-latest{border-color:currentColor;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 40%,transparent),0 6px 20px -8px color-mix(in srgb,currentColor 60%,transparent)}.lvl-pop-badge{border-color:currentColor}.lvl-pop-crest{width:56px;height:56px;margin:6px auto 2px}.lvl-pop-name{font-family:var(--font-display);font-weight:700;letter-spacing:var(--body-spacing);font-size:1rem;color:var(--text)}.lvl-pop-badge .lvl-pop-num{font-size:1.1rem;color:var(--muted);text-shadow:none}@media(prefers-reduced-motion:reduce){.lvl-fill{transition:none}.lvl-pop{transition:opacity .25s ease-out;transform:translate(-50%) scale(1)}.lvl-pop.show{transform:translate(-50%) scale(1)}}.xpbar{width:100%;text-align:left}.xpbar .lvl-fill{transition:width .5s cubic-bezier(.2,.7,.2,1)}.xp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.xp-gain{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.05rem;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.xp-bonus{margin-right:auto;white-space:nowrap}.xp-lvl{display:flex;align-items:baseline;gap:5px;color:var(--muted)}.xp-lvl-word{font-size:.58rem;text-transform:uppercase;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing)}.xp-lvl-num{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:1.15rem;color:var(--text);font-variant-numeric:tabular-nums}.xp-up{animation:xp-up-flash .5s ease-out}@keyframes xp-up-flash{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 70%,transparent)}35%{box-shadow:0 0 14px 3px color-mix(in srgb,var(--accent) 70%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.xp-guest{margin-top:6px;font-size:.74rem;color:var(--muted)}.xp-guest-btn{pointer-events:auto}@media(prefers-reduced-motion:reduce){.xp-up{animation:none}}.specials{max-width:520px;margin:12px auto 0}.spec-bar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.spec-meter{flex:1;height:10px;background:var(--well);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.spec-meter-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.spec-slots{display:flex;gap:6px}.spec-slot{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:default;display:flex;align-items:center;justify-content:center}.spec-slot .si{font-size:1.15rem;opacity:.35}.spec-slot .sk{position:absolute;bottom:1px;right:4px;font-size:.6rem;color:var(--muted)}.spec-slot.ready{cursor:pointer;border-color:var(--accent);background:linear-gradient(160deg,var(--panel-2),rgba(34,211,238,.14));animation:specPop .2s ease}.spec-slot.ready .si{opacity:1}.spec-slot.ready:hover{border-color:var(--accent-2)}@keyframes specPop{0%{transform:scale(.8)}to{transform:scale(1)}}.spec-toast{text-align:center;font-weight:700;font-size:.9rem;color:var(--accent);height:20px;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.spec-toast.show{opacity:1;transform:none}.board-wrap.fx-fog:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#b4c8e647,#788caa8c);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:inherit}.board-wrap.fx-glue:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:#eab30829;border-radius:inherit}.board-wrap.fx-flip .board{transform:scaleX(-1)}.board-wrap.fx-shield{box-shadow:0 0 0 2px var(--accent),0 0 26px #22d3ee99;border-radius:8px}.fx-ribbons{position:absolute;left:6px;right:6px;top:6px;z-index:7;display:flex;flex-direction:column;gap:4px;pointer-events:none}.fx-rib{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 7px;border-radius:6px;background:#070811d6;border:1px solid var(--border);font-size:.72rem;font-weight:700;line-height:1.2;color:var(--text);overflow:hidden;animation:ribIn .18s ease-out}@keyframes ribIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1}}.fx-rib .fr-i{font-size:.85rem}.fx-rib .fr-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-rib .fr-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--well)}.fx-rib .fr-bar>i{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.fx-rib.no-clock .fr-bar{display:none}.board-wrap.has-rib .combo-indicator{top:78px}.sz-spec-card h2{margin:0}.sz-spec-lead,.sz-spec-note{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.sz-spec-list{display:flex;flex-direction:column;gap:2px}.sz-spec-list>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:5px 0;border-top:1px solid var(--border)}.sz-spec-list>div:first-child{border-top:none}.sz-spec-list .ss-i{width:20px;font-size:1rem}.sz-spec-list b{color:var(--text)}.sz-spec-list .ss-w{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:1px 6px}.sz-spec-list .ss-w.off{color:var(--danger);border-color:var(--danger)}.sz-spec-list .ss-w.self{color:var(--ok);border-color:var(--ok)}.sz-spec-list .ss-d{flex-basis:100%;padding-left:28px;color:var(--muted);font-size:.78rem}.sz-spec-ok{margin-top:4px;padding:12px;min-height:44px;border-radius:12px;border:1px solid var(--accent);background:linear-gradient(160deg,var(--panel-2),rgba(34,211,238,.16));color:var(--text);font:inherit;font-weight:700;cursor:pointer}#mascot{display:block;height:var(--mascot-h, 132px);width:auto;margin:0 auto 4px;image-rendering:auto;filter:drop-shadow(0 6px 18px rgba(34,211,238,.25))}.menu-footer{display:flex;flex-direction:column;margin-top:14px}#menu>.level-card{margin-top:18px}.menu-footer-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.menu-footer-row #menu-ping{flex:0 0 auto;margin-top:0}.menu-footer-row button{flex:1 1 96px;min-width:0;padding:10px 12px;font-size:14px}.acct-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.acct-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--panel-3);border:1px solid var(--border)}.acct-btn.signed-in{color:var(--text)}.acct-btn.signed-in .acct-dot{background:var(--ok);border-color:transparent;box-shadow:0 0 6px var(--ok)}#acct-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.ghost{background:transparent;color:var(--muted)}button.ghost:hover{background:var(--panel-2);color:var(--text)}.arena-wrap{position:relative}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30;background:color-mix(in srgb,var(--scrim) 55%,transparent);backdrop-filter:blur(2px);border-radius:16px}.countdown span{font-family:var(--font-display);font-size:clamp(56px,15vw,132px);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);color:var(--text);text-shadow:0 0 30px rgba(34,211,238,.7),0 6px 24px rgba(0,0,0,.6)}.countdown span.go{background:linear-gradient(90deg,var(--accent),var(--ok));-webkit-background-clip:text;background-clip:text;color:transparent}.countdown span.tick{animation:countdown-pop .65s ease-out both}@keyframes countdown-pop{0%{transform:scale(2.1);opacity:0}25%{transform:scale(1);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(.82);opacity:.15}}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--scrim-modal);backdrop-filter:blur(4px);animation:modal-fade .16s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal.block-screen{z-index:10000;background:var(--bg);backdrop-filter:none}.block-screen .modal-card h2{white-space:pre-wrap}.block-screen .block-back{color:var(--muted);font-size:13px}.modal-card{width:min(440px,100%);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);animation:modal-rise .2s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-rise{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}.modal-card>*{flex-shrink:0}.modal-card h2{margin:0 0 2px;font-family:var(--font-display);font-weight:var(--display-weight);font-size:17px;letter-spacing:var(--display-spacing)}.modal-card .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rm-card{text-align:center}.rm-code-line{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:6px 0 2px}.rm-code-k{color:var(--muted);font-size:13px}.rm-code-v{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:3px;color:var(--accent-ink);font-size:2.1rem;line-height:1.1;user-select:text}.rm-say{margin:2px 0 6px}.modal-card input[type=range]{-webkit-appearance:none;appearance:none;height:20px;background:transparent;cursor:pointer}.modal-card input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(90deg,var(--accent) var(--sz-fill, 50%),var(--well) var(--sz-fill, 50%))}.modal-card input[type=range]::-moz-range-track{height:8px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(90deg,var(--accent) var(--sz-fill, 50%),var(--well) var(--sz-fill, 50%))}.modal-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;border:1px solid var(--border-hover);background:var(--text)}.modal-card input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-hover);background:var(--text)}.modal-card input[type=range]:disabled{opacity:.5;cursor:default}.modal-card label{color:var(--muted);font-size:14px}.pause-budget{color:var(--muted);font-size:14px;margin-bottom:6px}.pause-budget.low{color:var(--danger);font-weight:700}.pause-track{margin:4px 0 12px;text-align:left}.tv-label{font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.tv-row{display:flex;align-items:center;gap:6px;padding:4px 0}.tv-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.tv-by{color:var(--muted)}.tv-thumb{flex:none;width:36px;height:32px;padding:0;font-size:16px;line-height:1;opacity:.45;filter:grayscale(1)}.tv-skip{flex:none;width:36px;height:32px;padding:0;font-size:14px;line-height:1}.tv-thumb.on{opacity:1;filter:none;border-color:var(--accent)}.tv-thumb.down.on{border-color:var(--danger)}.tv-list{margin-top:8px}.side .specials{margin:0;max-width:none;width:100%}.side .spec-bar{flex-direction:column;align-items:stretch;gap:9px;padding:10px}.side .spec-meter{flex:none;width:100%;height:5px}.side .spec-slots{justify-content:center;gap:8px}.side .spec-slot{width:34px;height:34px}.side .spec-slot .si{font-size:1rem}.side .spec-toast{position:fixed;left:50%;top:84px;transform:translate(-50%) translateY(4px);z-index:40;height:auto;padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 24px #00000073;white-space:nowrap;pointer-events:none}.side .spec-toast.show{transform:translate(-50%)}.board-col{display:flex;flex-direction:column;gap:10px}.under-stats{display:flex;justify-content:space-around;gap:10px}.under-stats .stat{margin:0;text-align:center}.under-stats .value{font-size:1.15rem}.spec-mirror .spec-slot{cursor:default}.spec-mirror .spec-slot.ready:hover{border-color:var(--accent)}.name-input.invalid{border-color:var(--danger);box-shadow:0 0 0 2px #ef44442e}.arena.trio{gap:10px}.arena.trio .side{min-width:78px}.cpu-picker{display:flex;flex-direction:column;gap:6px}.cpu-select,.cpu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:9px 12px}.cpu-select{width:100%}.cpu-name{font-size:.85rem}.cpu-pips{flex:none;display:flex;gap:3px}.cpu-pips i{width:7px;height:16px;border-radius:2px;background:var(--border)}.cpu-pips i.on{background:var(--accent, #06b6d4)}.cpu-caret{flex:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted)}.cpu-select[aria-expanded=true] .cpu-caret{border-top:0;border-bottom:5px solid var(--muted)}.cpu-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.cpu-item.on{border-color:var(--accent, #06b6d4)}.bs-rule{display:grid;grid-template-columns:1fr;gap:6px}.bs-rule .bs-rule-locked{display:flex;align-items:baseline;justify-content:space-between;gap:10px;opacity:.55;cursor:default}.bs-rule-lock{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.7rem;text-transform:uppercase;color:var(--accent);white-space:nowrap}.bs-sec{margin:6px 0 0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.74rem;text-transform:uppercase;color:var(--text)}.bs-join{margin:2px 0 0}.bs-join-msg{margin:0;font-family:var(--font-body);font-size:.72rem;line-height:1.3;color:var(--danger)}.bs-join-msg:empty{display:none}.bs-join-rule{margin:6px 0 2px}.bs-head{margin:4px 0 0;font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-spacing);font-size:.62rem;text-transform:uppercase;color:var(--muted)}.bs-maps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.bs-map{display:flex;flex-direction:column;gap:5px;padding:0;background:none;border:0;cursor:pointer;color:var(--text)}.bs-map:hover .bs-map-art{border-color:var(--muted)}.bs-map.on .bs-map-art{border-color:var(--accent, #06b6d4);box-shadow:0 0 0 1px var(--accent, #06b6d4)}.bs-map.on .bs-map-name{color:var(--accent, #06b6d4)}.bs-map-art{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(var(--map-rows, 6),1fr);gap:1px;aspect-ratio:10 / var(--map-rows, 6);padding:3px;border-radius:8px;background:var(--well, #0b0d17);border:1px solid var(--border);overflow:hidden}.bs-map-art i{display:block;border-radius:1px}.bs-map-art.bs-map-word{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:var(--display-weight);color:var(--muted)}.bs-map-name{font-size:.62rem;font-weight:var(--display-weight);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){.bs-maps{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){#menu{width:min(920px,94vw);padding:30px 34px 26px;position:relative}.menu-brand{margin-bottom:24px}.brand-text .tagline{margin-bottom:0}#menu{--sc-rise: 43px}#attract-board{height:190px}.menu-btns{display:grid;grid-template-columns:min(420px,100%);justify-content:center;align-items:start;gap:18px}.menu-modes{text-align:left}.friends-inline{display:block;text-align:left}.friends-btn{display:none}.friends-inline .sec-label{margin:12px 0 14px}.friends-inline .sec-label:first-child{margin-top:2px}.friends-inline .sz-fr-more{margin:8px 0 0}.friends-inline .sz-fr-add{margin:10px 0 4px}#menu-msg{grid-column:1 / -1}.leaderboard{margin-top:20px;gap:16px}.lb-col{padding:12px 14px}.lb-col li{font-size:10px;padding:4px 0}}@media(min-width:980px){#menu{--corner-reserve: 260px}.menu-footer{max-width:var(--corner-reserve)}.menu-footer{position:absolute;top:26px;right:34px;margin:0}.menu-footer-row{justify-content:flex-end}.menu-footer-row button{flex:0 1 auto;min-width:0;padding:9px 14px;font-size:13px}}@media(min-width:761px){body.playing{padding:0;overflow:hidden}body.playing #game{height:100vh;height:100dvh}body.playing .arena-wrap{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}@supports (align-items: safe center){body.playing .arena-wrap{align-items:safe center}}body.playing .topbar{margin:0 0 6px}body.playing .deck{min-height:40px;padding:4px 10px 5px}body.playing .status-bar{margin-top:6px;min-height:18px;font-size:.85rem}body.playing #net-stats{margin-top:4px}body.playing .controls-hint{margin-top:4px;font-size:.72rem}body.playing .controls-hint kbd{padding:0 4px;font-size:.7rem}body.playing .player{padding:0;gap:10px;background:none;border-color:transparent}body.playing .name-tag{min-height:20px;margin-bottom:4px}body.playing .under-stats .value{font-size:.95rem}body.playing .board-col{gap:6px}body.playing .side{align-self:stretch;justify-content:center}}.arena.versus .player.mine{order:0}.arena.versus .player[data-seat=left]{order:-1}.arena.versus .player[data-seat=right]{order:1}.arena.versus .player:not(.mine) .name-tag{font-size:.78rem}.arena.versus .player:not(.mine) .under-stats .value{font-size:.95rem}.sz-nav-cursor{outline:3px solid var(--accent);outline-offset:3px;scroll-margin:20px;animation:sz-nav-pulse 1.2s ease-in-out infinite}input.sz-nav-cursor:focus,textarea.sz-nav-cursor:focus{outline:3px solid var(--accent);outline-offset:3px}@keyframes sz-nav-pulse{50%{outline-color:color-mix(in srgb,var(--accent) 40%,transparent)}}@media(prefers-reduced-motion:reduce){.sz-nav-cursor{animation:none}}.sz-av{display:inline-block;flex:0 0 auto;vertical-align:middle;border-radius:6px;pointer-events:none}.sz-av svg,.sz-av img{display:block;width:100%;height:100%}.sz-av-img{object-fit:cover}.sb-av{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}.sb-av:empty{display:none}.sb-av .sz-av{border-radius:5px}