:root,:root[data-theme=sky]{--bg:#f5f8ff;--surface:#fff;--surface-2:#f5f8ff;--tint:#e8efff;--tint-2:#d0dcff;--border:#d0dcff;--border-h:#a9bdff;--accent:#3a62f0;--accent-h:#2b4fd9;--accent-text:#2b4fd9;--on-accent:#fff;--text:#0e1b57;--muted:#5b6a9e;--faint:#8190c0;--ring:#3a62f029;--shadow:0 1px 2px #1f3cb00f, 0 12px 40px #3a62f01a;--danger:#c62a3a;--danger-bg:#fdecee;--danger-border:#f4b6bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=paper]{--bg:#f4f4f5;--surface:#fff;--surface-2:#fafafa;--tint:#efeff1;--tint-2:#e0e0e4;--border:#dcdce0;--border-h:#b8b8c0;--accent:#18181b;--accent-h:#3f3f46;--accent-text:#18181b;--on-accent:#fff;--text:#18181b;--muted:#6b6b76;--faint:#9a9aa5;--ring:#18181b1f;--shadow:0 1px 2px #0000000d, 0 12px 40px #00000014;--danger:#c62a3a;--danger-bg:#fdecee;--danger-border:#f4b6bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=mint]{--bg:#f1faf5;--surface:#fff;--surface-2:#f1faf5;--tint:#dff5e9;--tint-2:#bfead3;--border:#bfead3;--border-h:#8fd8b3;--accent:#0e9556;--accent-h:#0b7d48;--accent-text:#0b7d48;--on-accent:#fff;--text:#0b2e1d;--muted:#4f7a65;--faint:#7fa38f;--ring:#0e955629;--shadow:0 1px 2px #0b7d480f, 0 12px 40px #0e95561a;--danger:#c62a3a;--danger-bg:#fdecee;--danger-border:#f4b6bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=lavender]{--bg:#f7f4ff;--surface:#fff;--surface-2:#f7f4ff;--tint:#ece6ff;--tint-2:#d9ceff;--border:#d9ceff;--border-h:#b9a8ff;--accent:#7048e8;--accent-h:#5a34cf;--accent-text:#5a34cf;--on-accent:#fff;--text:#1e1447;--muted:#6d609f;--faint:#9588c4;--ring:#7048e829;--shadow:0 1px 2px #5a34cf0f, 0 12px 40px #7048e81a;--danger:#c62a3a;--danger-bg:#fdecee;--danger-border:#f4b6bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sunset]{--bg:#fff7f0;--surface:#fff;--surface-2:#fff7f0;--tint:#ffeadb;--tint-2:#ffd5b8;--border:#ffd5b8;--border-h:#ffb98a;--accent:#e8590c;--accent-h:#c94a06;--accent-text:#c04506;--on-accent:#fff;--text:#3b1a08;--muted:#8a5c40;--faint:#b68a6d;--ring:#e8590c29;--shadow:0 1px 2px #c94a060f, 0 12px 40px #e8590c1a;--danger:#a8112b;--danger-bg:#fde8ec;--danger-border:#f0a9b6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=midnight]{--bg:#0b1020;--surface:#131a33;--surface-2:#0f1529;--tint:#1c2547;--tint-2:#2a3668;--border:#27315a;--border-h:#3d4c8a;--accent:#7c9bff;--accent-h:#9bb2ff;--accent-text:#9bb2ff;--on-accent:#0b1020;--text:#e8edff;--muted:#98a5d4;--faint:#5f6c9f;--ring:#7c9bff38;--shadow:0 12px 40px #00000073;--danger:#ff8a95;--danger-bg:#3a1620;--danger-border:#7a2c3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=serika]{--bg:#323437;--surface:#2c2e31;--surface-2:#27292b;--tint:#3a3c40;--tint-2:#4a4d52;--border:#45484d;--border-h:#5e6268;--accent:#e2b714;--accent-h:#f0c93a;--accent-text:#f0c93a;--on-accent:#1d1e20;--text:#d1d0c5;--muted:#9a9a92;--faint:#646669;--ring:#e2b71438;--shadow:0 12px 40px #00000059;--danger:#ff7b7b;--danger-bg:#3d2527;--danger-border:#7a3a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=nord]{--bg:#242933;--surface:#2e3440;--surface-2:#2a303b;--tint:#3b4252;--tint-2:#434c5e;--border:#434c5e;--border-h:#5b6780;--accent:#88c0d0;--accent-h:#9fd0de;--accent-text:#9fd0de;--on-accent:#1f2530;--text:#eceff4;--muted:#aeb8cc;--faint:#6d7891;--ring:#88c0d038;--shadow:0 12px 40px #00000059;--danger:#e58a93;--danger-bg:#3d2a31;--danger-border:#7a4450;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dracula]{--bg:#1e1f29;--surface:#282a36;--surface-2:#232530;--tint:#343746;--tint-2:#44475a;--border:#3d4056;--border-h:#5a5e7a;--accent:#bd93f9;--accent-h:#cfadfb;--accent-text:#cfadfb;--on-accent:#1e1f29;--text:#f8f8f2;--muted:#a6accd;--faint:#6272a4;--ring:#bd93f93d;--shadow:0 12px 40px #0006;--danger:#ff7a8a;--danger-bg:#3d2230;--danger-border:#7a3a52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=terminal]{--bg:#000;--surface:#070d07;--surface-2:#040804;--tint:#0f1f0f;--tint-2:#183018;--border:#1d3a1d;--border-h:#2f6a2f;--accent:#39ff5a;--accent-h:#7dff8f;--accent-text:#5cff78;--on-accent:#001a00;--text:#b8ffb8;--muted:#6fbf6f;--faint:#3f7a3f;--ring:#39ff5a38;--shadow:0 0 40px #39ff5a14;--danger:#ff5a5a;--danger-bg:#2a0d0d;--danger-border:#6a2020;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,SF Mono,Consolas,monospace}:root{--radius:14px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=terminal]{font-family:ui-monospace,SF Mono,Consolas,monospace}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;transition:background .2s}#root{place-items:center;min-height:100vh;padding:32px 16px 88px;display:grid}.card{border:1px solid var(--border);background:var(--surface);width:100%;max-width:720px;box-shadow:var(--shadow);border-radius:24px;padding:36px}h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700}h3{margin:32px 0 14px;font-size:16px;font-weight:700}h2,h3,p{overflow-wrap:anywhere}p{line-height:1.6}.eyebrow,.section-label{color:var(--accent-text);letter-spacing:.12em;margin:0;font-size:11px;font-weight:700}.section-label{margin:24px 0 10px}.muted,.waiting-message,.divider{color:var(--muted);font-size:14px;line-height:1.6}.connection{background:var(--tint);color:var(--accent-text);border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.status-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--accent);box-shadow:0 0 0 3px var(--ring)}label{margin:22px 0 8px;font-size:14px;font-weight:600;display:block}input,button,textarea{width:100%;font:inherit;border-radius:12px;padding:14px 16px}input,textarea{border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,textarea:hover:not(:disabled){border-color:var(--border-h)}input:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring);outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:1.5px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;margin-top:14px;font-weight:700;transition:background .15s,border-color .15s,transform .1s}button:hover:not(:disabled){background:var(--accent-h);border-color:var(--accent-h)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{border-color:var(--border);background:var(--tint);color:var(--accent-text)}.secondary:hover:not(:disabled){border-color:var(--border-h);background:var(--tint-2)}.divider{text-align:center;letter-spacing:.08em;margin:32px 0 0;font-size:12px;font-weight:600}.room-header{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:24px;display:flex}.room-header p{margin:0 0 4px}.room-code{color:var(--accent-text);letter-spacing:.2em;margin:0;font-size:clamp(26px,6vw,34px);font-weight:800}.badge{background:var(--tint);color:var(--accent-text);border-radius:999px;margin:0;padding:7px 14px;font-size:12px;font-weight:600;display:inline-block}.lobby{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;margin-top:28px;padding:24px}.lobby h2{margin-top:0}.lobby .section-label{margin-top:20px}.lobby .muted{margin:8px 0}.waiting-message{text-align:center;margin:16px 0 0}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;align-items:center;gap:4px;padding:20px 8px;display:flex}.stat strong{color:var(--accent-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(24px,5vw,36px);font-weight:800}.stat span{color:var(--muted);font-size:12px;font-weight:500}.countdown{color:var(--accent-text);text-align:center;margin:32px 0 16px;font-size:clamp(26px,6vw,36px)}.race-text{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--faint);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;padding:22px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:20px;line-height:1.9}.correct{color:var(--text);font-weight:600}.incorrect{color:var(--danger);background:var(--danger-bg);border-radius:3px}.current-character{background:var(--tint-2);border-bottom:2px solid var(--accent);border-radius:3px 3px 0 0}textarea{resize:vertical;min-height:130px;font-family:ui-monospace,SF Mono,Consolas,monospace;line-height:1.6}textarea:disabled{opacity:.55;cursor:not-allowed}textarea[aria-invalid=true]{border-color:var(--danger)}textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--danger-bg)}.players{margin:0;padding:0;list-style:none}.player{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin-bottom:10px;padding:16px 18px}.player.winner{border-color:var(--accent);background:var(--tint);box-shadow:0 0 0 3px var(--ring)}.player-row,.player-stats{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.player-row>strong{color:var(--accent-text);font-variant-numeric:tabular-nums;flex-shrink:0}.host-label{background:var(--accent);color:var(--on-accent);vertical-align:middle;border-radius:6px;margin-left:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}progress{appearance:none;background:var(--tint-2);width:100%;height:10px;accent-color:var(--accent);border:0;border-radius:999px;margin-top:12px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--tint-2);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px;transition:width .2s}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.player-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-top:10px;font-size:13px}.result{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:18px;margin-top:28px;padding:26px 24px}.result .eyebrow{color:inherit;opacity:.8}.result h2{margin:10px 0;font-size:clamp(24px,5vw,32px)}.result p:last-child{opacity:.9;margin-bottom:0}.rematch-panel{text-align:center;margin-top:8px}.rematch-panel .muted{margin:10px 0 0}.metric-note{border-top:1px solid var(--border);color:var(--muted);margin:24px 0 0;padding-top:16px;font-size:12px;line-height:1.7}.error{color:var(--danger);margin:8px 0 0;font-size:14px;line-height:1.6}.error-banner{border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:12px;margin-top:24px;padding:12px 16px}.theme-switcher{z-index:50;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.theme-switcher button{width:auto;margin:0}.theme-switcher .theme-toggle{border:1.5px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.theme-switcher .theme-toggle:hover:not(:disabled){background:var(--tint);border-color:var(--border-h)}.theme-panel{border:1px solid var(--border);background:var(--surface);width:min(300px,100vw - 32px);max-height:min(60vh,460px);box-shadow:var(--shadow);border-radius:18px;gap:4px;padding:8px;display:grid;overflow-y:auto}.theme-panel[hidden]{display:none}.theme-switcher .theme-option{width:100%;color:var(--text);text-align:left;background:0 0;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.theme-switcher .theme-option:hover:not(:disabled){background:var(--tint);border-color:#0000}.theme-switcher .theme-option[aria-pressed=true]{background:var(--tint);border-color:var(--accent)}.theme-swatch{border:1px solid var(--border-h);border-radius:8px;flex-shrink:0;align-items:center;gap:5px;width:52px;height:26px;padding:0 8px;display:inline-flex}.theme-swatch i{border-radius:999px;display:block}.theme-swatch i:first-child{width:10px;height:10px}.theme-swatch i:last-child{width:16px;height:4px}@media (width<=480px){#root{padding:16px 12px 88px}.card{border-radius:20px;padding:22px 18px}.lobby{padding:18px}.stats-grid{gap:8px}.race-text{padding:14px;font-size:17px}.player{padding:12px 14px}.theme-switcher{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}