:root{--bg: #0b0b14;--surface: #15151f;--surface-raised: #1c1c29;--ink: #f4f1ea;--ink-dim: #a8a6b8;--line: #2a2a3a;--triangle: #ff5a36;--diamond: #2f6fed;--circle: #ffc93c;--square: #29c48a;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}:focus-visible{outline:3px solid var(--diamond);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.display-xl{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,4.5rem);line-height:1.05;margin:0}.display-lg{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.75rem);line-height:1.1;margin:0}.room-code{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.08em;color:var(--circle)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.btn{font-family:var(--font-display);font-weight:700;font-size:1rem;border:none;border-radius:12px;padding:14px 28px;background:var(--ink);color:var(--bg);transition:transform .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.text-input{font-size:1.1rem;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);width:100%}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:640px}.shape-tile{position:relative;display:flex;align-items:center;gap:14px;padding:20px;border:none;border-radius:16px;color:#0b0b14;font-family:var(--font-display);font-weight:700;font-size:1.05rem;text-align:left;min-height:84px;transition:transform .12s ease,filter .12s ease}.shape-tile:active{transform:scale(.98)}.shape-tile:disabled{filter:grayscale(.6) brightness(.7)}.shape-tile.dimmed{opacity:.35}.shape-tile.correct{outline:4px solid var(--ink);outline-offset:-4px}.shape-tile.tri{background:var(--triangle)}.shape-tile.dia{background:var(--diamond);color:var(--ink)}.shape-tile.cir{background:var(--circle)}.shape-tile.sq{background:var(--square)}.shape-icon{width:26px;height:26px;flex-shrink:0}.shape-icon.tri{background:currentColor;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-icon.dia{background:currentColor;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-icon.cir{background:currentColor;border-radius:50%}.shape-icon.sq{background:currentColor;border-radius:4px}.timer-ring{--pct: 1;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:1.5rem;background:conic-gradient(var(--circle) calc(var(--pct) * 360deg),var(--line) 0deg);transition:background .2s linear}.timer-ring:before{content:"";position:absolute}.timer-ring-inner{width:72px;height:72px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}.leaderboard-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);width:100%;max-width:520px}.leaderboard-rank{font-family:var(--font-mono);font-weight:700;color:var(--ink-dim);width:28px}.leaderboard-name{flex:1;text-align:left;font-weight:600}.leaderboard-score{font-family:var(--font-mono);font-weight:700;color:var(--circle)}.leaderboard-row.rank-1{border-color:var(--circle)}.player-chip{font-family:var(--font-mono);font-size:13px;padding:6px 12px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line)}.player-chip.offline{opacity:.4}