@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4f6fa;background:#070a12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;overflow:hidden}#game{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,7,13,.18) 0%,rgba(4,7,13,.05) 33%,transparent 61%),linear-gradient(0deg,rgba(4,7,13,.14),transparent 24%,transparent 72%,rgba(4,7,13,.08));z-index:1}.topbar,.hud{position:fixed;inset:0;z-index:2;pointer-events:none}.topbar{height:84px;bottom:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5.4vw;border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.18em;pointer-events:auto}.brand small{display:block;font:8px DM Mono,monospace;letter-spacing:.2em;color:#8a93a6;margin-top:4px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(225,239,255,.68);border-radius:50%;font-size:16px;font-weight:400}.mission{font:10px DM Mono,monospace;letter-spacing:.11em;color:#a7afbf;display:flex;align-items:center;gap:12px}.mission b{color:#eaf5ff;font-weight:400}.mission i{height:14px;width:1px;background:#535a69;margin:0 6px}.live-dot{height:6px;width:6px;border-radius:50%;background:#7dd8ff;box-shadow:0 0 12px #67d7ff}.sound-button,.reset-button{pointer-events:auto;background:none;border:0;color:#dce5f3;font:15px DM Mono,monospace;cursor:pointer}.sound-button{padding:12px}.hud{pointer-events:none}.intro{position:absolute;left:9.1vw;top:26%;pointer-events:auto}.eyebrow{display:flex;gap:9px;align-items:center;color:#a9b3c1;font:10px DM Mono,monospace;letter-spacing:.2em}.eyebrow span:first-child{color:#87d9ff}.intro h1{font-weight:300;letter-spacing:-.075em;line-height:.91;font-size:clamp(62px,7.1vw,112px);margin:24px 0 20px}.intro h1 em{font-weight:300;color:#93dfff}.intro p{color:#aeb6c4;font-weight:300;line-height:1.8;font-size:14px;margin:0 0 32px}.launch{width:205px;height:52px;background:#d9f3ff;color:#09121b;border:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;letter-spacing:.16em;font:500 10px DM Mono,monospace;cursor:pointer;transition:background .2s,transform .2s}.launch:hover{background:#fff;transform:translateY(-2px)}.launch b{font:18px Manrope}.launch-hint{color:#7e899a;font:9px DM Mono,monospace;letter-spacing:.13em;margin-top:12px}kbd{font:9px DM Mono,monospace;color:#dce3ee;border:1px solid rgba(203,220,241,.27);padding:5px 7px;min-width:24px;text-align:center}.telemetry{position:absolute;right:6vw;top:22%;width:154px;color:#d8e1ed;font:9px DM Mono,monospace;letter-spacing:.12em}.telemetry-label{color:#a0aaba;display:flex;justify-content:space-between}.telemetry-label span{color:#86d6f6}.speed{margin-top:18px;display:flex;align-items:baseline;gap:8px}.speed strong{font:300 46px Manrope;letter-spacing:-.06em;color:#fff}.speed>span{color:#9ca9b9;font-size:9px}.speed-track,.thrust-track{height:2px;background:#dcebff2b;margin-top:8px}.speed-track i,.thrust-track i{height:100%;display:block;width:0;background:#8bdbff;box-shadow:0 0 8px #75cfff;transition:width .12s}.altitude{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px;color:#aab3c1}.altitude strong{font:400 17px DM Mono,monospace;color:#fff}.altitude small{font-size:8px;color:#92a0b2}.telemetry-bottom{display:flex;justify-content:space-between;margin-top:23px;color:#aab3c1}.telemetry-bottom span:last-child{color:#f5d49d}.thrust-track{margin-top:9px}.thrust-track i{background:#f4be75;box-shadow:0 0 8px #f4be75}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:space-between;opacity:.55}.crosshair span{width:3px;height:3px;border-radius:100%;background:#c5efff}.crosshair i{position:absolute;left:50%;top:50%;width:10px;height:10px;border:1px solid rgba(195,231,251,.7);transform:translate(-50%,-50%) rotate(45deg)}.toast{position:absolute;left:50%;top:16%;transform:translate(-50%);font:9px DM Mono,monospace;letter-spacing:.2em;color:#b1edff;padding:10px 14px;border:1px solid rgba(128,205,240,.23);background:#06111b73;opacity:0;transition:opacity .3s}.toast.show{opacity:1}.controls{position:absolute;left:5.4vw;bottom:7vh;color:#b3bdca;font:9px DM Mono,monospace;letter-spacing:.11em}.control-title{color:#ebf3fa;margin-bottom:14px}.control-row{height:32px;display:flex;align-items:center;gap:10px}.control-row span{margin-left:4px}.control-row kbd{padding:4px 6px}.keycluster{display:flex;align-items:center;flex-direction:column;gap:3px}.keycluster>div{display:flex;gap:3px}.wide{min-width:55px}.control-foot{color:#758294;font-size:8px;margin-top:11px;letter-spacing:.08em}.reticle-hint{position:absolute;bottom:8vh;left:50%;transform:translate(-50%);font:9px DM Mono,monospace;color:#8794a7;letter-spacing:.15em}.reticle-hint b{color:#80dbff;margin:0 6px}.reset-button{position:absolute;right:5.4vw;bottom:7vh;display:flex;gap:8px;align-items:center;color:#c9d2dd}.reset-button span{font:8px DM Mono,monospace;letter-spacing:.14em}.flight-active .intro{opacity:0;transform:translateY(8px);pointer-events:none}.intro{transition:opacity .5s,transform .5s}.flight-active .vignette{background:linear-gradient(90deg,rgba(4,7,13,.12),transparent 35%),linear-gradient(0deg,rgba(4,7,13,.12),transparent 20%,transparent 75%,rgba(4,7,13,.06))}@media(max-width:700px){.topbar{height:66px;padding:0 22px}.mission{font-size:8px;gap:7px}.mission i,.mission span:last-child{display:none}.intro{left:8vw;top:25%}.intro h1{font-size:68px}.intro p{font-size:12px}.telemetry{right:7vw;top:auto;bottom:24%;width:128px}.speed strong{font-size:36px}.controls{left:22px;bottom:4vh;transform:scale(.87);transform-origin:left bottom}.reticle-hint{display:none}.reset-button{right:20px;bottom:5vh}.sound-button{padding:8px}.crosshair{top:44%}}.brand-mark{display:none}.brand{font-size:15px;letter-spacing:.32em}.brand small,.mission,.sound-button{display:none}.brand b{color:#f0b48c;font-weight:400;margin:0 .12em}.topbar{height:64px;padding:0 22px;background:#090f1b1f;border-bottom:0}.controls{left:50%;bottom:18px;transform:translate(-50%);padding:12px 18px;background:#0c121fc7;border:1px solid rgba(255,255,255,.08);border-radius:5px;white-space:nowrap;color:#e6e6e9;font-size:10px;letter-spacing:.08em;box-shadow:0 8px 28px #00000029}.controls b{color:#f0b48c;font-weight:400;margin:0 4px}.telemetry{top:18px;right:22px;bottom:auto;width:auto;display:flex;align-items:center;gap:12px;padding:8px 11px;background:#0c121fb8;border-radius:5px}.telemetry-label,.speed-track,.telemetry-bottom,.thrust-track{display:none}.speed{margin:0;gap:5px}.speed strong{font-size:18px}.speed>span{font-size:8px}.altitude{margin:0;gap:5px}.altitude>span{display:none}.altitude strong{font-size:12px}.altitude small{font-size:8px}.crosshair{display:none}.vignette,.flight-active .vignette{background:linear-gradient(90deg,rgba(4,7,13,.08),transparent 25%),linear-gradient(0deg,rgba(4,7,13,.08),transparent 16%,transparent 85%,rgba(4,7,13,.04))}@media(max-width:700px){.topbar{padding:0 15px}.brand{font-size:12px}.telemetry{right:14px;top:72px;padding:7px 9px}.controls{max-width:calc(100vw - 20px);white-space:normal;text-align:center;bottom:10px;font-size:8px;line-height:1.7;padding:8px 10px;transform:translate(-50%)}}.mobile-flight-controls{display:none}@media(max-width:700px){.controls{display:none}.flight-active .mobile-flight-controls{display:block;position:fixed;inset:0;z-index:4;pointer-events:none}.virtual-stick{position:absolute;left:22px;bottom:24px;width:128px;height:128px;border:1px solid rgba(222,237,248,.42);border-radius:50%;background:radial-gradient(circle,#e1f1fc1a 0 46%,#0a121e70 48% 100%);box-shadow:inset 0 0 0 9px #cfe7f70b,0 8px 24px #0000002e;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none}.virtual-stick:before,.virtual-stick:after{content:"";position:absolute;background:#e7f2fa21;pointer-events:none}.virtual-stick:before{left:50%;top:14%;height:72%;width:1px}.virtual-stick:after{left:14%;top:50%;width:72%;height:1px}.stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid rgba(237,248,255,.8);border-radius:50%;background:radial-gradient(circle at 35% 30%,#e2f3ff85,#597691ad);box-shadow:0 4px 14px #00000059;transform:translate(0);margin:-24px 0 0 -24px;pointer-events:none;will-change:transform}.stick-arrow{position:absolute;color:#edf6ff94;font:16px DM Mono,monospace;pointer-events:none}.stick-up{top:5px;left:calc(50% - 5px)}.stick-down{bottom:5px;left:calc(50% - 5px)}.stick-left{left:7px;top:calc(50% - 10px)}.stick-right{right:7px;top:calc(50% - 10px)}.mobile-actions{position:absolute;right:18px;bottom:32px;display:grid;grid-template-columns:58px 58px;gap:8px;pointer-events:auto}.mobile-action{height:58px;width:58px;border:1px solid rgba(229,241,252,.43);border-radius:50%;background:#0c142194;color:#f4f7fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 6px 18px #00000038;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-action b{font:20px Manrope,sans-serif;line-height:20px}.mobile-action small{font:7px DM Mono,monospace;letter-spacing:.13em;color:#c1cfdb}.mobile-action.pressed{background:#5c9abed1;border-color:#d9f3ff;transform:scale(.96)}.boost-action{grid-column:1 / span 2;width:124px;height:42px;border-radius:23px;flex-direction:row;gap:8px;border-color:#f0b48ca3;color:#ffd4ae}.boost-action b{font-size:22px}.boost-action small{color:#ffe0c4}.flight-active .reset-button{bottom:184px;right:20px}}