*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1a0f08;color:#f0e8dc}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%}.screen{position:absolute;inset:0;display:grid;place-content:center;gap:.75rem;text-align:center;padding:2rem;z-index:5;background:radial-gradient(ellipse at center,#1a0f08b8,#0a0604f5)}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#ff7a3c}h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);line-height:1;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:34rem;color:#d8c8b8}.primary{justify-self:center;padding:.7rem 1.6rem;border-radius:999px;border:1px solid #ff7a3c;background:#ff7a3c;color:#1a0f08;font-weight:700;cursor:pointer}.hint{margin:0;font-size:.8rem;color:#c4b4a4}#hud{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:auto auto 1fr auto;gap:.4rem;padding:.75rem}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.hud-top span{background:#0a0604cc;border:1px solid #5a3a20;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.hud-top span.hot{color:#ff9a5a;border-color:#ff7a3c}.hud-top button{pointer-events:auto}.gauge-track{position:relative;height:18px;background:#0a0604d9;border:1px solid #5a3a20;border-radius:9px;overflow:hidden}.gauge-green{position:absolute;top:0;bottom:0;left:var(--gmin, 40%);width:var(--gw, 25%);background:#50c87880}.gauge-track:after{content:"";position:absolute;top:0;bottom:0;left:var(--pmin, 50%);width:var(--pw, 8%);background:#fff5968c}#gauge-fill{position:absolute;top:0;bottom:0;left:0;width:0%;background:#ffe08a}#hud-status{margin:.25rem 0;text-align:center;font-size:.85rem;color:#ffd8a8;min-height:1em}.touch-controls{pointer-events:auto;display:flex;gap:.75rem;justify-content:center;padding-bottom:.5rem}.touch-controls button{padding:1rem 1.5rem;border-radius:14px;border:1px solid #ff7a3c;background:#ff7a3c2e;color:#ffe8d0;font-weight:700;font-size:1rem;cursor:pointer;touch-action:manipulation}#bloom-btn{border-color:#ffe08a;background:#ffe08a26}.touch-controls button.ready{background:#ff7a3c;color:#1a0f08}#bloom-btn.ready{background:#ffe08a;color:#1a0f08}#mute-btn{padding:.35rem .8rem;border-radius:999px;border:1px solid #6fd6c0;background:transparent;color:#6fd6c0;cursor:pointer;font-size:.8rem}.touch-controls[hidden]{display:none}#quench-btn{border-color:#7fb8ff;background:#7fb8ff26}#quench-btn:disabled{opacity:.4}#jam-banner{margin:0 auto;padding:.4rem 1rem;border-radius:999px;background:#be3c1eeb;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.85rem;text-align:center;animation:jam .7s ease-in-out infinite alternate}#jam-banner[hidden]{display:none}@keyframes jam{to{transform:scale(1.04)}}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.6rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #5a3a20;background:#1a0f08bf;color:#f2e8e0;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#ff7a3c;background:#ff7a3c2e;box-shadow:0 0 0 1px #ff7a3c inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#d0bfae}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.ghost{padding:.7rem 1.4rem;border-radius:999px;border:1px solid #8a7060;background:transparent;color:#f2e8e0;font-weight:600;cursor:pointer}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffb04e}.score-line{margin:0;font-weight:700}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,3,2,.5))}@media(prefers-reduced-motion:reduce){#jam-banner{animation:none}}.screen[hidden]{display:none}#hud{z-index:4}#jam-banner{position:absolute;top:6.4rem;left:50%;transform:translate(-50%);max-width:92vw}@keyframes jam{to{transform:translate(-50%) scale(1.04)}}