:root{color-scheme:dark;--amber: #ffb03a;--ink: #f6e9dc;--dim: #d9c3b2;--panel: rgba(14, 7, 4, .9);--line: #6a3c20}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0605;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{position:relative;height:100dvh;overflow:hidden}#stage{display:block;width:100%;height:100%;touch-action:none}button{font:inherit}button:focus-visible{outline:2px solid #ffd45a;outline-offset:3px}#heat-veil,#hit-flash{position:absolute;inset:0;pointer-events:none;z-index:2}#heat-veil{opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,60,10,.55));transition:opacity .25s linear}#hit-flash{opacity:0;background:radial-gradient(ellipse at center,#ff281426,#ff1e0a99)}#hit-flash.on{animation:flash .42s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}#hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;padding:max(.6rem,env(safe-area-inset-top)) .7rem max(.7rem,env(safe-area-inset-bottom));gap:.4rem}#hud[hidden]{display:none}.hud-top{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.22rem .7rem;font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.pill.hot{border-color:#ff7a3c;color:#ffb27a}.pill b{min-width:1.6em;text-align:right}.k{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.meter{display:inline-block;width:4.4rem;height:.55rem;border-radius:999px;background:#ffffff24;overflow:hidden}.fill{display:block;height:100%;width:0%;transition:width .1s linear}.fill.health{background:linear-gradient(90deg,#6fd6c0,#9ff0d8)}.fill.heat{background:linear-gradient(90deg,#ffb03a,#ff5a10,#ff2020)}.chip{pointer-events:auto;padding:.24rem .75rem;border-radius:999px;border:1px solid #6fd6c0;background:var(--panel);color:#8fe6d2;cursor:pointer;font-size:.78rem}#altimeter{position:absolute;right:max(.6rem,env(safe-area-inset-right));top:6.5rem;bottom:12.5rem;width:.55rem;border-radius:999px;background:#ffffff29;border:1px solid var(--line)}#alt-marker{position:absolute;left:-.3rem;width:1.15rem;height:.5rem;border-radius:.25rem;background:var(--amber);bottom:0;box-shadow:0 0 8px #ffb03acc}.alt-top{position:absolute;top:-1.1rem;left:-.15rem;font-size:.8rem;color:#ffd98a;line-height:1}#banner{position:absolute;top:6.4rem;left:50%;transform:translate(-50%);margin:0;max-width:88vw;padding:.4rem 1rem;border-radius:999px;background:#aa2814f2;border:1px solid #ffd45a;color:#fff;font-weight:700;font-size:.88rem;text-align:center;animation:pulse .6s ease-in-out infinite alternate}#banner[hidden]{display:none}@keyframes pulse{to{transform:translate(-50%) scale(1.04)}}#hud-status{position:absolute;left:0;right:0;top:4.7rem;margin:0;text-align:center;font-size:.85rem;color:#ffe0b0;text-shadow:0 1px 4px #000;min-height:1em}.touch-controls{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;pointer-events:none}.touch-controls[hidden]{display:none}.pad{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;min-width:3.6rem;min-height:3.4rem;padding:.6rem .9rem;border-radius:1rem;border:1px solid rgba(255,176,58,.7);background:#1a0b06db;color:#ffd98a;font-weight:800;font-size:.9rem;letter-spacing:.06em;cursor:pointer}.touch-controls button:active,.touch-controls button.down{background:#ffb03a66}#t-left,#t-right{min-width:4.2rem;min-height:4.2rem;font-size:1.4rem}#t-climb{min-width:5.6rem;min-height:4.8rem;background:#ffb03a38;font-size:1rem}#t-quench{border-color:#7fb8ff;color:#bcdcff}#t-quench:disabled{opacity:.4}#t-ring{min-width:9rem;min-height:4.8rem;background:#ffb03a;color:#1a0b06}#t-ring[hidden]{display:none}.screen{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:.7rem;text-align:center;padding:1.5rem;overflow-y:auto;background:radial-gradient(ellipse at center,#0a06058c,#0a0605e6)}.screen[hidden]{display:none}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--amber)}h1{margin:0;font-size:clamp(2.6rem,10vw,5.2rem);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.6)}h2{margin:0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.1}.lede{margin:0 auto;max-width:34rem;color:var(--dim);line-height:1.5}.hint{margin:0;font-size:.8rem;color:#cdb8a6;max-width:36rem;line-height:1.45}.hint b{color:#ffd98a}.primary{padding:.8rem 1.9rem;border-radius:999px;border:1px solid var(--amber);background:var(--amber);color:#1a0b06;font-weight:800;font-size:1rem;cursor:pointer}.primary:active{transform:translateY(1px)}.ghost{padding:.8rem 1.5rem;border-radius:999px;border:1px solid #a8907c;background:transparent;color:var(--ink);font-weight:600;cursor:pointer}.row{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.stars{margin:0;font-size:2rem;letter-spacing:.25em;color:#ffb04e}.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:8rem;padding:.6rem .9rem;border-radius:.9rem;border:1px solid var(--line);background:#1a0b06cc;color:var(--ink);cursor:pointer}#levels button[aria-checked=true]{border-color:var(--amber);background:#ffb03a2e;box-shadow:0 0 0 1px var(--amber) inset}.lv-name{font-weight:700}.lv-meta{font-size:.72rem;color:#dcc9b8}@media(max-width:520px){.meter{width:3rem}.pill{font-size:.74rem;padding:.2rem .55rem}#altimeter{top:8.6rem;bottom:11rem}#banner{top:8.4rem}#hud-status{top:7rem}.screen{padding:1rem;gap:.55rem}}@media(prefers-reduced-motion:reduce){.fill,#heat-veil{transition:none}#banner{animation:none}#hit-flash.on{animation:none;opacity:.35}.primary:active{transform:none}}