*{box-sizing:border-box}html,body{margin:0;background:#11191f;color:#dce2dd;font-family:system-ui,sans-serif;width:100%;height:100%;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#253139;border:1px solid #52616a;border-radius:7px;min-height:44px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d6ba80;outline-offset:2px}button[aria-pressed=true]{background:#806d47;border-color:#e2c58e}#climb{height:100dvh;min-height:360px;max-width:1100px;margin:auto;position:relative;overflow:hidden;touch-action:none}canvas{position:absolute;width:100%;height:100%}header{position:absolute;top:max(12px,env(safe-area-inset-top));left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}header a{color:#bbc9cb;text-decoration:none;min-height:44px;display:grid;align-items:center}header span{text-align:center}small{display:block;font-size:10px;letter-spacing:.6px;line-height:1.5;color:#aab8ba}header button{width:44px}#hud{position:absolute;top:76px;left:22px;right:22px;font-size:11px;pointer-events:none}#hud>div:not(.meter){display:flex;align-items:center;justify-content:space-between;gap:8px}#progress{font-size:22px;font-weight:500}#zone{letter-spacing:2px;color:#cbb98e}.meter{height:6px;background:#303a40;margin:12px 0 8px;border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:#d5bd85}#cue{color:#a5b7bb;line-height:1.4;font-size:12px;max-width:400px}#controls{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:18px;right:18px;display:flex;flex-direction:column;gap:9px}#controls>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}#controls [data-action]{height:66px;letter-spacing:1px;font-size:14px;background:#1e2a32eb}#controls [data-action][aria-pressed=true]{background:#776746}#thrust-mode{align-self:flex-end;font-size:11px;padding:5px 16px;min-height:40px;background:#18232bdd}#overlay{z-index:5;position:absolute;inset:60px 12px 140px;display:flex;align-items:center;justify-content:center;background:#11191f77}#overlay[hidden]{display:none}.panel{width:420px;max-width:100%;max-height:100%;overflow:auto;background:#152128f5;border:1px solid #415058;border-radius:12px;padding:25px;text-align:center;box-shadow:0 20px 60px #0005}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#b2c1c4}h1{font-size:44px;line-height:.98;font-weight:400;letter-spacing:3px;margin:20px 0}h1 em{font-style:normal;color:#d4bb83}h2{font-size:30px;font-weight:450}p{line-height:1.6;font-size:14px}.help{font-size:12px;color:#b5c2c6}.primary{background:#ceba8d;color:#19242a;width:100%;font-weight:600;margin:8px 0 15px}#result-actions{display:grid;gap:8px}.panel small{margin-top:10px}#retry{width:100%}@media(max-height:600px){header{top:4px}#hud{top:54px;right:52%;font-size:9px}#hud #progress{font-size:16px}#cue{font-size:10px}#controls{left:52%;bottom:8px}#controls [data-action]{height:48px;font-size:11px}#controls small{font-size:8px}#overlay{inset:48px 15% 15px}.panel{padding:15px}h1{font-size:28px;margin:8px}.help,p{font-size:11px;margin:8px 0}}