:root{--bg: #0b0e14;--surface: #12161f;--surface-raised: #1a2030;--border: #262d3d;--text: #f1f3f5;--text-muted: #8b94a7;--accent-light: #e8ff59;--accent-danger: #ff3d81;--accent-info: #4c7eff;--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-s: 8px;--radius-m: 14px;--radius-l: 28px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}body{background-image:radial-gradient(circle at 15% 0%,rgba(76,126,255,.12),transparent 45%),radial-gradient(circle at 85% 100%,rgba(232,255,89,.08),transparent 40%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;letter-spacing:-.01em}button,input{font-family:inherit}kbd{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-size:.85em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 16px 2px #e8ff59b3}.brand-name{font-family:var(--font-display);font-weight:700;letter-spacing:.16em;font-size:14px}.conn-pill{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.conn-pill.is-online .conn-dot{background:#4ade80;box-shadow:0 0 8px 1px #4ade80b3}.app-main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:40px 24px 80px}.hero-panel{padding:48px 8px 32px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent-info);margin:0 0 12px}.hero-panel h1{font-size:clamp(32px,5vw,52px);line-height:1.08}.hero-copy{color:var(--text-muted);max-width:560px;margin-top:18px;line-height:1.6}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:24px;margin-top:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.field-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.name-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:24px;max-width:420px}.create-room-row{display:flex;gap:10px}input[type=text]{flex:1;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:12px 14px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease}input[type=text]:focus{border-color:var(--accent-info)}.btn{border:none;border-radius:var(--radius-s);padding:12px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .1s ease,opacity .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-light);color:#0b0e14}.btn-secondary{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-small{padding:8px 12px;font-size:13px}.link-button{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#ff3d811f;border:1px solid var(--accent-danger);color:#ffd7e6;border-radius:var(--radius-s);padding:12px 16px;margin:16px 0;font-size:14px}.error-banner button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;line-height:1}.empty-state{text-align:center;padding:32px 8px;color:var(--text-muted)}.empty-state-sub{font-size:13px;margin-top:4px}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.room-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:14px 16px;flex-wrap:wrap;gap:10px}.room-row-main{display:flex;align-items:center;gap:10px}.room-row-name{font-weight:600}.room-row-status{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;color:var(--text-muted);border:1px solid var(--border)}.room-row-status.status-idle{color:var(--accent-info);border-color:var(--accent-info)}.room-row-meta{display:flex;align-items:center;gap:14px}.room-row-players{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.room-loading{padding:80px 0;text-align:center;color:var(--text-muted)}.game-room-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.game-room-actions{display:flex;gap:10px}.host-wait-hint{color:var(--text-muted);font-size:14px;margin:8px 0 0}.game-room-body{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:28px;align-items:start}@media (max-width: 760px){.game-room-body{grid-template-columns:1fr}}.arena{display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l)}.arena-disc{width:min(280px,60vw);height:min(280px,60vw);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface-raised);border:2px solid var(--border);transition:background .15s ease,box-shadow .15s ease,transform .15s ease;padding:24px}.arena-disc-inner{display:flex;flex-direction:column;gap:8px}.arena-status-label{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-muted)}.arena-disc.status-idle{background:radial-gradient(circle,var(--surface-raised),var(--surface))}.arena-disc.status-countdown{border-color:var(--accent-info);animation:arena-pulse-info 1.1s ease-in-out infinite}.arena-disc.status-countdown .arena-status-label{color:var(--accent-info)}.arena-disc.status-live{background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 0 60px 12px #e8ff598c;transform:scale(1.04);animation:arena-flash .25s ease-out}.arena-disc.status-live .arena-status-label{color:#0b0e14;font-size:22px}.arena-disc.status-result{border-color:var(--border)}.arena-result-label{font-family:var(--font-display);font-weight:700;font-size:17px}.arena-result-time{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--accent-light)}.arena-result-time.is-false-start{color:var(--accent-danger);font-size:16px}.arena-hint{margin-top:22px;color:var(--text-muted);font-size:13px}@keyframes arena-pulse-info{0%,to{box-shadow:0 0 #4c7eff59}50%{box-shadow:0 0 0 14px #4c7eff00}}@keyframes arena-flash{0%{transform:scale(.9)}to{transform:scale(1.04)}}.scoreboard{margin-top:0}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:10px 12px;gap:10px}.player-row.is-disconnected{opacity:.5}.player-row-identity{display:flex;align-items:center;gap:8px;min-width:0}.player-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.player-dot.is-connected{background:#4ade80}.player-row-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.tag-you,.tag-host{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;border:1px solid var(--border);color:var(--text-muted)}.tag-host{color:var(--accent-light);border-color:var(--accent-light)}.player-row-stats{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;flex-shrink:0}.player-row-wins{color:var(--text-muted)}.player-row-time{color:var(--text);font-weight:700}.player-row-time.is-false-start{color:var(--accent-danger)}