:root{--bg-0: #0b0b0d;--bg-1: #111114;--bg-2: #17171c;--bg-3: #1f1f26;--border: #26262e;--border-strong: #34343e;--text: #ececef;--text-dim: #9a9aa3;--text-mute: #5e5e68;--accent: #e8c089;--accent-soft: rgba(232, 192, 137, .12);--accent-line: rgba(232, 192, 137, .35);--win: #a8d8a8;--loss: #d89898;--tie: #c8c8d0;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--radius: 14px;--radius-sm: 8px;--shadow: 0 30px 60px -30px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-0);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;font-size:15px;line-height:1.5;letter-spacing:-.005em;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 500px at 50% -10%,rgba(232,192,137,.04),transparent 60%),radial-gradient(ellipse 600px 400px at 50% 110%,rgba(232,192,137,.025),transparent 60%);pointer-events:none;z-index:0}.frame{position:relative;z-index:1;height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:980px;margin:0 auto;padding:24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.14em;font-size:12px;color:var(--text-dim)}.brand .dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-line);animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.topbar-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase}.stage{position:relative;display:flex;align-items:center;justify-content:center;padding:28px 0;min-height:0}.screen{width:100%;max-width:720px;animation:screen-in .48s var(--ease-out) both}.screen.leaving{animation:screen-out .26s var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-out{to{opacity:0;transform:translateY(-6px)}}.footbar{padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:center}.hint{font-size:12px;color:var(--text-mute);letter-spacing:.04em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:var(--radius-sm);cursor:pointer;transition:all .22s var(--ease);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-indent:.08em}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{transform:none;background:var(--bg-2);border-color:var(--border-strong)}.btn:hover{background:var(--bg-3);border-color:var(--accent-line);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--accent);color:#1a1408;border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#f0cd9a;box-shadow:0 8px 24px -8px var(--accent-line)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn.ghost:hover{color:var(--text)}.landing{text-align:center;padding:20px 0}.landing .eyebrow{font-family:JetBrains Mono,monospace;font-size:44px;font-weight:700;color:var(--text);letter-spacing:.22em;text-transform:uppercase;line-height:1;margin-bottom:24px}@media (max-width: 640px){.landing .eyebrow{font-size:32px;letter-spacing:.18em;margin-bottom:18px}}.landing h1{font-size:56px;font-weight:600;letter-spacing:-.03em;margin:0 0 10px;line-height:1}.landing h1 .accent{color:var(--accent)}.landing .tagline{color:var(--text-dim);font-size:15px;margin-bottom:36px}.landing .match-card{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);padding:28px;max-width:480px;margin:0 auto 28px;text-align:left}.match-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.match-card-header .label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase}.match-card-header .date{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim)}.rounds-list{list-style:none;padding:0;margin:0 0 22px}.rounds-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px dashed var(--border);font-size:14px;color:var(--text);opacity:0;animation:row-in .46s var(--ease-out) forwards}.rounds-list li:last-child{border-bottom:none}.rounds-list li:nth-child(1){animation-delay:.12s}.rounds-list li:nth-child(2){animation-delay:.2s}.rounds-list li:nth-child(3){animation-delay:.28s}.rounds-list li:nth-child(4){animation-delay:.36s}.rounds-list li:nth-child(5){animation-delay:.44s}@keyframes row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.rounds-list .num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);width:22px}.rounds-list .gname{flex:1}.rounds-list .gtag{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase}.round-intro,.round-outro{text-align:center}.round-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}.round-title{font-size:42px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}.round-desc{color:var(--text-dim);max-width:460px;margin:0 auto 32px;font-size:15px}.round-rules{display:inline-flex;gap:22px;padding:14px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.round-start-countdown{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 24px}.round-start-num{font-family:JetBrains Mono,monospace;font-size:56px;font-weight:600;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;animation:cd .8s var(--ease) both}.round-start-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.round-intro-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:460px;margin:0 auto 24px;padding:12px 20px;border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);font-family:JetBrains Mono,monospace}.scorebar .who{display:flex;flex-direction:column;align-items:center;gap:4px}.scorebar .who .label{font-size:10px;color:var(--text-mute);letter-spacing:.16em;text-transform:uppercase}.scorebar .who .val{font-size:22px;font-weight:600;color:var(--text)}.scorebar-mid{display:flex;align-items:center;justify-content:center;padding:0 14px;min-width:72px}.scorebar-divider{width:1px;height:26px;background:var(--border)}.game-area{position:relative;width:100%;height:380px;border:1px solid var(--border);background:linear-gradient(var(--bg-1),var(--bg-1)),radial-gradient(circle at 50% 50%,rgba(232,192,137,.04),transparent 60%);border-radius:var(--radius);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.game-status{position:absolute;top:14px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;z-index:2}.game-timer{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;background:#0c0c10c7;border:1px solid var(--border);border-radius:999px;pointer-events:none;transition:border-color .22s var(--ease),box-shadow .22s var(--ease);flex-shrink:0}.game-timer.urgent{border-color:#d8989873;box-shadow:0 0 16px #d898981f}.game-timer-ring{width:28px;height:28px;display:block;flex-shrink:0}.game-timer-track,.game-timer-arc{fill:none;stroke-width:2.5}.game-timer-track{stroke:#e8c08929}.game-timer-arc{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 80ms linear}.game-timer.urgent .game-timer-arc{stroke:#d89898}.game-timer-num{min-width:38px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text-dim)}.game-timer.urgent .game-timer-num{color:#d89898}.game-timer.compact{padding:0;background:none;border:none;gap:5px}.game-timer.compact .game-timer-ring{width:20px;height:20px}.game-timer.compact .game-timer-num{min-width:0;font-size:11px}.round-result-card{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);padding:28px 32px;max-width:440px;margin:0 auto 28px}.rrc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.rrc-row+.rrc-row{border-top:1px solid var(--border)}.rrc-row .label{font-size:13px;color:var(--text-dim)}.rrc-row .value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500}.rrc-row.winner .label{color:var(--text);font-weight:500}.rrc-row.winner .value{color:var(--accent)}.verdict{text-align:center;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px}.verdict.win{color:var(--win)}.verdict.loss{color:var(--loss)}.verdict.tie{color:var(--tie)}.final{text-align:center}.final .eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}.final-score{font-family:JetBrains Mono,monospace;font-size:96px;font-weight:600;letter-spacing:.02em;margin:0;line-height:1}.final-score .me{color:var(--text)}.final-score .sep{color:var(--text-mute);margin:0 18px;font-weight:300}.final-score .op{color:var(--text-dim)}.final-verdict{margin-top:18px;font-size:14px;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.final-verdict.win{color:var(--win)}.final-verdict.loss{color:var(--loss)}.final-verdict.tie{color:var(--tie)}.recap{margin:36px auto 28px;max-width:460px;border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);padding:18px 24px}.recap-row{display:grid;grid-template-columns:22px 1fr auto auto auto;align-items:center;gap:12px;padding:10px 0;font-family:JetBrains Mono,monospace;font-size:12px}.recap-row+.recap-row{border-top:1px solid var(--border)}.recap-row .n{color:var(--text-mute)}.recap-row .nm{color:var(--text);font-family:Inter;font-size:13px}.recap-row .me,.recap-row .op{color:var(--text-dim);width:56px;text-align:right}.recap-row .dot{width:7px;height:7px;border-radius:50%}.recap-row.win .dot{background:var(--win)}.recap-row.loss .dot{background:var(--loss)}.recap-row.tie .dot{background:var(--tie)}.recap-row.win .me{color:var(--win);font-weight:600}.recap-row.loss .op{color:var(--loss);font-weight:600}.actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.center{display:flex;align-items:center;justify-content:center}.column{display:flex;flex-direction:column;align-items:center}.reaction-pad{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s var(--ease)}.reaction-center{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.reaction-pad.waiting{background:#d8989814}.reaction-pad.go{background:#a8d8a829}.reaction-pad.early{background:#d8787838;animation:reaction-early .52s var(--ease)}.reaction-pad .label{font-size:28px;font-weight:500;letter-spacing:-.01em;color:var(--text-dim)}.reaction-pad .label.fail{font-size:34px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#e8a8a8}.reaction-sub{min-height:18px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--text-mute)}.reaction-pad.go .label{color:var(--win)}@keyframes reaction-early{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.reaction-timer{position:absolute;top:14px;right:18px;width:36px;height:36px;opacity:0;transform:scale(.9);transition:opacity .18s var(--ease),transform .18s var(--ease);pointer-events:none;z-index:3}.reaction-timer.visible{opacity:1;transform:scale(1)}.reaction-timer-ring{width:100%;height:100%;display:block}.reaction-timer-track,.reaction-timer-arc{fill:none;stroke-width:4}.reaction-timer-track{stroke:#a8d8a82e}.reaction-timer-arc{stroke:var(--win);stroke-linecap:round;transition:stroke-dashoffset 80ms linear}.reaction-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--win)}.reaction-trials{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px}.trial-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border-strong);transition:all .22s var(--ease)}.trial-dot.done{background:var(--accent);border-color:var(--accent)}.trial-dot.done.fail{background:#d8989873;border-color:#d89898}.aim-target{position:absolute;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d4a3,var(--accent) 55%,#b88858 100%);cursor:pointer;transform:translate(-50%,-50%) scale(0);animation:target-in .18s var(--ease-out) forwards;box-shadow:0 0 24px #e8c08959,inset 0 0 0 2px #00000026}@keyframes target-in{to{transform:translate(-50%,-50%) scale(1)}}.aim-target.popping{animation:target-out .18s var(--ease) forwards}@keyframes target-out{to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.grid-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:14px 16px 16px;gap:12px}.grid-prompt{flex-shrink:0;display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:26px;line-height:1}.grid-prompt-label{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.grid-prompt-num{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;color:var(--accent);line-height:1}.grid-prompt.done .grid-prompt-num{font-size:20px;letter-spacing:.06em}.grid-board{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:8px}.grid-cell{display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:500;color:var(--text);cursor:pointer;transition:all .16s var(--ease)}.grid-cell:hover{border-color:var(--accent-line);background:var(--bg-3)}.grid-cell.done{color:transparent;background:transparent;border-color:var(--border);cursor:default;pointer-events:none}.grid-cell.wrong{animation:shake .28s var(--ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.memory-board{position:absolute;top:36px;right:28px;bottom:28px;left:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.memory-tile{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);cursor:pointer;transition:all .16s var(--ease);position:relative;overflow:hidden;min-height:0}.memory-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tile-glow, rgba(232,192,137,.6));opacity:0;transition:opacity .18s var(--ease)}.memory-tile.flash:after{opacity:1}.memory-tile[data-tile="0"]{--tile-glow: rgba(232,192,137,.55)}.memory-tile[data-tile="1"]{--tile-glow: rgba(168,216,168,.55)}.memory-tile[data-tile="2"]{--tile-glow: rgba(168,184,216,.55)}.memory-tile[data-tile="3"]{--tile-glow: rgba(216,168,184,.55)}.memory-tile[data-tile="4"]{--tile-glow: rgba(216,184,152,.55)}.memory-tile[data-tile="5"]{--tile-glow: rgba(184,168,216,.55)}.memory-tile[data-tile="6"]{--tile-glow: rgba(152,216,200,.55)}.memory-tile[data-tile="7"]{--tile-glow: rgba(216,216,152,.55)}.memory-tile[data-tile="8"]{--tile-glow: rgba(216,152,152,.55)}.memory-tile.locked{cursor:not-allowed;opacity:.7}.bullseye-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84%;display:flex;flex-direction:column;align-items:center;gap:28px}.bullseye-track{position:relative;width:100%;height:28px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.bullseye-zone{position:absolute;top:0;bottom:0;left:47.5%;width:5%;background:var(--accent-soft);border-left:1px solid var(--accent-line);border-right:1px solid var(--accent-line)}.bullseye-marker{position:absolute;top:-3px;bottom:-3px;width:4px;background:var(--accent);box-shadow:0 0 16px var(--accent-line);border-radius:2px;left:0}.bullseye-info{display:flex;gap:32px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase}.bullseye-info .v{color:var(--text)}.precision-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.precision-path{fill:none;stroke:var(--border-strong);stroke-width:22;stroke-linecap:round;stroke-linejoin:round;transition:stroke .12s var(--ease)}.precision-trace{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:opacity .12s var(--ease)}.precision-dot{fill:var(--accent);transition:fill .12s var(--ease)}.precision-dot-start{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent))}.game-area.precision-off-path{animation:precision-flash .56s var(--ease)}.game-area.precision-off-path .precision-path{stroke:var(--loss)}.game-area.precision-off-path .precision-trace{stroke:var(--loss);opacity:1}.game-area.precision-off-path .precision-dot{fill:var(--loss)}.precision-shake{animation:shake .28s var(--ease)}.precision-reset-banner{position:absolute;top:18%;left:50%;transform:translate(-50%,-50%) scale(.92);padding:10px 18px;border-radius:999px;background:color-mix(in srgb,var(--loss) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--loss) 45%,transparent);color:var(--loss);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .16s var(--ease),transform .16s var(--ease)}.precision-reset-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes precision-flash{0%,to{background:transparent}18%,42%{background:color-mix(in srgb,var(--loss) 16%,transparent)}}.seq-round-tag{position:absolute;top:12%;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase}.seq-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 56px);max-width:720px;font-family:JetBrains Mono,monospace;font-size:24px;letter-spacing:.04em;line-height:1.45;color:var(--text-dim);text-align:center;white-space:normal;word-break:keep-all}.seq-word{display:inline-block;white-space:nowrap}.seq-prompt .char{display:inline-block;vertical-align:baseline;border-bottom:2px solid transparent;padding-bottom:1px;transition:color 80ms var(--ease),background .12s var(--ease)}.seq-prompt .char.ok{color:var(--text)}.seq-prompt .char.bad{color:#fff;background:var(--loss);border-radius:3px;animation:seq-bad-flash .32s var(--ease)}.seq-prompt .char.cur{color:var(--accent);border-bottom-color:var(--accent)}.seq-prompt .char.space{min-width:.5em}.seq-prompt.shake{animation:seq-shake .22s var(--ease)}@keyframes seq-bad-flash{0%{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes seq-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 4px),-50%)}75%{transform:translate(calc(-50% + 4px),-50%)}}@media (max-width: 640px){.seq-prompt{font-size:18px;width:calc(100% - 28px)}}.seq-meta{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase}.seq-meta .v{color:var(--text)}.pair-wrap{position:absolute;top:48px;right:28px;bottom:28px;left:28px;display:flex;flex-direction:column;min-height:0}.pair-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.pair-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;min-width:0;min-height:0;transition:background .16s var(--ease),border-color .16s var(--ease),transform .12s var(--ease)}.pair-cell:hover{border-color:var(--accent-line);background:var(--bg-3)}.pair-cell.selected{border-color:var(--accent);background:var(--bg-3);box-shadow:0 0 0 1px var(--accent-line) inset}.pair-cell.matched{border-color:var(--win, var(--accent));background:color-mix(in srgb,var(--accent-soft) 60%,transparent);cursor:default;pointer-events:none}.pair-cell.wrong{border-color:var(--loss);background:color-mix(in srgb,var(--loss) 14%,var(--bg-2));animation:shake .28s var(--ease)}.pair-glyph{width:58%;height:58%;display:block;pointer-events:none}.stroop-wrap{position:absolute;top:48px;right:28px;bottom:28px;left:28px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:0}.stroop-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.stroop-word{font-family:JetBrains Mono,monospace;font-size:72px;font-weight:700;letter-spacing:.08em;line-height:1;text-shadow:0 0 24px color-mix(in srgb,currentColor 38%,transparent);transition:transform .12s var(--ease)}.stroop-word.flash-ok{animation:stroop-pop .24s var(--ease)}.stroop-word.flash-bad{animation:shake .28s var(--ease)}@keyframes stroop-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.stroop-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stroop-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink, var(--bg-2));color:#0b0b10;border:1px solid color-mix(in srgb,var(--ink) 70%,#000);border-radius:var(--radius-sm);padding:14px 0;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;letter-spacing:.18em;cursor:pointer;transition:transform .1s var(--ease),filter .16s var(--ease),box-shadow .16s var(--ease)}.stroop-btn:hover{filter:brightness(1.08);box-shadow:0 0 16px color-mix(in srgb,var(--ink) 45%,transparent)}.stroop-btn:active{transform:translateY(1px)}.stroop-btn.wrong{animation:shake .28s var(--ease);box-shadow:0 0 0 3px var(--loss),0 0 24px color-mix(in srgb,var(--loss) 60%,transparent);outline:none}.stroop-btn.reveal{box-shadow:0 0 0 3px var(--win, var(--accent)),0 0 22px color-mix(in srgb,var(--win, var(--accent)) 55%,transparent)}.stroop-buttons.locked .stroop-btn{cursor:not-allowed;opacity:.32;filter:saturate(.6);transform:none}.stroop-buttons.locked .stroop-btn:hover{filter:saturate(.6);box-shadow:none}.stroop-buttons.locked .stroop-btn.wrong,.stroop-buttons.locked .stroop-btn.reveal{opacity:1;filter:none}@media (max-width: 640px){.stroop-word{font-size:52px}.stroop-btn{font-size:12px;padding:12px 0;letter-spacing:.14em}}.pin-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:pointer}.pin-ring-hint{fill:none;stroke:var(--border);stroke-width:1;stroke-dasharray:2 7;opacity:.35}.pin-disc{fill:var(--bg-2);stroke:var(--border-strong);stroke-width:1.5}.pin-disc-inner{fill:none;stroke:var(--border);stroke-width:1;stroke-dasharray:2 7;opacity:.55}.pin-rim-mark{fill:var(--accent);opacity:.55}.pin-disc-center{fill:var(--accent);opacity:.9}.pin-needle{stroke:var(--accent);stroke-width:2.2;stroke-linecap:round}.pin-head{fill:var(--accent);stroke:#1a14088c;stroke-width:.7}.pin-stuck{animation:pin-stuck-in .22s var(--ease-out) both}.pin-stuck.initial{animation:none}.pin-stuck.initial .pin-needle{stroke:var(--text-mute)}.pin-stuck.initial .pin-head{fill:var(--text-mute);stroke:#00000059}.pin-stuck.collide{animation:pin-collide-in .24s var(--ease) both}.pin-stuck.collide .pin-needle{stroke:var(--loss)}.pin-stuck.collide .pin-head{fill:var(--loss);stroke:#0006}@keyframes pin-stuck-in{0%{opacity:0}to{opacity:1}}@keyframes pin-collide-in{0%{opacity:0}50%{opacity:1}to{opacity:1}}.pin-disc.thunk{animation:pin-thunk .24s var(--ease)}@keyframes pin-thunk{0%{stroke-width:1.5;stroke:var(--border-strong)}40%{stroke-width:2.6;stroke:var(--accent)}to{stroke-width:1.5;stroke:var(--border-strong)}}.pin-disc.failed{stroke:var(--loss)}.pin-launcher-base{fill:var(--border-strong);opacity:.6}.pin-ready{transition:opacity 70ms var(--ease)}.pin-svg.shake{animation:pin-shake .32s var(--ease)}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.circle-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.circle-trace{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 35%,transparent))}.circle-ideal{fill:none;stroke:var(--win);stroke-width:1.4;stroke-dasharray:4 5;opacity:0;transition:opacity .18s var(--ease);pointer-events:none}.circle-pips{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3;pointer-events:none}.circle-pip{width:22px;height:6px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:3px;transition:background .2s var(--ease),border-color .2s var(--ease)}.circle-pip.done{background:var(--accent);border-color:var(--accent)}.circle-score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;font-family:JetBrains Mono,monospace;font-size:56px;font-weight:700;color:var(--accent);text-shadow:0 0 24px var(--accent-line);pointer-events:none;z-index:3;font-variant-numeric:tabular-nums;transition:opacity .22s var(--ease),transform .22s var(--ease)}.circle-score.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.circle-hint{position:absolute;left:50%;bottom:38px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);pointer-events:none;transition:opacity .18s var(--ease)}.circle-hint.hidden{opacity:0}.mosaic-wrap{position:absolute;top:40px;right:28px;bottom:22px;left:28px;display:flex;flex-direction:column;gap:12px;min-height:0}.mosaic-board-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}.mosaic-board{width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.mosaic-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;color:transparent;cursor:pointer;padding:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.mosaic-cell:hover{border-color:var(--accent-line);background:var(--bg-3)}.mosaic-cell.show{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);animation:mosaic-show .22s var(--ease-out) both}@keyframes mosaic-show{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.mosaic-cell.correct{background:color-mix(in srgb,var(--win) 22%,var(--bg-2));border-color:var(--win);color:var(--win);cursor:default;animation:mosaic-pop .22s var(--ease-out)}@keyframes mosaic-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.mosaic-cell.wrong{background:color-mix(in srgb,var(--loss) 26%,var(--bg-2));border-color:var(--loss);color:var(--loss);animation:shake .28s var(--ease)}.mosaic-cell.miss{background:color-mix(in srgb,var(--loss) 10%,var(--bg-2));border-color:color-mix(in srgb,var(--loss) 45%,transparent);color:color-mix(in srgb,var(--loss) 90%,transparent)}.mosaic-meta{flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);text-align:center;letter-spacing:.14em;text-transform:uppercase}.tempo-wrap{position:absolute;top:36px;right:28px;bottom:60px;left:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.tempo-stage{position:relative;display:flex;align-items:center;justify-content:center;height:96px;min-width:300px}.tempo-target,.tempo-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;letter-spacing:.02em}.tempo-target{font-size:84px;color:var(--accent);text-shadow:0 0 28px var(--accent-line);transition:color .24s var(--ease),text-shadow .24s var(--ease),opacity .22s var(--ease)}.tempo-target.hidden{opacity:0;pointer-events:none}.tempo-target.running{color:var(--text-dim);text-shadow:none;opacity:.7}.tempo-target.result-late{color:var(--loss);text-shadow:0 0 26px color-mix(in srgb,var(--loss) 35%,transparent)}.tempo-target.result-early{color:var(--win);text-shadow:0 0 26px color-mix(in srgb,var(--win) 35%,transparent)}.tempo-countdown{font-size:84px;color:var(--accent);text-shadow:0 0 28px var(--accent-line);opacity:0;pointer-events:none}.tempo-countdown.visible{opacity:1}.tempo-countdown.tick{animation:tempo-tick 1s var(--ease) both}.tempo-countdown.go{color:var(--win);text-shadow:0 0 30px color-mix(in srgb,var(--win) 45%,transparent);font-size:72px;letter-spacing:.08em;animation:tempo-go .7s var(--ease) both}@keyframes tempo-tick{0%{opacity:0;transform:scale(.78)}15%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes tempo-go{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1.12)}65%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.18)}}.tempo-sub{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);text-align:center;max-width:380px;line-height:1.6;min-height:18px;transition:color .2s var(--ease)}.tempo-sub.result{color:var(--text-dim)}.tempo-pips{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none;z-index:3}.tempo-pip{width:26px;height:6px;background:var(--bg-3);border:1px solid var(--border-strong);border-radius:999px;transition:background .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}.tempo-pip.done{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent);transform:scaleX(1.06)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0b0db3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.countdown-num{font-family:JetBrains Mono,monospace;font-size:72px;font-weight:600;color:var(--accent);animation:cd .8s var(--ease) both}@keyframes cd{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.lobby-actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:360px;margin:28px auto 0}.lobby-actions .btn{width:100%}.lobby-divider{display:flex;align-items:center;gap:12px;max-width:360px;margin:18px auto;color:var(--text-mute);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:var(--border)}.code-input-row{display:flex;gap:8px;max-width:360px;margin:0 auto}.code-input{flex:1;background:var(--bg-1);border:1px solid var(--border-strong);color:var(--text);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;text-align:center;letter-spacing:.3em;text-transform:uppercase;border-radius:var(--radius-sm);padding:14px 16px;outline:none;transition:border-color .2s var(--ease)}.code-input:focus{border-color:var(--accent-line)}.queue-card,.room-card{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);padding:36px 28px;max-width:460px;margin:24px auto 28px;text-align:center}.queue-card .pulse-ring{width:56px;height:56px;border:2px solid var(--accent);border-radius:50%;margin:0 auto 22px;position:relative;animation:ring-pulse 1.8s ease-out infinite}.queue-card .pulse-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);border-radius:50%;opacity:.4;animation:ring-pulse 1.8s ease-out infinite;animation-delay:.6s}@keyframes ring-pulse{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.4);opacity:0}}.queue-card h3,.room-card h3{margin:0 0 8px;font-weight:500;font-size:22px;letter-spacing:-.01em}.queue-card p,.room-card p{color:var(--text-dim);font-size:14px;margin:0 0 22px}.room-code{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:600;letter-spacing:.16em;color:var(--accent);margin:14px 0 18px;-webkit-user-select:all;user-select:all}.room-code-hint{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);letter-spacing:.2em;text-transform:uppercase}.waiting-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b0b0dc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;gap:14px;animation:fade-in .28s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.waiting-card .spinner{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-card .label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.conn-led{width:7px;height:7px;border-radius:50%;background:var(--text-mute);display:inline-block}.conn-led.online{background:var(--win);box-shadow:0 0 8px #a8d8a880}.conn-led.connecting{background:var(--accent);animation:blink 1s infinite}.conn-led.offline{background:var(--loss)}@keyframes blink{50%{opacity:.3}}.notice{color:var(--text-dim);font-size:13px;margin-top:14px}.scorebar .who.finished .val{color:var(--accent)}.nick-form{display:flex;flex-direction:column;gap:14px;align-items:stretch;max-width:380px;margin:28px auto 0}.nick-input{background:var(--bg-1);border:1px solid var(--border-strong);color:var(--text);font-family:inherit;font-size:18px;font-weight:500;text-align:center;padding:16px 18px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s var(--ease)}.nick-input:focus{border-color:var(--accent-line)}.nick-input::placeholder{color:var(--text-mute);font-weight:300}.nick-hint{font-size:12px;color:var(--text-mute);text-align:center}.user-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-1);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:500;cursor:pointer;transition:border-color .18s var(--ease)}.user-pill:hover{border-color:var(--accent-line)}.user-pill .who{color:var(--text)}.user-pill .edit{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);border-left:1px solid var(--border);padding-left:8px}.leaderboard{max-width:720px}.lb-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.lb-date{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:600;color:var(--text);letter-spacing:.06em}.lb-tabs{display:flex;flex-wrap:wrap;gap:2px 6px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:2px}.lb-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-mute);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .18s var(--ease),border-color .18s var(--ease)}.lb-tab:hover{color:var(--text)}.lb-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.lb-body{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius);padding:8px 4px;min-height:260px;max-height:50vh;overflow-y:auto}.lb-empty{color:var(--text-mute);font-size:13px;text-align:center;padding:60px 20px}.lb-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:13px}.lb-table th{font-weight:500;font-size:10px;color:var(--text-mute);letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:12px 12px 10px;border-bottom:1px solid var(--border)}.lb-table th.lb-left,.lb-table td.lb-left{text-align:left}.lb-table th.lb-right,.lb-table td.lb-right{text-align:right}.lb-table td{padding:10px 12px;text-align:center;color:var(--text);border-bottom:1px dashed var(--border)}.lb-table tbody tr:last-child td{border-bottom:none}.lb-table .lb-rank{color:var(--text-mute);width:38px}.lb-table .lb-nick{font-family:Inter,sans-serif;font-size:14px}.lb-table .lb-score{color:var(--accent)}.lb-table .lb-win{color:var(--win)}.lb-table .lb-loss{color:var(--loss)}.lb-table tr.me td{background:var(--accent-soft);color:var(--text)}.lb-table tr.me .lb-rank{color:var(--accent)}.lb-table tr.me .lb-nick{color:var(--accent);font-weight:600}.lb-footnote{margin-top:14px;font-size:11px;color:var(--text-mute);text-align:center;letter-spacing:.04em}.rrc-row .op-pending-val{color:var(--text-mute);font-family:JetBrains Mono,monospace;font-size:16px;letter-spacing:.08em;animation:pulse-dim 1.4s ease-in-out infinite}@keyframes pulse-dim{0%,to{opacity:.45}50%{opacity:1}}.rrc-row .reveal-num{display:inline-block;animation:reveal-pop .28s var(--ease-out) both}@keyframes reveal-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rrc-row.opp-pending .value{font-style:italic}.verdict-anim{animation:verdict-in .7s var(--ease-out) both}@keyframes verdict-in{0%{opacity:0;transform:translateY(4px);letter-spacing:.32em}to{opacity:1;transform:translateY(0);letter-spacing:.2em}}.waiting-line{display:inline-flex;align-items:center;gap:10px;margin-top:18px}.dots-spinner{width:14px;height:14px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .9s linear infinite}.ready-btn{min-width:200px}.ready-state{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.ready-dot{width:7px;height:7px;border-radius:50%;background:var(--bg-3);border:1px solid var(--border-strong);transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.ready-dot.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-line)}.ready-hint{margin-left:4px}.next-bar-wrap{margin:26px auto 0;max-width:360px;text-align:center}.next-bar-track{height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden}.next-bar-fill{height:100%;background:var(--accent);width:0%;transition:width 80ms linear}.next-bar-label{margin-top:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase}.op-finished-pip{position:absolute;bottom:14px;right:18px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;z-index:4;pointer-events:none}.match-found{text-align:center}.mf-tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.32em;text-transform:uppercase;margin-bottom:26px;animation:fade-in .32s var(--ease-out)}.mf-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;max-width:600px;margin:0 auto}.mf-side{font-size:28px;font-weight:600;letter-spacing:-.01em}.mf-side .role{display:block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.mf-side.me{text-align:right}.mf-side.op{text-align:left;color:var(--text)}.mf-side.me .name{color:var(--accent)}.mf-side.me{animation:slide-in-l .52s var(--ease-out) both}.mf-side.op{animation:slide-in-r .52s var(--ease-out) both}@keyframes slide-in-l{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-r{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.mf-vs-divider{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:600;color:var(--text-mute);animation:vs-pop .6s var(--ease-out) both}@keyframes vs-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mf-line{margin-top:36px;color:var(--text-dim);font-size:13px;letter-spacing:.06em;animation:fade-in .6s var(--ease-out) both;animation-delay:.7s}.sandbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:560px;margin:28px auto}.sandbox-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-1);border:1px solid var(--border);color:var(--text);font-family:inherit;text-align:left;padding:18px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease)}.sandbox-tile:hover{border-color:var(--accent-line);transform:translateY(-1px)}.sandbox-tile .nm{font-size:16px;font-weight:600;margin-bottom:4px}.sandbox-tile .tg{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-mute);letter-spacing:.14em;text-transform:uppercase}.sandbox-result{text-align:center;margin-top:22px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-dim)}.sandbox-result .score{display:block;font-size:36px;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-bottom:6px}.sandbox-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sandbox-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sandbox-header .tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.22em;text-transform:uppercase}.lobby-secondary{display:flex;justify-content:center;gap:18px;margin-top:22px;font-size:12px;font-family:JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.lobby-secondary button{background:none;border:none;color:var(--text-mute);font:inherit;cursor:pointer;padding:0;letter-spacing:.08em;transition:color .18s var(--ease)}.lobby-secondary button:hover{color:var(--accent)}@media (max-width: 640px){.frame{padding:16px}.landing h1{font-size:40px}.final-score{font-size:64px}.game-area{height:340px}.scorebar-mid{padding:0 10px;min-width:64px}.game-timer.compact .game-timer-num{font-size:10px}.game-timer.compact .game-timer-ring{width:18px;height:18px}.sandbox-header{flex-wrap:wrap}}