@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}.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)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.scanlines{display:none}}