@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Chakra Petch,system-ui,sans-serif;--cyan: #35f3e4;--cyan-soft: #8dfff5;--violet: #a44cff;--magenta: #ff44be;--orange: #ff8f45;--deep: #040817;--glass: rgba(5, 16, 39, .66);--line: rgba(91, 248, 232, .42)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#030617}body{color:#f4fbff}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;background:radial-gradient(circle at 52% 45%,#0f4252,#0b1836 35%,#170b31 73%,#030617)}.vignette,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:3}.vignette{background:radial-gradient(circle at center,transparent 48%,rgba(2,2,14,.64) 110%)}.scanlines{opacity:.16;background-image:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.12) 4px);mix-blend-mode:soft-light}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:10}.start-screen{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(19rem,34rem);grid-template-rows:1fr auto;align-items:center;padding:clamp(2rem,6vw,6rem);background:linear-gradient(90deg,rgba(3,6,23,.88) 0%,rgba(3,6,23,.4) 48%,transparent 78%)}.brand-lockup{max-width:45rem;text-shadow:0 0 30px rgba(53,243,228,.22)}.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:Oxanium,sans-serif;font-size:clamp(.72rem,1vw,.9rem);letter-spacing:.26em;color:var(--cyan)}.eyebrow:before{content:"";width:2.4rem;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2{margin:.15em 0;font-family:Oxanium,sans-serif;font-weight:700;line-height:.84;letter-spacing:-.04em}h1{font-size:clamp(5rem,12vw,10.8rem);color:transparent;-webkit-text-stroke:1px rgba(157,255,246,.9);background:linear-gradient(180deg,#f3ffff 5%,#43efea 43%,#906cff 76%,#ff4dbc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 25px rgba(63,237,233,.35))}h2{font-size:clamp(4rem,10vw,8rem)}.title-rule{display:flex;align-items:center;width:min(100%,42rem);gap:1rem;color:#c7b8ff;letter-spacing:.54em;font-family:Oxanium,sans-serif;font-size:clamp(.8rem,1.6vw,1.15rem)}.title-rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#8d72ff)}.title-rule i:last-child{transform:rotate(180deg)}.brand-lockup p{margin:2.2rem 0 0;max-width:31rem;font-size:clamp(1rem,1.7vw,1.25rem);color:#e2f3ffb8}.start-actions{align-self:center;justify-self:end;width:min(100%,31rem)}.primary-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.6rem;padding:0 1rem 0 1.7rem;border:1px solid rgba(76,255,238,.72);border-radius:.55rem;color:#f6ffff;background:linear-gradient(105deg,#17ded733,#6e3cbe61);box-shadow:inset 0 0 28px #26e0da14,0 0 24px #35f3e424;cursor:pointer;font-family:Oxanium,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.15em;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.primary-button:before,.primary-button:after{content:"";position:absolute;width:1.1rem;height:.25rem;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.primary-button:before{left:-.15rem;top:-.15rem}.primary-button:after{right:-.15rem;bottom:-.15rem}.primary-button:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 38px #35f3e442}.primary-button:focus-visible{outline:2px solid white;outline-offset:4px}.primary-button small{padding:.6rem .7rem;border:1px solid rgba(255,255,255,.22);border-radius:.3rem;color:var(--cyan-soft)}.control-strip{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin-top:1.4rem;color:#daedfa9e;font-size:.76rem;letter-spacing:.08em}.control-strip span{display:flex;align-items:center;gap:.55rem}kbd{min-width:4rem;padding:.32rem .45rem;border:1px solid rgba(109,245,234,.28);border-radius:.25rem;color:var(--cyan-soft);background:#040e22a6;text-align:center;font-family:inherit;font-size:.68rem}.mission-card{grid-column:1 / -1;display:flex;width:fit-content;border-left:2px solid var(--cyan);background:#030b1c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-card div{min-width:12rem;padding:.8rem 1.4rem;border-right:1px solid rgba(99,240,230,.14)}.mission-card span,.score-block span,.meter-label span,.results span{display:block;color:#c8e8f285;font-size:.66rem;letter-spacing:.15em}.mission-card strong{display:block;margin-top:.25rem;font-family:Oxanium,sans-serif;font-size:.86rem;letter-spacing:.08em}.good{color:var(--cyan)}.warning{color:var(--orange)}.hud{position:fixed;z-index:7;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr minmax(18rem,34rem) 1fr;align-items:start;padding:1.5rem clamp(1rem,3vw,3rem);pointer-events:none}.hud-cluster{display:flex;gap:1rem;align-items:center;pointer-events:auto}.hud-right{justify-self:end}.icon-button{width:3.5rem;height:3.5rem;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--cyan);background:#040e2685;box-shadow:inset 0 0 20px #35f3e417,0 0 18px #35f3e414;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button.small{width:2.8rem;height:2.8rem;font-size:1.2rem}.pause-icon,.pause-icon:after{display:inline-block;width:.25rem;height:1.2rem;border-radius:2px;background:currentColor}.pause-icon{position:relative;margin-right:.5rem}.pause-icon:after{content:"";position:absolute;left:.5rem;top:0}.meter-block{width:min(17vw,13rem)}.meter-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:.4rem}.meter-label strong{font-family:Oxanium,sans-serif;color:var(--cyan)}.meter,.progress-track{height:.35rem;overflow:hidden;background:#8edbe426;border-radius:1rem}.meter i,.progress-track i,.reactor-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#43f7d4,#26ddea);box-shadow:0 0 12px #31f1dd;transition:width .2s ease}.mission-progress{text-align:center}.destination{margin-bottom:.48rem;font-size:.72rem;letter-spacing:.2em;color:#e1f7ffc7}.earth-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;background:#4cf2d2;box-shadow:0 0 13px #4cf2d2}.progress-track{height:.22rem}.progress-track i{width:0;background:linear-gradient(90deg,var(--violet),var(--cyan))}.distance{margin-top:.5rem;font-family:Oxanium,sans-serif;font-size:1rem;color:var(--cyan-soft);letter-spacing:.08em}.score-block{min-width:8rem;text-align:right}.score-block strong{display:block;font-family:Oxanium,sans-serif;font-size:1.25rem;letter-spacing:.08em;color:#f4ffff}.score-block em{color:#ff6dcc;font-style:normal;font-size:.75rem}.reactor-hud{position:fixed;z-index:7;left:clamp(1rem,3vw,3rem);bottom:2rem;display:grid;grid-template-columns:auto 7rem auto;align-items:center;gap:.7rem;color:#daeff699;font-size:.68rem;letter-spacing:.12em}.reactor-meter{width:7rem;height:.28rem;overflow:hidden;border-radius:1rem;background:#ffffff24}.reactor-meter i{width:0;background:linear-gradient(90deg,var(--cyan),#ffbd4a,#ff4b67)}.reactor-hud strong{min-width:4.3rem;color:var(--cyan);font-size:.68rem}.status-message{position:fixed;z-index:8;left:50%;top:19%;transform:translate(-50%);color:#fff;font-family:Oxanium,sans-serif;font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.2em;text-align:center;text-shadow:0 0 14px currentColor;pointer-events:none;opacity:0;transition:opacity .25s ease}.status-message.show{opacity:1}.science-panel{position:fixed;z-index:7;right:clamp(1rem,3vw,3rem);bottom:2rem;width:min(26rem,32vw);min-height:7.2rem;padding:1.15rem 1.3rem 1rem 1.45rem;border:1px solid rgba(83,239,228,.28);border-left:3px solid var(--cyan);background:linear-gradient(110deg,#041229db,#1d1039b8);box-shadow:0 0 30px #1ee6db14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;transform:translate(calc(100% + 4rem));opacity:0;transition:transform .35s ease,opacity .35s ease}.science-panel.show{transform:translate(0);opacity:1}.science-tag{margin-bottom:.55rem;color:var(--cyan);font-family:Oxanium,sans-serif;font-size:.72rem;letter-spacing:.18em}.science-tag span{display:inline-block;width:.52rem;height:.52rem;margin-right:.35rem;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.science-panel strong{display:block;color:#fff;font-family:Oxanium,sans-serif;font-size:1.05rem;letter-spacing:.08em}.science-panel p{margin:.45rem 0 0;color:#e2f3fac7;font-size:.93rem;line-height:1.42}.zone-banner{position:fixed;z-index:9;left:50%;top:26%;width:min(42rem,calc(100% - 2rem));padding:1.25rem 2rem;border-top:1px solid rgba(80,246,232,.36);border-bottom:1px solid rgba(80,246,232,.18);background:linear-gradient(90deg,transparent,rgba(3,14,34,.84) 18%,rgba(3,14,34,.84) 82%,transparent);text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-1rem);transition:opacity .35s ease,transform .35s ease}.zone-banner.show{opacity:1;transform:translate(-50%)}.zone-banner span{color:var(--cyan);font-size:.72rem;letter-spacing:.2em}.zone-banner strong{display:block;margin-top:.3rem;color:#fff;font-family:Oxanium,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);letter-spacing:.08em}.zone-banner p{margin:.45rem auto 0;max-width:34rem;color:#ddeff9b3;font-size:.9rem}.touch-controls{position:fixed;z-index:8;inset:auto 1.5rem 1.5rem;display:flex;align-items:end;justify-content:space-between;pointer-events:none;touch-action:none}.flight-pad{position:relative;display:grid;place-items:center;width:10.5rem;height:10.5rem;border:2px solid rgba(84,245,232,.42);border-radius:50%;background:radial-gradient(circle,#30eee01f,#030d208a 68%);box-shadow:inset 0 0 34px #2ff2e514,0 0 20px #2ff2e514;pointer-events:auto}.flight-pad:before,.flight-pad:after{content:"";position:absolute;background:#51f3e733}.flight-pad:before{width:72%;height:1px}.flight-pad:after{width:1px;height:72%}.flight-pad span{max-width:5rem;color:#b9e6ed85;font-size:.68rem;line-height:1.2;letter-spacing:.12em;text-align:center}.flight-pad i{position:absolute;width:3.5rem;height:3.5rem;border:2px solid var(--cyan);border-radius:50%;background:#19beb53d;box-shadow:0 0 24px #35f3e457;transform:translate(0)}.touch-actions{display:flex;align-items:end;gap:1rem;pointer-events:auto}.touch-button{width:6.6rem;height:6.6rem;border:2px solid rgba(81,244,231,.55);border-radius:50%;color:#fff;background:radial-gradient(circle at 40% 35%,#30ebde38,#050e23d1);box-shadow:inset 0 0 24px #35f3e41f,0 0 18px #35f3e414;touch-action:none}.touch-button:active,.touch-button.active{transform:scale(.94);background:#3febde57}.touch-button span,.touch-button small{display:block}.touch-button span{font-family:Oxanium,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em}.touch-button small{margin-top:.2rem;color:#dbf0f694;font-size:.64rem;letter-spacing:.1em}.scan-button{border-color:#ff69d7a6;box-shadow:inset 0 0 24px #ff45be21,0 0 18px #ff45be1a}.evade-button{width:5.5rem;height:5.5rem;border-color:#a469ffa6}.crosshair{position:fixed;z-index:6;width:1.5rem;height:1.5rem;pointer-events:none;transform:translate(-50%,-50%);opacity:.55}.crosshair:before,.crosshair:after,.crosshair i{content:"";position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%}.crosshair:after{inset:.5rem;background:var(--cyan);border:0;box-shadow:0 0 8px var(--cyan)}.crosshair i{inset:-.35rem;border-color:#35f3e440}.overlay-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,#081732c2,#02040ef0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.overlay-screen .eyebrow:before{display:none}.overlay-screen .primary-button{max-width:22rem;margin-top:2rem}.overlay-screen p{max-width:33rem;color:#e0f0faad;font-size:1.05rem}.text-button{margin-top:1.5rem;border:0;color:#d9effa8f;background:transparent;letter-spacing:.12em;cursor:pointer}.text-button:hover{color:#fff}.results{display:flex;margin-top:1.4rem;border:1px solid rgba(78,239,228,.18);background:#06112694}.results div{min-width:10rem;padding:1rem 1.4rem;border-right:1px solid rgba(78,239,228,.14)}.results div:last-child{border:0}.results strong{display:block;margin-top:.3rem;color:var(--cyan-soft);font-family:Oxanium,sans-serif;font-size:1.15rem}.damage-flash{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 38%,rgba(255,42,81,.72))}.damage-flash.active{animation:damage .45s ease-out}@keyframes damage{0%{opacity:.95}to{opacity:0}}@media(max-width:760px){.start-screen{grid-template-columns:1fr;grid-template-rows:1fr auto auto;padding:2rem 1.2rem;background:#0306178f}.brand-lockup{align-self:end}h1{font-size:clamp(4.6rem,22vw,8rem)}.start-actions{align-self:start;justify-self:stretch;margin-top:2rem}.mission-card{display:none}.control-strip{grid-template-columns:1fr 1fr}.hud{grid-template-columns:1fr auto;padding:1rem}.mission-progress{position:fixed;left:20%;right:20%;top:1rem}.meter-block{display:none}.score-block{min-width:6rem}.results{flex-direction:column;width:min(100%,20rem)}.results div{border-right:0;border-bottom:1px solid rgba(78,239,228,.14)}.science-panel{top:6rem;right:1rem;bottom:auto;width:min(22rem,calc(100% - 2rem))}.touch-controls{inset:auto .8rem .8rem}.flight-pad{width:8.5rem;height:8.5rem}.touch-button{width:5.3rem;height:5.3rem}.evade-button{width:4.7rem;height:4.7rem}.touch-actions{gap:.45rem}}@media(pointer:coarse){#game{cursor:default}.crosshair,.reactor-hud{display:none!important}.control-strip{display:none}.primary-button{min-height:5.4rem;font-size:1.1rem}.science-panel{top:6rem;right:1.5rem;bottom:auto;width:min(26rem,34vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.scanlines{display:none}}