.game-ui{--run-control-width:112px;color:#12364b;pointer-events:none;font-family:system-ui,sans-serif;position:absolute;inset:0}.game-ui [hidden]{display:none!important}.game-ui h1,.game-ui h2,.game-ui p{margin:0;position:static}.game-ui h1{font-size:clamp(1.1rem,3vw,1.65rem)}.game-ui h2{margin-bottom:.5rem;font-size:1.1rem}.game-header{padding:max(.6rem, env(safe-area-inset-top)) max(.8rem, env(safe-area-inset-right)) .6rem max(.8rem, env(safe-area-inset-left));background:#f2faffed;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-header span{font-size:.9rem;font-weight:700}.game-hud{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));right:calc(max(.75rem, env(safe-area-inset-right)) + var(--run-control-width) + 12px);box-sizing:border-box;background:#f2faffed;border:1px solid #c1d9e5;border-radius:.85rem;gap:.45rem;max-width:460px;padding:.65rem .75rem;font-size:.8rem;display:grid;position:absolute;box-shadow:0 3px 14px #173f5618}.hud-level{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.hud-readouts{grid-template-columns:1.2fr 1.2fr 1fr;gap:.3rem;font-weight:650;display:grid}.hud-readouts span{white-space:nowrap;min-width:0}.hud-progress-label{color:#36596b;justify-content:space-between;margin-bottom:.2rem;font-size:.68rem;display:flex}.hud-progress-label [data-finish-marker]:before{content:"⚑ "}.hud-progress progress{accent-color:#16718a;background:#d6e5ed;border:none;border-radius:1rem;width:100%;height:7px;display:block;overflow:hidden}.hud-progress progress::-webkit-progress-bar{background:#d6e5ed}.hud-progress progress::-webkit-progress-value{background:#16718a;border-radius:1rem}.hud-progress progress::-moz-progress-bar{background:#16718a;border-radius:1rem}.game-ui [data-pause]{top:calc(max(.75rem, env(safe-area-inset-top)) + 52px);right:max(.75rem, env(safe-area-inset-right));width:var(--run-control-width);height:44px;font-size:.8rem;position:fixed}.game-ui[data-phase=running] .game-header{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));background:0 0;padding:0;position:absolute}.game-ui[data-phase=running] .game-header h1,.game-ui[data-phase=running] [data-wallet]{display:none}.game-ui[data-phase=running] [data-mute]{width:var(--run-control-width);white-space:nowrap;height:44px;padding:.3rem}@media (width<=600px){.game-hud{gap:.35rem;padding:.5rem;font-size:.7rem}.hud-level{font-size:.75rem}.hud-readouts{grid-template-columns:1.15fr 1fr;row-gap:.25rem}.hud-readouts [data-speed]{grid-row:2}.hud-readouts [data-coins]{text-align:right;grid-area:1/2}}.game-ui button{pointer-events:auto;color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#175777;border:2px solid #175777;border-radius:.6rem;padding:.5rem .75rem;font-weight:650}.game-ui button:focus-visible{outline-offset:3px;outline:3px solid #d65c00}.game-ui button:disabled{color:#495d68;cursor:default;background:#d6e1e7;border-color:#a5b8c3}.game-ui button.secondary{color:#175777;background:#fff}.menu-panel{pointer-events:auto;box-sizing:border-box;background:#f8fcffef;border:1px solid #b5cedc;border-radius:1rem;width:min(520px,100% - 24px);max-height:calc(100% - 100px);padding:1rem;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 8px 30px #173f562a}.menu-panel section+section{margin-top:1rem}.menu-panel p{margin:.5rem 0;line-height:1.35}.shop-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.shop-grid>div{flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.shop-grid button{font-size:.85rem}.shop-grid small{text-align:center}.charge-display{background:#f8fcffed;border-radius:.6rem;padding:1rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.charge-display label{align-items:center;gap:.5rem;display:flex}.storage-notice{bottom:max(.5rem, env(safe-area-inset-bottom));background:#fff0c8;border-radius:.5rem;padding:.5rem;font-size:.8rem;left:.75rem;right:.75rem;position:absolute!important}@media (width<=400px){.menu-panel{padding:.75rem}.shop-grid{gap:.35rem}.shop-grid button{padding:.4rem}}@media (height<=450px){.menu-panel{max-height:calc(100% - 70px);padding:.65rem;top:60px;transform:translate(-50%)}.menu-panel section+section{margin-top:.6rem}}.game-hud span{font-variant-numeric:tabular-nums}.steering-controls{inset-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));justify-content:space-between;gap:1rem;display:flex;position:absolute}.steering-controls button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:96px;min-height:64px;font-size:1.1rem}.game-ui:has(.storage-notice:not([hidden])) .steering-controls{bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 4rem)}.menu-panel{overscroll-behavior:contain}.game-ui[data-fallen=true] .menu-panel{top:max(70px, calc(env(safe-area-inset-top) + 60px));max-height:40%;padding:.65rem .8rem;transform:translate(-50%)}.game-ui[data-fallen=true] .menu-panel p{margin:.3rem 0;font-size:.8rem}@media (height<=450px){.steering-controls button{min-height:56px}}.header-settings{align-items:center;gap:.5rem;display:flex}.header-settings button{padding:.3rem .5rem;font-size:.8rem}@media (width<=480px){.game-header{flex-wrap:wrap}.header-settings{margin-left:auto}}.game-ui[data-phase=ready] .menu-panel{top:auto;bottom:max(.75rem, env(safe-area-inset-bottom));max-height:34%;padding:.65rem .8rem;transform:translate(-50%)}.game-ui[data-phase=ready] .menu-panel h2{margin-bottom:.2rem;font-size:.95rem}.game-ui[data-phase=ready] .menu-panel p{margin:.25rem 0;font-size:.8rem}.game-ui[data-phase=ready] .menu-panel section+section{margin-top:.5rem}.game-ui[data-phase=ready] [data-ready]{grid-template-columns:1fr auto;align-items:center;column-gap:.5rem;display:grid}.game-ui[data-phase=ready] [data-ready] p{grid-column:1}.game-ui[data-phase=ready] [data-launch]{grid-area:1/2/3;font-size:.75rem}.game-ui[data-phase=ready] [data-shop] h2{display:none}.game-ui[data-phase=ready] [data-best],.game-ui[data-phase=ready] [data-reset]{font-size:.75rem}.charge-display{padding:.5rem .75rem;font-size:.85rem;top:17%;bottom:auto}.charge-display strong{font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.pull-cue{white-space:nowrap;background:#f8fcffdc;border-radius:2rem;padding:.35rem .6rem;font-size:.85rem;font-weight:650;top:49%;left:50%;transform:translate(-50%);position:absolute!important}@media (height<=450px){.game-ui[data-phase=ready] .menu-panel{width:min(310px,40%);max-height:calc(100% - 75px);inset:65px .5rem .5rem auto;transform:none}.game-ui[data-phase=ready] [data-ready]{display:block}.game-ui[data-phase=ready] .shop-grid{grid-template-columns:1fr;gap:.3rem}.game-ui[data-phase=ready] .shop-grid>div{grid-template-columns:1fr 1fr;align-items:center;gap:.2rem;display:grid}.game-ui[data-phase=ready] .shop-grid small{grid-column:1/-1}.pull-cue,.charge-display{left:auto;right:calc(min(310px,40%) + 1rem);transform:none}.pull-cue{top:28%}.charge-display{top:19%}}.slide-cue{bottom:max(5rem, env(safe-area-inset-bottom));white-space:nowrap;pointer-events:none;background:#f8fcffdc;border-radius:2rem;padding:.45rem .8rem;font-size:.9rem;left:50%;transform:translate(-50%);position:absolute!important}.upgrade-card{background:#fff9;border:1px solid #b5cedc;border-radius:.7rem;flex-direction:column;gap:.3rem;min-width:0;padding:.45rem;display:flex}.upgrade-title{align-items:center;gap:.3rem;font-size:.8rem;display:flex}.upgrade-title svg{fill:none;stroke:#b05a21;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:25px;height:25px}.upgrade-card [data-level]{font-size:.7rem}.rank-pips{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;display:grid}.rank-pips i{background:#d7e4ea;border-radius:2px;height:5px}.rank-pips i.filled{background:#b05a21}.upgrade-card .upgrade-effect{text-align:left;min-height:2.4em;font-size:.7rem;line-height:1.2}.upgrade-card button{margin-top:auto}.ready-level{color:#4a6778;font-size:.75rem}.game-ui[data-phase=ready] .menu-panel{max-height:37%}.game-ui[data-phase=ready] [data-ready] .ready-level{grid-column:1}.game-ui[data-phase=ready] [data-launch]{grid-row:1/4}.game-ui[data-phase=ready] [data-ready] p{font-size:.72rem}.game-ui[data-phase=ready] .upgrade-card{gap:.2rem;padding:.3rem}.game-ui[data-phase=ready] .upgrade-card button{padding:.3rem;font-size:.75rem}.game-ui[data-phase=ready] .upgrade-card small{font-size:.68rem}@media (height<=450px){.game-ui[data-phase=ready] .menu-panel{max-height:calc(100% - 75px)}.game-ui[data-phase=ready] .upgrade-card{grid-template-columns:1fr auto;align-items:center;display:grid}.game-ui[data-phase=ready] .upgrade-title{grid-column:1}.game-ui[data-phase=ready] .upgrade-card button{grid-area:1/2/5}.game-ui[data-phase=ready] .rank-pips{grid-column:1}.game-ui[data-phase=ready] .upgrade-card .upgrade-effect{grid-column:1;min-height:0}.game-ui[data-phase=ready] .upgrade-card [data-price]{grid-column:2}}.best-marker-label{box-sizing:border-box;color:#fff;text-align:center;pointer-events:none;background:#0b5966ed;border-radius:.4rem;max-width:180px;padding:.25rem .45rem;font:650 .7rem system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}.best-marker-label[hidden]{display:none}.game-ui[data-phase=results] .menu-panel{top:max(76px, calc(env(safe-area-inset-top) + 68px));left:max(.75rem, env(safe-area-inset-left));width:min(370px,100% - 24px);max-height:40%;padding:.7rem .8rem;transform:none}.game-ui[data-phase=results] .menu-panel h2{margin-bottom:.25rem;font-size:1rem}.game-ui[data-phase=results] .menu-panel p{margin:.3rem 0;font-size:.78rem}.game-ui[data-phase=results] [data-results]{position:relative}.game-ui[data-phase=results] .result-outcome{color:#4a6778;font-weight:650}.game-ui[data-phase=results] .result-record{color:#086466;font-size:.92rem;font-weight:800}.game-ui[data-phase=results] [data-retry]{width:100%;margin-top:.25rem}.record-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.record-confetti i{top:0;left:calc(var(--piece) * 6% + 2%);opacity:0;width:6px;height:9px;animation:record-fall 1.5s ease-out calc(var(--piece) * 35ms) 1;background:#cc8a15;position:absolute}.record-confetti i:nth-child(2n){background:#087f83}.record-confetti i:nth-child(3n){background:#d45661}@keyframes record-fall{0%{opacity:.85;transform:translateY(-12px)rotate(0)}80%{opacity:.7}to{opacity:0;transform:translateY(150px)rotate(230deg)}}@media (width>=800px) and (height>=451px){.game-ui[data-phase=results] .menu-panel{max-height:calc(100% - 100px)}}@media (width<=480px){.game-ui[data-phase=results] .menu-panel{top:max(100px, calc(env(safe-area-inset-top) + 92px))}}@media (height<=450px){.game-ui[data-phase=results] .menu-panel{width:min(310px,43%);max-height:calc(100% - 75px);top:65px;left:auto;right:.5rem}.game-ui[data-phase=results] .shop-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.record-confetti{display:none}.record-confetti i{animation:none}}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#12364b;font-family:system-ui,sans-serif}#app{position:relative}.game-scene{touch-action:none;position:absolute;inset:0}canvas{display:block}.dev-state{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}
