*{box-sizing:border-box}html,body{margin:0;height:100%;background:#120805;color:#f4e8da;font-family:system-ui,sans-serif}#app{position:relative;height:100%;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}.screen{position:absolute;inset:0;display:grid;place-content:center;gap:.7rem;text-align:center;padding:1.2rem;overflow:auto;z-index:10;background:radial-gradient(ellipse at center,#120805b3,#0a0502ed)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:#ffab5c}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:36rem;color:#e0d2c0}.how{margin:0 auto;max-width:36rem;font-size:.88rem;color:#d8c8b4}.primary{justify-self:center;padding:.75rem 1.7rem;border-radius:999px;border:1px solid #ff9a3d;background:#ff9a3d;color:#1a0d04;font:inherit;font-weight:700;cursor:pointer}.ghost{padding:.75rem 1.5rem;border-radius:999px;border:1px solid #a89480;background:transparent;color:#f4e8da;font:inherit;font-weight:600;cursor:pointer}.hint{margin:0;font-size:.8rem;color:#c8b8a4}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffb94e}.score-line{margin:0;font-weight:700}#levels{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}#levels button{display:grid;gap:.15rem;min-width:7.8rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid #6a4426;background:#1a0e08cc;color:#f4e8da;cursor:pointer;font:inherit}#levels button[aria-checked=true]{border-color:#ff9a3d;background:#ff9a3d33;box-shadow:0 0 0 1px #ff9a3d inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#d8c8b4}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}#hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.35rem;padding:max(.6rem,env(safe-area-inset-top)) .7rem max(.6rem,env(safe-area-inset-bottom))}#hud[hidden]{display:none}.hud-row{display:flex;gap:.45rem;align-items:stretch}.meter{position:relative;flex:1;min-width:0;height:1.65rem;border-radius:999px;overflow:hidden;background:#0e0704d1;border:1px solid #6a4426}.meter i{position:absolute;inset:0 auto 0 0;width:100%;background:#ff9a3d8c;transition:width .15s}.meter.surge i{background:#78c8ff80}.meter.surge.ready{border-color:#9fd8ff}.meter span{position:relative;z-index:1;display:block;padding:.2rem .7rem;font-size:.78rem;font-weight:700;white-space:nowrap}.chips span{background:#0e0704d1;border:1px solid #6a4426;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;white-space:nowrap}.chips span.low{color:#ff9a8a;border-color:#ff6a50}.chips span.hot{color:#ffd45a;border-color:#ffd45a}#mute-btn{pointer-events:auto;padding:.2rem .7rem;border-radius:999px;border:1px solid #6fd6c0;background:#0e0704d1;color:#7fe6d0;font:inherit;font-size:.78rem;cursor:pointer}.track{height:5px;border-radius:999px;background:#0e0704d1;overflow:hidden}.track i{display:block;height:100%;width:0;background:#7dffb0}#banner{position:absolute;top:5.6rem;left:50%;transform:translate(-50%);margin:0;padding:.4rem 1rem;border-radius:999px;background:#a82814f0;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.85rem;text-align:center;max-width:92vw;animation:pulse .7s ease-in-out infinite alternate}#banner[hidden]{display:none}#toast{position:absolute;top:30%;left:0;right:0;margin:0;text-align:center;font-weight:800;font-size:1.3rem;color:#ffe08a;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .35s}#toast.show{opacity:1}#flash{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,60,20,.55));transition:opacity .35s}#flash.on{opacity:1;transition:none}.touch-controls{position:absolute;left:0;right:0;bottom:max(.8rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;padding:0 .9rem;pointer-events:none}.touch-controls[hidden]{display:none}.touch-controls button{pointer-events:auto;touch-action:none;width:76px;height:76px;border-radius:50%;border:1px solid #ff9a3d;background:#120805b8;color:#ffb86a;font-size:1.5rem;cursor:pointer;user-select:none}.touch-controls #touch-surge{width:92px;height:92px;font-size:.9rem;font-weight:800;border-color:#9fd8ff;color:#bfe6ff;opacity:.6}.touch-controls #touch-surge.ready{opacity:1;background:#3c78aa99;color:#fff}@keyframes pulse{to{transform:translate(-50%) scale(1.04)}}@media(prefers-reduced-motion:reduce){#banner{animation:none}#toast,#flash{transition:none}}