.game{display:flex;flex-direction:column;align-items:center;gap:0}.game__bezel{position:relative;width:100%;max-width:58rem;border:1px solid var(--rule);background:#06050f;padding:10px;line-height:0}.game canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.game .banner{position:absolute;inset:10px;display:grid;place-content:center;gap:.5rem;text-align:center;background:#06050fa6;font-family:var(--font-mono);line-height:1.5;padding:1rem}.game .banner[hidden]{display:none}.game .banner strong{display:block;font-size:clamp(1.1rem,3.4vw,1.6rem);letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#f2e7da}.game .banner span{font-size:.78rem;color:#a396b8;letter-spacing:.08em}.game .banner.is-pop strong{color:#e8455c}.game .banner.is-clear strong{color:#ffb14e}.game__instruments{width:100%;max-width:58rem;border:1px solid var(--rule);border-top:0;background:#161230;display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.game__gauge{padding:.7rem .9rem;display:flex;flex-direction:column;gap:.45rem;border-right:1px solid var(--rule)}.game__gauge:last-child{border-right:0}.game__label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#a396b8}.game__value{font-family:var(--font-mono);font-size:.95rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f2e7da}.game .blocks{display:flex;gap:2px;height:10px}.game .blocks i{flex:1;background:#2e2860}.game .blocks i.on{background:#ff6b3d}.game .blocks.tilt i.on{background:#8a6bd8}.game button,.game-levels button{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f2e7da;background:0 0;border:1px solid var(--rule);padding:.5rem .85rem;cursor:pointer;transition:border-color 140ms ease,color 140ms ease}.game button:hover,.game-levels button:hover{border-color:#ffb14e;color:#ffb14e}.game button:focus-visible,.game-levels button:focus-visible{outline:2px solid #ffb14e;outline-offset:2px}.game button[aria-pressed=true],.game-levels button[aria-pressed=true]{border-color:#ffb14e;color:#241703;background:#ffb14e}.game .snd{padding:.2rem .6rem;align-self:start;font-size:.68rem}.game__touch{display:none;gap:.5rem;width:100%;max-width:58rem;margin-top:.75rem}.game__touch button{flex:1;padding:1.1rem 0;font-size:.8rem}@media(hover:none) and (pointer:coarse){.game__touch{display:flex}}.game-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2rem,5vw,3rem)}.game-notes h2{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 .85rem;font-weight:700}.game-keys{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:baseline}.game-keys dt{font-family:var(--font-mono);font-size:.72rem;color:var(--ink);white-space:nowrap}.game-keys dd{margin:0;font-size:.88rem;color:var(--ink-soft)}.game-levels{display:flex;flex-wrap:wrap;gap:.5rem}@media(prefers-reduced-motion:reduce){.game button,.game-levels button{transition:none}}