@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-400.woff2) format("woff2")}:root{--bb-bg: #0b0512;--bb-surface: #160b21;--bb-surface-2: #1f1029;--bb-surface-3: #2a1639;--bb-text: #f4eaf7;--bb-muted: #b0a0c0;--bb-border: #3d2454;--bb-accent: #ff69b4;--bb-accent-text: #1a0611;--bb-accent-soft: #33103f;--bb-danger: #ff6b35;--bb-danger-soft: #3a1410;--bb-shadow: 0 0 0 1px rgba(0, 0, 0, .75), 0 16px 40px rgba(0, 0, 0, .55);--bb-radius: 0px;--bb-radius-sm: 0px;--bb-tap: 44px;--bb-marked-bg: #0d3a20;--bb-marked-border: #00ff41;--bb-marked-text: #b6ffcb;--bb-pending-bg: #3a2f05;--bb-pending-border: #ffd700;--bb-pending-text: #ffeaa0;--bb-contested-bg: #3a0d20;--bb-contested-border: #ff69b4;--bb-contested-text: #ffc2de;--bb-overturned-bg: #1c1424;--bb-overturned-border: #6b5a7a;--bb-overturned-text: #cfc0dc;--bb-hot-bg: #3a1a06;--bb-hot-border: #ff6b35;--bb-hot-text: #ffc9a8;--bb-queued-bg: #161a24;--bb-queued-border: #00bfff;--bb-queued-text: #bfe9ff;--bb-neon-1: #ff69b4;--bb-neon-2: #ccff00;--bb-neon-3: #9b59b6;--bb-neon-4: #00bfff;--bb-neon-5: #ff6b35;--bb-neon-6: #00ff41;--bb-neon-7: #ffd700;--bb-neon-8: #ff85a2;--bb-glow-1: 0 0 10px rgba(255, 105, 180, .55);--bb-glow-2: 0 0 10px rgba(255, 105, 180, .55), 0 0 20px rgba(255, 105, 180, .4);--bb-font: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--bb-font-display: "Press Start 2P", ui-monospace, "SFMono-Regular", Menlo, monospace}[data-theme=light]{--bb-bg: #f2ebf6;--bb-surface: #ffffff;--bb-surface-2: #f4eaf7;--bb-surface-3: #e7d8ef;--bb-text: #1b0f22;--bb-muted: #5d4b69;--bb-border: #b892c4;--bb-accent: #c7247a;--bb-accent-text: #ffffff;--bb-accent-soft: #ffdcee;--bb-danger: #c2410c;--bb-danger-soft: #ffe7dc;--bb-shadow: 0 0 0 1px rgba(27, 15, 34, .12), 0 10px 26px rgba(27, 15, 34, .1);--bb-marked-bg: #dcfbe7;--bb-marked-border: #12813c;--bb-marked-text: #0d4a23;--bb-pending-bg: #fff3c4;--bb-pending-border: #9a6b00;--bb-pending-text: #6b4a00;--bb-contested-bg: #ffdcec;--bb-contested-border: #b51f6d;--bb-contested-text: #7c0f47;--bb-overturned-bg: #e7e1ea;--bb-overturned-border: #6b5a7a;--bb-overturned-text: #3a2f45;--bb-hot-bg: #ffe3d0;--bb-hot-border: #b8430f;--bb-hot-text: #7c2c05;--bb-queued-bg: #dff2fb;--bb-queued-border: #0a7ea8;--bb-queued-text: #064c68;--bb-glow-1: 0 0 8px rgba(199, 36, 122, .28);--bb-glow-2: 0 0 8px rgba(199, 36, 122, .28), 0 0 16px rgba(199, 36, 122, .2)}[data-theme=dark]{--bb-bg: #0b0512;--bb-surface: #160b21;--bb-surface-2: #1f1029;--bb-surface-3: #2a1639;--bb-text: #f4eaf7;--bb-muted: #b0a0c0;--bb-border: #3d2454;--bb-accent: #ff69b4;--bb-accent-text: #1a0611;--bb-accent-soft: #33103f;--bb-danger: #ff6b35;--bb-danger-soft: #3a1410;--bb-shadow: 0 0 0 1px rgba(0, 0, 0, .75), 0 16px 40px rgba(0, 0, 0, .55);--bb-marked-bg: #0d3a20;--bb-marked-border: #00ff41;--bb-marked-text: #b6ffcb;--bb-pending-bg: #3a2f05;--bb-pending-border: #ffd700;--bb-pending-text: #ffeaa0;--bb-contested-bg: #3a0d20;--bb-contested-border: #ff69b4;--bb-contested-text: #ffc2de;--bb-overturned-bg: #1c1424;--bb-overturned-border: #6b5a7a;--bb-overturned-text: #cfc0dc;--bb-hot-bg: #3a1a06;--bb-hot-border: #ff6b35;--bb-hot-text: #ffc9a8;--bb-queued-bg: #161a24;--bb-queued-border: #00bfff;--bb-queued-text: #bfe9ff}[data-large-text="1"]{font-size:19px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font);font-size:1rem;line-height:1.45;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--bb-accent)}:focus-visible{outline:3px solid var(--bb-accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.55rem max(.75rem,env(safe-area-inset-left)) .55rem max(.75rem,env(safe-area-inset-right));background:var(--bb-surface);border-bottom:1px solid var(--bb-border)}.app-header .brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--bb-text);text-decoration:none;font-size:1.05rem}.app-header .spacer{flex:1}.app-main{flex:1;width:100%;max-width:46rem;margin:0 auto;padding:1rem max(.75rem,env(safe-area-inset-left)) 3rem max(.75rem,env(safe-area-inset-right))}.app-footer{padding:1rem;text-align:center;color:var(--bb-muted);font-size:.85rem}.stack{display:flex;flex-direction:column;gap:.75rem}.stack-sm{gap:.4rem}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.row-between{justify-content:space-between}.grow{flex:1}.card{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:1rem;box-shadow:var(--bb-shadow)}.muted{color:var(--bb-muted)}.small{font-size:.85rem}.center{text-align:center}.divider{height:1px;background:var(--bb-border);border:0;margin:1rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--bb-tap);min-width:var(--bb-tap);padding:.55rem 1rem;border-radius:var(--bb-radius-sm);border:1px solid var(--bb-border);background:var(--bb-surface-2);color:var(--bb-text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.btn:hover:not(:disabled){background:var(--bb-surface-3)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--bb-accent);border-color:var(--bb-accent);color:var(--bb-accent-text)}.btn-primary:hover:not(:disabled){background:var(--bb-accent);filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:transparent}.btn-block{width:100%}.btn-sm{min-height:36px;padding:.3rem .7rem;font-size:.9rem}.btn-icon{padding:.35rem;min-width:var(--bb-tap);min-height:var(--bb-tap)}.field{display:flex;flex-direction:column;gap:.3rem}.label{font-weight:600;font-size:.9rem}.hint{color:var(--bb-muted);font-size:.8rem}.input,.select,.textarea{width:100%;min-height:var(--bb-tap);padding:.55rem .7rem;border-radius:var(--bb-radius-sm);border:1px solid var(--bb-border);background:var(--bb-surface);color:var(--bb-text);font:inherit}.textarea{min-height:5rem;resize:vertical}.input:disabled,.select:disabled{background:var(--bb-surface-2);color:var(--bb-muted)}.segmented{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;background:var(--bb-surface-2);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm)}.segmented button{min-height:38px;padding:.3rem .75rem;border:0;border-radius:6px;background:transparent;color:var(--bb-text);font:inherit;font-weight:600;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--bb-accent);color:var(--bb-accent-text)}.switch{display:flex;align-items:center;gap:.6rem;min-height:var(--bb-tap);cursor:pointer}.switch input{width:1.25rem;height:1.25rem;accent-color:var(--bb-accent)}.checkbox-row{display:flex;align-items:flex-start;gap:.55rem;min-height:var(--bb-tap);padding:.35rem 0}.checkbox-row input{width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--bb-accent)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--bb-border);background:var(--bb-surface-2);color:var(--bb-text);font-size:.8rem;font-weight:600;white-space:nowrap}.chip-accent{background:var(--bb-accent-soft);border-color:var(--bb-accent)}.chip-danger{background:var(--bb-danger-soft);border-color:var(--bb-danger);color:var(--bb-danger)}.banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem .6rem;border-radius:var(--bb-radius-sm);font-weight:600;font-size:.9rem;border:1px solid transparent}.banner-live{background:var(--bb-marked-bg);color:var(--bb-marked-text);border-color:var(--bb-marked-border)}.banner-reconnecting{background:var(--bb-pending-bg);color:var(--bb-pending-text);border-color:var(--bb-pending-border)}.banner-offline{background:var(--bb-contested-bg);color:var(--bb-contested-text);border-color:var(--bb-contested-border)}.notice{padding:.7rem .85rem;border-radius:var(--bb-radius-sm);border:1px solid var(--bb-border);background:var(--bb-surface-2)}.notice-error{border-color:var(--bb-danger);background:var(--bb-danger-soft);color:var(--bb-danger)}.notice-warn{border-color:var(--bb-pending-border);background:var(--bb-pending-bg);color:var(--bb-pending-text)}.notice-ok{border-color:var(--bb-marked-border);background:var(--bb-marked-bg);color:var(--bb-marked-text)}.board{display:grid;gap:.4rem;user-select:none;-webkit-user-select:none}.board-row{display:grid;grid-template-columns:repeat(var(--board-size, 5),minmax(0,1fr));gap:.4rem}.board-cell{display:grid;min-width:0}.cell{position:relative;aspect-ratio:1 / 1;min-height:3rem;border-radius:var(--bb-radius-sm);border:2px solid var(--bb-border);background:var(--bb-surface);color:var(--bb-text);display:flex;align-items:center;justify-content:center;text-align:center;padding:.2rem;cursor:pointer;font:inherit;overflow:hidden;transition:transform .12s ease,background-color .14s ease,border-color .14s ease}.cell:active{transform:scale(.98)}.cell-label{display:block;width:100%;overflow:hidden;overflow-wrap:anywhere;hyphens:auto;line-height:1.12;font-weight:600}.cell-free{background:var(--bb-surface-2);color:var(--bb-muted);border-style:dashed;cursor:default}.cell-marked{background:var(--bb-marked-bg);border-color:var(--bb-marked-border);color:var(--bb-marked-text)}.cell-pending{background:var(--bb-pending-bg);border-color:var(--bb-pending-border);color:var(--bb-pending-text);border-style:dashed}.cell-overturned{background:var(--bb-overturned-bg);border-color:var(--bb-overturned-border);color:var(--bb-overturned-text);text-decoration:line-through}.cell-hot{border-color:var(--bb-hot-border);box-shadow:inset 0 0 0 2px var(--bb-hot-border)}.cell-carried{background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--bb-surface-3) 6px 12px);border-style:double;border-width:4px}.cell-queued{background-image:repeating-linear-gradient(135deg,transparent 0 5px,var(--bb-queued-border) 5px 10px);border-color:var(--bb-queued-border);color:var(--bb-queued-text);border-style:dashed}.cell-optimistic{background:var(--bb-pending-bg);border-color:var(--bb-pending-border);color:var(--bb-pending-text);border-style:dotted}.cell-badge{position:absolute;top:2px;right:3px;font-size:.75rem;line-height:1;font-weight:700}.cell-info{position:absolute;left:2px;bottom:2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--bb-border);background:var(--bb-surface);color:var(--bb-muted);font-size:.7rem;font-weight:700;padding:0;cursor:pointer}.cell-state{position:absolute;left:0;right:0;bottom:0;padding:.05rem .2rem;font-size:.62rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em;background:var(--bb-surface-3);color:var(--bb-text)}.cell-marked .cell-state{background:var(--bb-marked-border);color:var(--bb-marked-text)}.cell-pending .cell-state{background:var(--bb-pending-border);color:var(--bb-pending-text)}.cell-contested .cell-state{background:var(--bb-contested-border);color:var(--bb-contested-text)}.cell-queued .cell-state{background:var(--bb-queued-border);color:var(--bb-queued-text)}.item-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.item-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);background:var(--bb-surface);min-height:var(--bb-tap)}.item-row .item-text{flex:1;min-width:0;overflow-wrap:anywhere}.item-row .item-meta{font-size:.78rem;color:var(--bb-muted)}.item-row-marked{background:var(--bb-marked-bg);border-color:var(--bb-marked-border)}.leaderboard{display:flex;flex-direction:column;gap:.3rem}.lb-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:center;padding:.4rem .5rem;border-radius:var(--bb-radius-sm);background:var(--bb-surface-2)}.lb-row-me{outline:2px solid var(--bb-accent)}.lb-rank{font-weight:700;color:var(--bb-muted)}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-points{font-variant-numeric:tabular-nums;font-weight:700}.feed{display:flex;flex-direction:column;gap:.25rem;max-height:22rem;overflow-y:auto;list-style:none;margin:0;padding:0}.feed-item{padding:.35rem .5rem;border-radius:var(--bb-radius-sm);background:var(--bb-surface-2);font-size:.9rem}.feed-time{color:var(--bb-muted);font-size:.75rem;margin-left:.35rem}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0c0a0999;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal-panel{background:var(--bb-surface);width:100%;max-width:40rem;max-height:92dvh;overflow-y:auto;border-radius:var(--bb-radius) var(--bb-radius) 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));box-shadow:var(--bb-shadow)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bb-surface-2);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);overflow-x:auto}.tabs button{flex:1;min-height:40px;min-width:max-content;padding:.35rem .7rem;border:0;border-radius:6px;background:transparent;color:var(--bb-text);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{background:var(--bb-accent);color:var(--bb-accent-text)}.sprite{width:1.6rem;height:1.6rem;border-radius:50%;vertical-align:-.35rem;background:var(--bb-surface-2)}.sprite-lg{width:3.5rem;height:3.5rem}.sprite-xl{width:6rem;height:6rem}.qr{background:#fff;padding:.5rem;border-radius:var(--bb-radius-sm);border:1px solid var(--bb-border);display:inline-block}.qr img{display:block;width:100%;height:auto;image-rendering:pixelated}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2rem;font-weight:700;letter-spacing:.22em;text-indent:.22em}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:var(--bb-bg);text-align:center}.overlay-card{max-width:34rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.winner-name{font-size:1.8rem;font-weight:800}.reveal{animation:bb-reveal .5s ease both}.fade-in{animation:bb-fade .4s ease both}@keyframes bb-reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes bb-fade{0%{opacity:0}to{opacity:1}}[data-motion=reduced] .reveal,[data-motion=reduced] .fade-in{animation:bb-fade .25s ease both}[data-motion=reduced] *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){.reveal,.fade-in{animation:bb-fade .25s ease both}}.present{--bb-present-scale: 1;min-height:100dvh;background:#0b0908;color:#fdfbf8;padding:1rem;display:grid;gap:1rem;grid-template-columns:1fr;align-content:start}.present-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:60rem){.present-grid{grid-template-columns:22rem 1fr}.present-side{grid-row:span 2}}.present h1{font-size:2.4rem;margin:0}.present-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:3.2rem;font-weight:800;letter-spacing:.2em;text-indent:.2em}.present-card{background:#191413;border:1px solid #322b27;border-radius:16px;padding:1rem}.present-card h2{font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em;color:#c6bdb2;margin:0 0 .6rem}.present .lb-row{background:#221d1b;font-size:1.15rem}.present .feed-item{background:#221d1b;font-size:1rem}.present .qr{background:#fff}.spinner{width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid var(--bb-border);border-top-color:var(--bb-accent);animation:bb-spin .8s linear infinite;display:inline-block}@keyframes bb-spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;background:var(--bb-text);color:var(--bb-bg);padding:.6rem 1rem;border-radius:999px;box-shadow:var(--bb-shadow);font-weight:600;max-width:min(92vw,30rem);text-align:center}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.8rem;letter-spacing:.3em;text-align:center;text-transform:uppercase}.grid-auto{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.sprite-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}.sprite-option{border:2px solid var(--bb-border);border-radius:var(--bb-radius-sm);background:var(--bb-surface);padding:.5rem .25rem;cursor:pointer;min-height:var(--bb-tap);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;color:var(--bb-muted)}.sprite-option[aria-pressed=true]{border-color:var(--bb-accent);background:var(--bb-accent-soft);color:var(--bb-text)}.stat-row{display:flex;gap:.5rem;flex-wrap:wrap}.stat{flex:1 1 6rem;background:var(--bb-surface-2);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);padding:.5rem .6rem}.stat .stat-value{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}.stat .stat-label{font-size:.75rem;color:var(--bb-muted);text-transform:uppercase;letter-spacing:.05em}@media print{.app-header,.app-footer,.no-print{display:none!important}}.results-head{text-align:center}.results-kicker{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.results-headline{margin:.25rem 0 0;text-wrap:balance}.podium{list-style:none;margin:.5rem 0 0;padding:0;display:flex;justify-content:center;align-items:flex-end;gap:.5rem}.podium-slot{flex:1 1 0;max-width:9rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.podium-sprite{width:3.5rem;height:3.5rem;image-rendering:pixelated}.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.podium-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-top:.5rem;border:3px solid var(--bb-border);color:#1d0d05;font-weight:800}.podium-step--1{height:8rem;background:var(--bb-neon-7);border-color:#b8860b}.podium-step--2{height:6rem;background:#cfd8dc;border-color:#78909c}.podium-step--3{height:4.5rem;background:#e0a96d;border-color:#8d5a2b}.podium-medal{font-size:1.5rem;line-height:1}.podium-points{font-size:1.25rem}.ready-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.ready-chip{position:relative;display:flex;flex-direction:column;align-items:center;width:4.5rem;opacity:.45;transition:opacity .2s ease}.ready-chip--on{opacity:1}.ready-sprite{width:2.5rem;height:2.5rem;image-rendering:pixelated}.ready-badge{position:absolute;top:-.25rem;right:.5rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:50%;background:var(--bb-marked-border);color:#04110a;font-size:.8rem;font-weight:900}.ready-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.results-cta{font-size:1.15rem;padding-block:.9rem}@media(prefers-reduced-motion:no-preference){.results-headline{animation:results-pop .5s ease-out both}.podium-step{animation:results-rise .6s ease-out both}.podium-step--1{animation-delay:.25s}}@keyframes results-pop{0%{opacity:0;transform:scale(.92)}}@keyframes results-rise{0%{transform:translateY(1.5rem);opacity:0}}.room-code-inline{font-family:var(--bb-font-display);font-size:.8em;letter-spacing:.08em;color:var(--bb-neon-2)}.share-name{font-size:1.15rem;text-wrap:balance}.cell-kind{position:absolute;right:.25rem;bottom:.2rem;font-size:.7rem;line-height:1;opacity:.9;pointer-events:none}.cell-kind--tally{font-weight:700}.cell-stopwatch{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;background:color-mix(in srgb,var(--surface, #fff) 55%,transparent);border-radius:inherit;pointer-events:none;animation:cell-stopwatch-pulse 1.4s ease-in-out infinite}@keyframes cell-stopwatch-pulse{50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.cell-stopwatch{animation:none}}.cell-missed{opacity:.55;text-decoration:line-through;cursor:not-allowed}.header-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:34rem){.app-header .brand .brand-text{display:none}.header-name{flex:0 1 auto;min-width:0;max-width:none}}.game-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}body:after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}body:before{content:"";position:fixed;left:0;right:0;top:0;height:38vh;z-index:199;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.018) 45%,rgba(0,191,255,.035) 50%,rgba(255,105,180,.028) 55%,transparent 100%);animation:bb-scanline 8s linear infinite}@keyframes bb-scanline{0%{transform:translateY(-40%)}to{transform:translateY(270%)}}h1,h2,h3,h4{font-family:var(--bb-font-display);font-weight:400;line-height:1.6;letter-spacing:.02em;color:var(--bb-accent);text-shadow:var(--bb-glow-1)}h1{font-size:clamp(.95rem,3.4vw,1.5rem);text-shadow:var(--bb-glow-2)}h2{font-size:clamp(.72rem,2.2vw,.95rem);color:var(--bb-neon-4);text-shadow:0 0 10px rgba(0,191,255,.55)}h3{font-size:.72rem;color:var(--bb-neon-2);text-shadow:0 0 10px rgba(204,255,0,.5)}h4{font-size:.62rem;color:var(--bb-neon-5);text-shadow:0 0 10px rgba(255,107,53,.5)}.app-header .brand{font-family:var(--bb-font-display);font-size:.78rem;font-weight:400;letter-spacing:.04em;color:var(--bb-neon-1);text-shadow:0 0 10px rgba(255,105,180,.6)}.app-header .brand span{font-size:1.1rem;filter:drop-shadow(0 0 8px rgba(255,105,180,.7))}.btn{font-family:var(--bb-font-display);font-size:.6rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--bb-border);border-radius:0;background:var(--bb-surface-2);color:var(--bb-text);padding:.7rem .9rem;min-height:var(--bb-tap);box-shadow:0 3px #0000008c;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover:not(:disabled){background:var(--bb-surface-3);border-color:var(--bb-neon-3);color:var(--bb-neon-2);filter:none}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000008c}.btn-primary{background:var(--bb-neon-2);border-color:var(--bb-neon-2);color:#16200a;text-shadow:none;box-shadow:0 3px #4d6b00,0 0 18px #ccff0073}.btn-primary:hover:not(:disabled){background:var(--bb-neon-2);border-color:#eaff9c;color:#16200a;filter:brightness(1.08);box-shadow:0 3px #4d6b00,0 0 26px #cf09}.btn-danger{background:var(--bb-danger-soft);border-color:var(--bb-danger);color:var(--bb-danger)}.btn-ghost{background:transparent;border-color:var(--bb-border);color:var(--bb-muted)}.btn-ghost:hover:not(:disabled){background:var(--bb-surface-2);border-color:var(--bb-neon-4);color:var(--bb-neon-4)}.btn-sm{font-size:.5rem;min-height:36px;padding:.45rem .6rem}.card{border:2px solid var(--bb-border);border-radius:0;background:var(--bb-surface);box-shadow:var(--bb-shadow);position:relative}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--bb-neon-1) 18%,var(--bb-neon-3) 55%,transparent);opacity:.65;pointer-events:none}.card-tight{padding:.7rem .85rem}.label{font-family:var(--bb-font-display);font-size:.5rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-neon-4);text-shadow:0 0 8px rgba(0,191,255,.4)}.hint{font-size:.75rem;color:var(--bb-muted)}.input,.select,.textarea{border-radius:0;border:2px solid var(--bb-border);background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font)}.input:focus,.select:focus,.textarea:focus{border-color:var(--bb-neon-2);box-shadow:0 0 0 2px #ccff0059;outline:none}.segmented{border-radius:0;border:2px solid var(--bb-border);background:var(--bb-bg)}.segmented button{font-family:var(--bb-font-display);font-size:.5rem;letter-spacing:.04em;border-radius:0}.segmented button[aria-pressed=true],.segmented button.is-active{background:var(--bb-neon-3);color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.chip{font-family:var(--bb-font-display);font-size:.45rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;border-radius:0;border:2px solid var(--bb-border);padding:.3rem .5rem}.chip-accent{border-color:var(--bb-neon-1);color:var(--bb-neon-1);text-shadow:0 0 8px rgba(255,105,180,.5)}.chip-danger{border-color:var(--bb-danger);color:var(--bb-danger)}.banner,.notice{border-radius:0;border:2px solid var(--bb-border);border-left-width:4px}.banner-live{border-color:var(--bb-neon-6);border-left-color:var(--bb-neon-6);color:var(--bb-neon-6);text-shadow:0 0 10px rgba(0,255,65,.45)}.banner-reconnecting{border-color:var(--bb-neon-7);border-left-color:var(--bb-neon-7);color:var(--bb-neon-7)}.banner-offline{border-color:var(--bb-danger);border-left-color:var(--bb-danger);color:var(--bb-danger)}.notice-error{border-color:var(--bb-danger);border-left-color:var(--bb-danger)}.notice-warn{border-color:var(--bb-neon-7);border-left-color:var(--bb-neon-7)}.notice-ok{border-color:var(--bb-neon-6);border-left-color:var(--bb-neon-6)}.board{border:2px solid var(--bb-neon-3);border-radius:0;background:var(--bb-bg);box-shadow:0 0 24px #9b59b638}.cell{border-radius:0;border:2px solid var(--bb-border);background:var(--bb-surface-2)}.cell-marked{background:var(--bb-marked-bg);border-color:var(--bb-marked-border);color:var(--bb-marked-text);box-shadow:0 0 12px #00ff4140}.cell-pending{background:var(--bb-pending-bg);border-color:var(--bb-pending-border);color:var(--bb-pending-text)}.cell-contested{background:var(--bb-contested-bg);border-color:var(--bb-contested-border);color:var(--bb-contested-text)}.cell-overturned{background:var(--bb-overturned-bg);border-color:var(--bb-overturned-border);color:var(--bb-overturned-text)}.cell-hot{background:var(--bb-hot-bg);border-color:var(--bb-hot-border);color:var(--bb-hot-text)}.cell-queued{background:var(--bb-queued-bg);border-color:var(--bb-queued-border);color:var(--bb-queued-text)}.cell-free{border-style:dashed}.lb-row{border-radius:0;border:2px solid var(--bb-border);background:var(--bb-surface-2)}.lb-row-me{outline:2px solid var(--bb-neon-2);outline-offset:-2px;box-shadow:0 0 16px #ccff004d}.lb-rank{font-family:var(--bb-font-display);font-size:.5rem;font-weight:400;color:var(--bb-neon-4)}.lb-points{font-family:var(--bb-font-display);font-size:.55rem;font-weight:400;color:var(--bb-neon-1);text-shadow:0 0 8px rgba(255,105,180,.5)}.feed-item{border-radius:0;border:2px solid var(--bb-border);background:var(--bb-surface-2)}.feed-time{font-family:var(--bb-font-display);font-size:.45rem;color:var(--bb-smoke, var(--bb-muted))}.modal-backdrop{background:#040208c7;backdrop-filter:blur(3px)}.modal-panel{border-radius:0;border:3px solid var(--bb-neon-3);background:var(--bb-surface);box-shadow:0 0 40px #9b59b673,0 24px 60px #000000b3}.modal-header{border-bottom:2px solid var(--bb-border)}.tabs{border-radius:0;border-bottom:2px solid var(--bb-border)}.tabs button{font-family:var(--bb-font-display);font-size:.5rem;letter-spacing:.04em;text-transform:uppercase;border-radius:0}.tabs button[aria-selected=true]{color:var(--bb-neon-2);text-shadow:0 0 8px rgba(204,255,0,.5);box-shadow:inset 0 -3px 0 var(--bb-neon-2)}.overlay{background:#040208cc;backdrop-filter:blur(3px)}.overlay-card{border-radius:0;border:3px solid var(--bb-neon-1);background:var(--bb-surface);box-shadow:0 0 50px #ff69b473}.winner-name{font-family:var(--bb-font-display);color:var(--bb-neon-2);text-shadow:0 0 12px rgba(204,255,0,.6),0 0 30px rgba(204,255,0,.4)}.reveal{font-family:var(--bb-font-display);letter-spacing:.08em}.room-code{font-family:var(--bb-font-display);letter-spacing:.3em;color:var(--bb-neon-2);text-shadow:0 0 12px rgba(204,255,0,.6)}.code-input{font-family:var(--bb-font-display);font-size:.85rem;letter-spacing:.2em;border-radius:0;border:2px solid var(--bb-neon-3);background:var(--bb-bg);color:var(--bb-neon-2);text-shadow:0 0 10px rgba(204,255,0,.5)}.toast{border-radius:0;border:2px solid var(--bb-neon-2);background:#0b0512f5;color:var(--bb-neon-2);font-family:var(--bb-font-display);font-size:.5rem;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 10px rgba(204,255,0,.55);box-shadow:0 0 26px #ccff004d}.present-code{font-family:var(--bb-font-display);color:var(--bb-neon-2);text-shadow:0 0 20px rgba(204,255,0,.6)}.present-card{border-radius:0;border:2px solid var(--bb-neon-3);background:var(--bb-surface)}.arc{--bb-bg: #0b0512;--bb-surface: #160b21;--bb-surface-2: #1f1029;--bb-surface-3: #2a1639;--bb-text: #f4eaf7;--bb-muted: #b0a0c0;--bb-border: #3d2454;--bb-accent: #ff69b4;--bb-accent-text: #1a0611;--bb-accent-soft: #33103f;--bb-danger: #ff6b35;--bb-danger-soft: #3a1410;--bb-shadow: 0 0 0 1px rgba(0, 0, 0, .75), 0 16px 40px rgba(0, 0, 0, .55);--bb-glow-1: 0 0 10px rgba(255, 105, 180, .55);--bb-glow-2: 0 0 10px rgba(255, 105, 180, .55), 0 0 20px rgba(255, 105, 180, .4);display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.app-main--wide{max-width:68rem}@media(min-width:62rem){.arc{grid-template-columns:minmax(0,1.55fr) minmax(15rem,.75fr);align-items:start}}.arc-cabinet{position:relative;background:var(--bb-surface);border:3px solid var(--bb-neon-3);padding:12px;box-shadow:0 0 0 1px #000c,0 24px 60px #0009,0 0 50px #ff69b424}.arc-marquee{position:relative;margin:-12px -12px 12px;padding:16px 12px 14px;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--bb-neon-1) 0%,#c4519e 45%,var(--bb-neon-3) 100%);box-shadow:inset 0 -4px #00000059,inset 0 4px #ffffff38}.arc-marquee:before,.arc-marquee:after{content:"";position:absolute;left:0;right:0;height:6px;background-image:radial-gradient(circle at 50% 50%,#fffbe8 0 1.8px,var(--bb-neon-7) 2.2px 3px,rgba(255,215,0,0) 3.6px);background-size:20px 100%;background-repeat:repeat-x;animation:bb-chase 1.1s linear infinite}.arc-marquee:before{top:3px}.arc-marquee:after{bottom:3px;animation-direction:reverse}@keyframes bb-chase{to{background-position:20px 0}}.arc-bongos{width:42px;height:42px;display:block;margin:0 auto 8px;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(0,0,0,.55))}.arc-marquee h1{margin:0;color:#fff;font-size:clamp(.85rem,3.2vw,1.5rem);text-shadow:0 0 10px var(--bb-neon-4),0 0 20px var(--bb-neon-4),3px 3px 0 rgba(60,0,40,.75)}.arc-marquee p{margin:8px 0 0;font-family:var(--bb-font-display);font-size:.45rem;letter-spacing:.14em;text-transform:uppercase;color:#fff2fb;text-shadow:0 0 8px rgba(0,0,0,.6)}.arc-screen{position:relative;background:#04030a;border:3px solid var(--bb-neon-3);overflow:hidden;box-shadow:inset 0 0 100px #0000004d,0 0 28px #00bfff38}.arc-screen:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 52%,rgba(0,0,0,.72) 100%);box-shadow:inset 0 0 100px #0000004d}.arc-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 2;touch-action:none;cursor:none;outline:none;image-rendering:pixelated}.arc-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--bb-neon-2)}.arc-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;padding:1rem;background:radial-gradient(78% 78% at 50% 45%,#09031199,#040208e0)}.arc-overlay h2{margin:0 0 12px;font-size:clamp(.8rem,3.4vw,1.5rem);color:var(--bb-neon-2);text-shadow:0 0 10px var(--bb-neon-2),0 0 20px var(--bb-neon-2),0 0 44px rgba(204,255,0,.5);animation:bb-blink 1.6s steps(1,end) infinite}@keyframes bb-blink{0%,72%{opacity:1}73%,82%{opacity:.28}83%,to{opacity:1}}.arc-overlay p{margin:0 0 18px;font-family:var(--bb-font-display);font-size:clamp(.45rem,1.5vw,.62rem);line-height:2;letter-spacing:.06em;color:var(--bb-neon-4);text-shadow:0 0 10px rgba(0,191,255,.6)}.arc-hud{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:14px;padding:12px 14px;background:linear-gradient(180deg,#ff69b41a,#0000006b);border:2px solid var(--bb-neon-3);box-shadow:inset 0 0 0 1px #ff69b42e}.arc-stat{display:flex;flex-direction:column;gap:6px;min-width:58px}.arc-stat--wide{flex:1 1 8rem;min-width:5.5rem}.arc-stat span{font-family:var(--bb-font-display);font-size:.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.arc-stat b{font-family:var(--bb-font-display);font-size:clamp(.6rem,1.7vw,.78rem);font-weight:400;color:var(--bb-neon-2);line-height:1.4;text-shadow:0 0 10px rgba(204,255,0,.6)}.arc-stat--wide b{color:var(--bb-neon-4);text-shadow:0 0 10px rgba(0,191,255,.6)}.arc-lives{display:flex;gap:5px;align-items:center;height:16px}.arc-ball{width:12px;height:12px;display:block;background:var(--bb-neon-1);box-shadow:0 0 8px #ff69b4cc}.arc-hint{margin-top:12px;text-align:center;font-family:var(--bb-font-display);font-size:.4rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-muted);line-height:2.2}@media(pointer:coarse),(hover:none),(max-width:640px){.arc-hint{display:none}}.arc-hint kbd{font-family:var(--bb-font-display);font-size:.4rem;color:var(--bb-neon-4);border:2px solid var(--bb-border);padding:4px 5px;margin:0 2px;background:#00000073}.arc-door{padding:18px;border:3px solid var(--bb-neon-3);background:var(--bb-surface);box-shadow:var(--bb-shadow);position:relative}.arc-door:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--bb-neon-2) 22%,var(--bb-neon-1) 60%,transparent);opacity:.7}.arc-door-text{margin:0 0 16px;font-size:.85rem;line-height:1.8;color:var(--bb-muted)}.arc-door-actions{display:grid;gap:10px}.arc-door-foot{margin:16px 0 0;font-size:.75rem;color:var(--bb-muted)}.arc-door-foot a{color:var(--bb-neon-4)}@media(prefers-reduced-motion:reduce){body:before{display:none}.arc-marquee:before,.arc-marquee:after{animation:none}.arc-overlay h2{animation:none}}.arc-full-btn{position:absolute;top:8px;right:8px;z-index:5;min-width:44px;min-height:44px;font-size:1.1rem;color:var(--bb-text);background:#0000008c;border:2px solid var(--bb-border);cursor:pointer}.arc-full-score{position:absolute;top:12px;left:12px;z-index:5;font-family:var(--bb-font-display);font-size:.7rem;color:var(--bb-text);pointer-events:none}.arc-screen--full{position:fixed;inset:0;z-index:1000;border:0;display:grid;place-items:center;background:#04030a;width:100vw;height:100dvh}.arc-screen--full .arc-canvas{width:auto;height:auto;max-width:100vw;max-height:100dvh}:root{--bb-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}body{line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-synthesis:none}.btn,.label,.chip,.tabs button,.segmented button{line-height:1.6;font-synthesis:none}.btn{white-space:normal;text-align:center;overflow-wrap:anywhere}@media(max-width:640px),(pointer:coarse){.btn{font-size:.62rem;letter-spacing:.02em;padding:.75rem .85rem}.btn-sm{font-size:.56rem;padding:.55rem .65rem;line-height:1.7}.label,.segmented button,.tabs button{font-size:.56rem;letter-spacing:.03em}.chip,.lb-rank,.feed-time{font-size:.52rem}.lb-points{font-size:.6rem}h1{line-height:1.7}h2,h3{line-height:1.7;letter-spacing:.01em}.hint,.item-row .item-meta,.small{font-size:.82rem;line-height:1.5}.card{padding:.9rem}}.app-header .btn{white-space:nowrap}@media(min-width:48rem){.modal-backdrop{align-items:center;padding:1.5rem}.modal-panel{border-radius:0;max-height:88dvh;padding-bottom:1rem}}