:root{--bg:#0a0a0a;--fg:#f5f5f5;--muted:#6b6b6b;--accent:#7c5cff;--warn:#ff5c7c;--border:#1c1c1c;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:10px;padding:14px 28px;transition:border-color .12s,background .12s,transform 80ms}button:hover:not(:disabled){border-color:var(--fg)}button:active:not(:disabled){transform:translateY(1px)}button.primary{border-color:var(--accent);color:var(--accent)}button.primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 12%, transparent);border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}input{font:inherit;color:inherit;border:1px solid var(--border);text-align:center;letter-spacing:.25em;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border-radius:10px;outline:none;padding:14px 16px;font-size:18px;transition:border-color .12s}input:focus{border-color:var(--fg)}input::placeholder{color:var(--muted);letter-spacing:.25em}.page{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card{flex-direction:column;align-items:center;gap:28px;min-width:280px;display:flex}.wordmark{font-family:var(--font-mono);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;margin:0;font-size:64px;font-weight:500;line-height:1}.wordmark .dot{color:var(--accent)}.subtle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.stack{flex-direction:column;gap:12px;width:100%;display:flex}.row{gap:8px;width:100%;display:flex}.row>button{flex:1}.error{color:var(--warn);letter-spacing:.04em;text-align:center;min-height:16px;font-size:13px}.big-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);-webkit-user-select:all;user-select:all;font-size:96px;line-height:1}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.game-root{width:100%;height:100%;position:relative;overflow:hidden}.game-root canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;color:var(--fg);position:absolute}.hud-score{font-family:var(--font-mono);letter-spacing:.3em;opacity:.9;font-size:42px;top:24px;left:50%;transform:translate(-50%)}.hud-score .divider{color:var(--muted);margin:0 14px}.hud-code{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;font-size:14px;bottom:20px;right:24px}.ping-idle{color:var(--muted)}.ping-good{color:#5cffa0}.ping-ok{color:#ffd65c}.ping-bad{color:var(--warn)}.countdown{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--fg);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9;font-size:180px;line-height:1;animation:1s ease-out countdown-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}30%{opacity:.9}to{opacity:.9;transform:translate(-50%,-50%)scale(1)}}.hud-side{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;font-size:12px;bottom:20px;left:24px}.hud-help{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-align:right;font-size:11px;line-height:1.8;top:24px;right:24px}.hud-help kbd{border:1px solid var(--border);color:var(--fg);border-radius:4px;margin-right:6px;padding:1px 6px;font-family:inherit;font-size:10px}.result{font-family:var(--font-mono);letter-spacing:-.02em;margin:0;font-size:72px}.result.win{color:var(--accent)}.result.lose{color:var(--warn)}