:root{color-scheme:dark;--ink: #14121f;--violet: #6a3af2;--green: #0fbe8b;--lilac: #f0ebfe;--slate: #5c5769;--paper: #fcfbf9;--font-display: "Manrope", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--lilac);font-family:var(--font-mono);touch-action:none;-webkit-user-select:none;user-select:none}#stage{display:block;width:100%;height:100%;cursor:grab}#stage:active{cursor:grabbing}.hud{position:fixed;inset:0 0 auto;z-index:1;display:grid;gap:.35rem;padding:calc(1.25rem + env(safe-area-inset-top)) 1.5rem 0;pointer-events:none}.brand{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.1rem);font-weight:800;letter-spacing:-.04em;color:var(--paper)}.hint{margin:.35rem 0 0;max-width:22rem;font-size:.8rem;line-height:1.45;color:var(--slate)}.scores{position:fixed;top:calc(1.25rem + env(safe-area-inset-top));right:1.5rem;display:flex;gap:1.25rem;margin:0}.scores div{text-align:right}.scores dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.scores dd{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.65rem;font-weight:800;line-height:1;color:var(--paper)}#combo[data-hot=true]{color:var(--green)}