:root{--ivory:#fff2d4;--coral:#ff7949;--teal:#17c6cb;--navy:#10263d;--butter:#ffe86b;--grass:#78be45;--purple:#8e66c4;--panel:#10263ddb;--panel-line:#fff2d424;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", sans-serif;--bar:max(0px, calc(100lvh - 100dvh));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;width:100%;height:100%;font-family:var(--font);color:var(--ivory);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;background:#2b4f63;margin:0;overflow:hidden}#app{height:100vh;height:100lvh;height:var(--app-h,100lvh);position:fixed;top:0;left:0;right:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;inset:0}#hud button{pointer-events:auto}.pill{top:calc(var(--sat) + 12px);left:calc(var(--sal) + 14px);-webkit-backdrop-filter:blur(6px);background:#10263d9e;border-radius:16px;min-width:120px;padding:8px 14px 9px;position:absolute}#obj-name{letter-spacing:.06em;text-transform:uppercase;opacity:.95;font-size:13px;font-weight:800}#obj-progress{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}#obj-progress .timer{opacity:.75;margin-left:8px;font-size:13px;font-weight:700}.round-btn{top:calc(var(--sat) + 12px);right:calc(var(--sar) + 14px);width:48px;height:48px;color:var(--ivory);-webkit-backdrop-filter:blur(6px);touch-action:manipulation;background:#10263d9e;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.round-btn:active{transform:scale(.94)}#toasts{top:calc(var(--sat) + 13vh);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:0;right:0}.toast{letter-spacing:.02em;text-align:center;color:#fff;text-shadow:0 2px 0 var(--navy), 0 0 12px #10263d73;white-space:nowrap;font-size:clamp(20px,6vw,30px);font-style:italic;font-weight:900;line-height:1.05;animation:1.5s ease-out forwards toast}.toast small{color:var(--butter);font-size:.72em;font-style:normal;display:block}.toast.gold{color:var(--butter)}@keyframes toast{0%{opacity:0;transform:scale(.4)translateY(10px)}12%{opacity:1;transform:scale(1.12)}22%{transform:scale(1)}75%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-20px)}}#center-msg{text-align:center;color:#fff;text-shadow:0 3px 0 var(--navy), 0 0 18px #10263d80;opacity:0;font-size:clamp(30px,10vw,54px);font-style:italic;font-weight:900;transition:opacity .2s;position:absolute;top:38%;left:0;right:0}#center-msg.show{opacity:1;animation:.35s ease-out pop}#center-msg .sub{color:var(--ivory);margin-top:6px;font-size:.4em;font-style:normal;display:block}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.08)}to{transform:scale(1)}}#arrow{filter:drop-shadow(0 2px 2px #00000040);width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute}#tutorial{left:0;right:0;bottom:calc(var(--sab) + var(--bar) + 16vh);flex-direction:column;align-items:center;gap:12px;animation:.4s ease-out fadein;display:flex;position:absolute}#tut-text{-webkit-backdrop-filter:blur(6px);background:#10263db3;border-radius:999px;padding:10px 18px;font-size:17px;font-weight:800}.tut-hand{width:120px;height:70px;position:relative}.tut-dot{background:#ffffffd9;border-radius:50%;width:44px;height:44px;margin:-22px;animation:1.6s ease-in-out infinite hold;position:absolute;top:50%;left:50%;box-shadow:0 0 0 8px #ffffff40}#tutorial.drag .tut-dot{animation:2.2s ease-in-out infinite drag}@keyframes hold{0%,to{transform:scale(1)}50%{transform:scale(.8);box-shadow:0 0 0 16px #ffffff26}}@keyframes drag{0%,to{transform:translate(0)}25%{transform:translate(-36px)}50%{transform:translateY(-22px)}75%{transform:translate(36px)}}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen{padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + var(--bar) + 16px) calc(var(--sal) + 16px);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.25s ease-out fadein;display:flex;position:absolute;inset:0}#screen-loading{background:linear-gradient(#7fd8f0,#17c6cb)}#screen-pause,#screen-result,#screen-confirm,#screen-error,#screen-missions,#screen-skins,#screen-badges,#screen-settings{background:#10263d59}#screen-title{background:linear-gradient(#7fd8f000 55%,#10263d66);justify-content:flex-start}#screen-title .menu{margin-top:auto}.logo{filter:drop-shadow(0 6px 10px #10263d4d);pointer-events:none;width:min(86vw,440px);height:auto}#screen-title .logo{width:min(78vw,400px);margin-top:1vh}.loadbar{background:#10263d59;border-radius:99px;width:min(60vw,260px);height:10px;overflow:hidden}#loadbar-fill{background:var(--butter);border-radius:99px;width:5%;height:100%;transition:width .25s}.menu{flex-direction:column;gap:10px;width:min(84vw,320px);display:flex}.btn{font-family:var(--font);min-height:52px;color:var(--navy);background:var(--ivory);touch-action:manipulation;cursor:pointer;border:0;border-radius:18px;padding:12px 18px;font-size:18px;font-weight:800;box-shadow:0 4px #10263d59}.btn:active{transform:translateY(2px);box-shadow:0 2px #10263d59}.btn.primary{background:var(--butter);min-height:60px;font-size:21px}.btn.ghost{color:var(--ivory);box-shadow:none;background:#fff2d429}.btn.danger{background:var(--coral);color:#fff}.btn.small{min-height:40px;padding:8px 14px;font-size:15px}.btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.badge{background:var(--navy);color:var(--ivory);vertical-align:middle;border-radius:99px;margin-left:6px;padding:2px 8px;font-size:13px;display:inline-block}.muted{color:#fff2d4d1;text-align:center;margin:0}.small{font-size:13px}#screen-title .muted{text-shadow:0 1px 2px #10263d99}#screen-title .logo{transform-origin:50% 70%;animation:3.2s ease-in-out infinite logo-bob}@keyframes logo-bob{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-7px)rotate(1.2deg)scale(1.02)}}#screen-title:not(.hidden) .menu .btn{animation:.45s cubic-bezier(.3,1.6,.5,1) backwards btn-pop}#screen-title .menu .btn:nth-child(2){animation-delay:60ms}#screen-title .menu .btn:nth-child(3){animation-delay:.12s}#screen-title .menu .btn:nth-child(4){animation-delay:.18s}#screen-title .menu .btn:nth-child(5){animation-delay:.24s}@keyframes btn-pop{0%{opacity:0;transform:translateY(14px)scale(.85)}to{opacity:1;transform:none}}#screen-title .btn.primary{animation:.45s cubic-bezier(.3,1.6,.5,1) backwards btn-pop,1.8s ease-in-out .6s infinite play-pulse}@keyframes play-pulse{0%,to{box-shadow:0 4px #10263d59,0 0 #ffe86b00}50%{box-shadow:0 4px #10263d59,0 0 0 7px #ffe86b59}}#title-note.tip{animation:.5s ease-out fadein}@media (prefers-reduced-motion:reduce){#screen-title .logo,#screen-title .btn.primary,#screen-title:not(.hidden) .menu .btn{animation:none}}#update-banner{bottom:calc(var(--sab) + var(--bar) + 12px);position:absolute}.panel{background:var(--panel);border:1px solid var(--panel-line);width:min(92vw,460px);max-height:calc(100dvh - var(--sat) - var(--sab) - 32px);max-height:calc(var(--app-h,100lvh) - var(--bar) - var(--sat) - var(--sab) - 32px);-webkit-backdrop-filter:blur(10px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto;box-shadow:0 16px 40px #10263d59}.panel>:not(.scroll){flex-shrink:0}.panel>.scroll{flex:auto;min-height:0}.panel.narrow{align-items:center;width:min(88vw,360px)}.panel header{justify-content:space-between;align-items:center;width:100%;display:flex}.panel h2{letter-spacing:.01em;margin:0;font-size:24px;font-weight:900}.close{width:44px;height:44px;color:var(--ivory);font-size:26px;line-height:1;font-family:var(--font);touch-action:manipulation;background:#fff2d424;border:0;border-radius:50%}.scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;gap:10px;padding:2px;display:flex;overflow-y:auto}.scroll.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.card{border:1px solid var(--panel-line);text-align:left;color:var(--ivory);font-family:var(--font);touch-action:manipulation;cursor:pointer;background:#fff2d414;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.card:active{background:#fff2d429}.card .info{flex:1;min-width:0}.card h3{margin:0 0 3px;font-size:18px;font-weight:900}.card p{opacity:.8;margin:0;font-size:13px;line-height:1.3}.card .meta{color:var(--butter);margin-top:5px;font-size:12px;font-weight:700}.type-icon{width:42px;height:42px;color:var(--navy);border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.type-destroy{background:var(--coral)}.type-route{background:var(--teal)}.type-landing{background:var(--butter)}.medal{width:72px;height:72px;color:var(--navy);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid;box-shadow:inset 0 -5px #00000026,0 4px #10263d66}.medal.small{flex:none;width:30px;height:30px;font-size:10px;box-shadow:inset 0 -3px #00000026}.medal.gold{background:#ffd23f}.medal.silver{background:#dfe6ee}.medal.bronze{background:#e3965a}.medal.done{background:var(--teal)}.medal.none{color:#fff2d480;box-shadow:none;background:#fff2d41f}.result .big{font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:900}.skin{text-align:center;flex-direction:column;align-items:center;padding:12px 8px}.skin.selected{border-color:var(--butter);box-shadow:0 0 0 2px var(--butter) inset}.skin.locked{opacity:.6}.skin .swatch{width:54px;height:70px;position:relative}.skin .preview{width:60px;height:75px;display:block}.skin p.perk{color:var(--butter);margin-top:3px;font-weight:700}#touch-controls{pointer-events:none;position:absolute;inset:0}#joy{width:124px;height:124px;left:calc(var(--sal) + 100px);top:calc(100% - var(--sab) - var(--bar) - 96px);background:#10263d38;border:2px solid #fff2d473;border-radius:50%;margin:-62px 0 0 -62px;transition:opacity .15s;position:absolute}#joy-knob{background:#fff2d4d9;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #10263d59}#boost{width:86px;height:86px;right:auto;left:calc(100% - var(--sar) - 96px);top:calc(100% - var(--sab) - var(--bar) - 92px);color:var(--coral);background:#10263d4d;border:2px solid #fff2d480;border-radius:50%;place-items:center;margin:-43px 0 0 -43px;transition:transform 60ms,background 60ms;display:grid;position:absolute}#boost.on{color:var(--butter);border-color:var(--butter);background:#ff7949bf;transform:scale(.94)}#throttle{pointer-events:none;background:#10263d73;border:2px solid #fff2d4bf;border-radius:7px;width:14px;height:78px;margin-left:-62px;position:absolute}#throttle-fill{background:var(--butter);border-radius:0 0 5px 5px;position:absolute;bottom:0;left:0;right:0}#throttle-pct{font:800 12px/1 var(--font);color:#fff;text-shadow:0 1px 2px #10263dcc;white-space:nowrap;position:absolute;top:-22px;left:-2px}#touch-controls.portrait #boost{display:none}#touch-controls.portrait #joy{opacity:0}#touch-controls.portrait #joy.active{opacity:.55}#touch-controls.landscape #joy{opacity:.75}#touch-controls.landscape #joy.active{opacity:1}#health{background:#ffffff38;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}#health-fill{transform-origin:0;background:#7ee07a;height:100%;transition:transform .15s}#health.low #health-fill{background:#ff6a5a}.skin .swatch .b{border-radius:20px 20px 16px 16px;position:absolute;inset:14px 9px 6px}.skin .swatch .n{border-radius:50% 50% 30% 30%;height:26px;position:absolute;top:0;left:13px;right:13px}.skin .swatch .v{border-radius:8px;height:14px;position:absolute;top:28px;left:15px;right:15px}.skin .swatch .c{border-radius:6px;height:10px;position:absolute;bottom:6px;left:6px;right:6px}.skin h3{margin:6px 0 2px;font-size:15px}.skin p{font-size:11px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:700;display:flex}.row input[type=range]{width:46%;accent-color:var(--butter);touch-action:pan-x;height:32px}.row input[type=checkbox]{width:26px;height:26px;accent-color:var(--butter)}.row select{font-family:var(--font);background:var(--ivory);color:var(--navy);text-overflow:ellipsis;border:0;border-radius:12px;flex:0 auto;min-width:0;min-height:40px;padding:8px 10px;font-size:16px;font-weight:700}@media (orientation:landscape) and (max-height:520px){#screen-title{padding-left:calc(var(--sal) + 28px);justify-content:center;align-items:flex-start;gap:10px}#screen-title .menu{grid-template-columns:1fr 1fr;width:min(44vw,380px);margin-top:0;display:grid}#screen-title .menu .btn.primary{grid-column:1/-1}#screen-title .menu .btn{padding:8px 10px;font-size:16px}#screen-title .logo{width:min(24vw,210px);margin:0 0 0 calc(min(44vw,380px)/2 - min(24vw,210px)/2)}#screen-title #title-note{display:none}.menu{gap:8px}.btn{min-height:46px;padding:8px 14px}.btn.primary{min-height:50px}#toasts{top:calc(var(--sat) + 8vh)}#tutorial{bottom:calc(var(--sab) + var(--bar) + 10vh)}.screen{padding-top:calc(var(--sat) + 10px);padding-bottom:calc(var(--sab) + var(--bar) + 10px)}.panel{gap:8px;padding:12px 14px}.panel h2{font-size:20px}.close{width:40px;height:40px}#screen-pause .panel,#screen-result .panel{width:min(92vw,580px)}#screen-pause .menu,#screen-result .menu{grid-template-columns:1fr 1fr;width:100%;display:grid}#screen-pause .menu .btn.primary{grid-column:1/-1}#screen-result .menu{grid-template-columns:1fr 1fr 1fr}#screen-result .medal-art svg{width:60px;height:60px}#screen-result .medal-art span{font-size:12px}.result .big{font-size:26px}#pause-info{font-size:13px}}#dev-panel{left:calc(var(--sal) + 8px);bottom:calc(var(--sab) + 8px);z-index:50;color:#fff;pointer-events:auto;touch-action:pan-y;background:#000000b8;border-radius:10px;width:250px;max-height:60vh;padding:8px;font:11px/1.3 ui-monospace,monospace;position:absolute;overflow:auto}#dev-panel label{grid-template-columns:110px 1fr 40px;align-items:center;gap:4px;display:grid}#dev-panel input{width:100%}#dev-stats{white-space:pre;color:#9f9;margin-bottom:6px}#lock-hint{pointer-events:none;left:calc(100% - var(--sar) - 96px - 13px);bottom:calc(var(--sab) + var(--bar) + 138px);filter:drop-shadow(0 2px 2px #10263d8c);flex-direction:column;align-items:center;display:flex;position:absolute}#lock-hint .chev path{fill:none;stroke:#ff5a4a;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;animation:.9s ease-in-out infinite lock-chev}#lock-hint .chev path:first-child{animation-delay:.3s}#lock-hint .chev path:nth-child(2){animation-delay:.15s}@keyframes lock-chev{0%,to{opacity:.25}50%{opacity:1}}#lock-hint .key{display:none}#lock-hint.keys{left:50%;bottom:calc(var(--sab) + 20vh);margin-left:-18px}#lock-hint.keys .chev{display:none}#lock-hint.keys .key{width:36px;height:36px;font:900 18px/1 var(--font);color:#fff;background:#e5483be6;border:2px solid #fff2d4e6;border-radius:9px;place-items:center;display:grid}#boost.locked{border-color:#ff6a5a;box-shadow:0 0 0 4px #e5483b73,0 0 18px #e5483b99}@media (prefers-reduced-motion:reduce){#lock-hint .chev path{opacity:1;animation:none}}.mission-art{filter:drop-shadow(0 3px #10263d59);flex:none;width:50px;height:50px}.mission-art svg,.medal-slot svg,.medal-art svg{display:block}.medal-slot{flex:none;width:38px;height:38px}.medal-art{filter:drop-shadow(0 4px #10263d59);flex-direction:column;align-items:center;gap:2px;display:flex}.medal-art span{letter-spacing:.12em;color:var(--butter);font-size:15px;font-weight:900}.medal-art.silver span{color:#e3e9f0}.medal-art.bronze span{color:#e9a06a}.medal-art.done span{color:var(--teal)}.scroll.grid.badges{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.badge-card{text-align:center;border:1px solid var(--panel-line);background:#fff2d40f;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px 10px;display:flex}.badge-card .art{width:60px;height:60px;margin-bottom:3px;position:relative}.badge-card .art svg{display:block}.badge-card:not(.earned) .art>svg{filter:grayscale()brightness(.75);opacity:.5}.badge-card .lock{position:absolute;bottom:-2px;right:-2px}.badge-card.earned{background:#ffe86b1f;border-color:#ffe86b80}.badge-card.earned .art{filter:drop-shadow(0 3px #10263d59)}.badge-card h3{margin:0;font-size:14px;font-weight:900;line-height:1.15}.badge-card p{opacity:.78;margin:0;font-size:11.5px;line-height:1.25}.badge-card .bar{background:#ffffff26;border-radius:3px;width:80%;height:5px;margin-top:4px;overflow:hidden}.badge-card .bar i{background:var(--butter);height:100%;display:block}.badge-card small{opacity:.7;font-variant-numeric:tabular-nums;font-size:10.5px}#badge-summary{margin-top:-6px}#obj-progress .alt{color:#b8d8ff;margin-left:8px;font-size:13px;font-weight:800}.badge-card.secret .art>svg{filter:grayscale()brightness(.35)}.badge-card.secret h3{letter-spacing:.2em}#speedfx{pointer-events:none;opacity:0;filter:drop-shadow(0 0 1px #10263d59);background:repeating-conic-gradient(#fff0 0deg 3.2deg,#fffffff2 3.2deg 4deg,#fff0 4deg 7deg),repeating-conic-gradient(from 2deg,#fff0 0deg 9deg,#ffffffb3 9deg 9.5deg,#fff0 9.5deg 13deg);position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(#0000 34%,#0009 55%,#000 80%);mask-image:radial-gradient(#0000 34%,#0009 55%,#000 80%)}@media (prefers-reduced-motion:reduce){#speedfx{display:none}}#flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#d9c8ff 45%,#7fe3ff 100%);position:absolute;inset:0}#flash.go{animation:.9s ease-out warp-flash}@keyframes warp-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}#btn-view{right:calc(var(--sar) + 72px)}#btn-view.on{background:#ff7949cc}#cockpit{pointer-events:none;position:absolute;inset:0}#aim{opacity:.9;will-change:transform;margin:-12px 0 0 -12px;position:absolute;top:0;left:0}#ground-cue{opacity:.85;will-change:transform;margin:-13px 0 0 -16px;position:absolute;top:0;left:0}#ground-cue.off{display:none}#fpm{opacity:.75;will-change:transform;margin:-10px 0 0 -14px;position:absolute;top:0;left:0}#fpm.off{display:none}#radalt{left:50%;bottom:calc(var(--sab) + var(--bar) + 22px);font:800 13px/1 var(--font);letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#10263d8c;border-radius:10px;padding:4px 9px;position:absolute;transform:translate(-50%)}#radalt.good{background:#2e8c48bf}#radalt.off{display:none}#tutorial.left .tut-hand{align-self:flex-start;margin-left:25%;transform:translate(-50%)}#tutorial.right .tut-hand{align-self:flex-end;margin-right:25%;transform:translate(50%)}#btn-view.auto{background:#17c6cbbf}#btn-view.auto:after{content:"A";font:900 11px/1 var(--font);color:#fff;position:absolute;bottom:4px;right:5px}