:root{--ink:#1f2a44;--gold:#ffcf2e;--accent:#ff7a2f;--good:#2ec27e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;height:100%;color:var(--ink);touch-action:none;background:#bfe6ff;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui button{pointer-events:auto;font:inherit;cursor:pointer}.hidden{display:none!important}.pill{background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 3px #1f2a442e}.icon-btn{border:none;font-size:18px}.coin-icon{background:radial-gradient(circle at 35% 35%, #fff6b0, var(--gold) 45%, #d99a00);vertical-align:middle;border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 -2px #00000026}#topbar{top:calc(var(--safe-top) + 10px);align-items:center;gap:8px;display:flex;position:absolute;left:10px;right:10px}#topbar #mute{margin-left:auto}#hud{top:calc(var(--safe-top) + 56px);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:0;right:0}#distance{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);font-size:56px;font-weight:900;line-height:1}#distance small{margin-left:2px;font-size:28px}#hud-row{gap:8px;display:flex}#fuel-wrap{background:#1f2a4459;border:2px solid #fff;border-radius:10px;width:160px;height:16px;position:relative;overflow:hidden}#fuel-bar{transform-origin:0;background:linear-gradient(90deg,#ff5a3c,#ffcf2e);width:100%;height:100%}#fuel-wrap span{color:#fff;text-align:center;letter-spacing:1px;font-size:10px;font-weight:900;line-height:12px;position:absolute;top:0;bottom:0;left:0;right:0}#best-marker{color:var(--gold);-webkit-text-stroke:1px var(--ink);font-size:22px;font-weight:900;animation:.6s ease-in-out infinite alternate pulse}#hangar{left:0;right:0;bottom:calc(var(--safe-bottom) + 12px);flex-direction:column;align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute}#plane-name{top:calc(var(--safe-top) + 58px);text-align:center;color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink);font-size:26px;font-weight:900;position:fixed;left:0;right:0}#plane-name small{-webkit-text-stroke:0;text-shadow:none;color:var(--ink);opacity:.75;font-size:13px;display:block}#hint{color:#fff;-webkit-text-stroke:1px var(--ink);text-shadow:0 2px 0 var(--ink);font-size:20px;font-weight:900;animation:1.2s ease-in-out infinite bob}#power{background:#1f2a4466;border:3px solid #fff;border-radius:10px;width:220px;height:18px;overflow:hidden}#power-fill{background:linear-gradient(90deg,#2ec27e,#ffcf2e,#ff4f3c);width:0%;height:100%}#upgrades{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:520px;display:grid}.upg{pointer-events:auto;color:var(--ink);background:#fff;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;transition:transform 80ms;display:flex;box-shadow:0 5px #c9d4e6}.upg:active{transform:translateY(3px);box-shadow:0 2px #c9d4e6}.upg .ic{font-size:24px;line-height:1}.upg .nm{font-size:14px;font-weight:900}.upg .lv{opacity:.65;font-size:11px;font-weight:700}.upg .cost{background:var(--good);color:#fff;border-radius:10px;align-items:center;gap:4px;margin-top:2px;padding:3px 8px;font-size:13px;font-weight:900;display:flex}.upg .cost .coin-icon{width:13px;height:13px}.upg.poor .cost{background:#9aa6bb}.upg.maxed .cost{background:var(--accent)}#evolve{color:#fff;background:linear-gradient(#b26bff,#7b3dff);border:none;border-radius:18px;padding:12px 22px;font-size:18px;font-weight:900;animation:.9s ease-in-out infinite alternate pulse;box-shadow:0 5px #4f22b8}#evolve.locked{background:#9aa6bb;font-size:14px;animation:none;box-shadow:0 5px #6c788d}#results{pointer-events:auto;background:#1f2a4459;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel{text-align:center;background:#fff;border-radius:26px;width:min(88vw,360px);padding:20px 22px 22px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;box-shadow:0 10px #c9d4e6}.panel h2{margin:0 0 4px;font-size:26px;font-weight:900}.res-dist{color:var(--accent);margin-bottom:10px;font-size:54px;font-weight:900;line-height:1.1}.res-dist small{font-size:24px}.res-row{border-bottom:2px dashed #e3e9f3;justify-content:space-between;padding:7px 4px;font-weight:700;display:flex}.res-row b{margin-left:5px}.res-row.total{border:none;font-size:20px;font-weight:900}.big-btn{color:#fff;background:linear-gradient(#4fdc8f,#23b06a);border:none;border-radius:18px;width:100%;margin-top:14px;padding:14px;font-size:22px;font-weight:900;box-shadow:0 6px #178a50}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #178a50}#evolved{flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#evolved .burst{color:#fff;-webkit-text-stroke:2px #4f22b8;text-shadow:0 5px #4f22b8;font-size:54px;font-weight:900}#evolved-name{color:var(--gold);-webkit-text-stroke:1px var(--ink);font-size:26px;font-weight:900}#steer-hint{bottom:calc(var(--safe-bottom) + 40px);text-align:center;color:#fff;-webkit-text-stroke:1px var(--ink);font-size:18px;font-weight:900;animation:1.2s ease-in-out infinite bob;position:absolute;left:0;right:0}.float-text{color:var(--gold);-webkit-text-stroke:1px var(--ink);pointer-events:none;font-size:20px;font-weight:900;animation:.8s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes pulse{to{transform:scale(1.06)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes rise{to{opacity:0;transform:translate(-50%,-150%)}}@media (max-height:560px){#distance{font-size:40px}#upgrades{max-width:640px}}
