@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e7f0ed;background:#060c17;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #a0ffe1;outline-offset:3px}.hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#040d18b0,transparent 23%,transparent 75%,#040d18e8)}.hud button,.hud input,.hud select,.panel{pointer-events:auto}header{position:absolute;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Barlow Condensed,sans-serif;font-size:26px;letter-spacing:5px;font-weight:500}.brand small{display:block;font:9px DM Sans,sans-serif;letter-spacing:3px;color:#859f9f;margin-top:5px}.session{font-size:10px;letter-spacing:1px;border:1px solid #89b8ae38;border-radius:3px;padding:10px 15px;background:#071320b0}.session i{display:inline-block;width:5px;height:5px;background:#a5f3d5;border-radius:50%;margin-right:8px}.topcenter{position:absolute;top:35px;left:50%;transform:translate(-50%);color:#819caa;letter-spacing:4px;font-size:10px}.side{position:absolute;left:34px;top:132px;width:225px}.eyebrow{font-size:9px;letter-spacing:2px;color:#91b1af;text-transform:uppercase;margin-bottom:10px}.side h2{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:400;margin:0 0 8px;letter-spacing:1px}.muted{color:#92a4ab;font-size:11px;line-height:1.8}.rule{height:1px;background:#8fbbb82c;margin:20px 0}.route{display:flex;width:100%;text-align:left;border:0;border-left:1px solid #719d9638;background:transparent;padding:11px 12px;gap:10px;align-items:center}.route:hover,.route.selected{background:#6ad1b510;border-left-color:#9ddfc9}.route span{font-size:16px;color:#9acfc4}.route b{display:block;font-size:11px;font-weight:500}.route small{display:block;margin-top:4px;color:#7f969e;font-size:9px}.objective{position:absolute;right:34px;top:132px;width:234px;border-top:1px solid #7dafa94a;padding-top:17px}.objective h3{font-family:Barlow Condensed;font-size:23px;font-weight:400;margin:5px 0 12px}.objective p{font-size:11px;color:#acbbbc;line-height:1.8}.objective .count{font:36px Barlow Condensed;color:#d6b68e}.objective .count small{font:10px DM Sans;color:#91a4a9}.reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#83b5ad66;font-size:25px;font-weight:400}.label{position:absolute;transform:translate(-50%,-50%);font-size:9px;letter-spacing:1px;color:#c0ded6;text-shadow:0 1px 8px #000;text-align:center}.label:before{content:"◇";display:block;font-size:21px;color:#9bdbc97a;margin-bottom:5px}.label small{display:block;font-size:9px;color:#76978f;margin-top:4px}.bottom{position:absolute;bottom:29px;left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between}.telemetry{display:flex;gap:28px}.metric .value{font:32px Barlow Condensed;letter-spacing:1px}.metric small{font-size:9px;color:#8aaca9;letter-spacing:1px}.meter{width:86px;height:2px;background:#77958d33;margin-top:10px}.meter span{display:block;height:100%;background:#91dcc3}.actions{display:flex;gap:7px}button.action{border:1px solid #83b1a84a;padding:11px 13px;background:#0a1c26d9;font-size:10px}.action:hover{background:#22433d}.action.primary{background:#abdcc6;color:#102720;border:1px solid #abdcc6}.key{display:inline-block;color:#86a9a3;font-size:9px;margin-right:8px}.primary .key{color:#366053}.footerhelp{position:absolute;bottom:104px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.8px;color:#729a99;white-space:nowrap}.toast{position:absolute;top:96px;left:50%;transform:translate(-50%);background:#0a1c29ec;border:1px solid #86b3a750;padding:12px 22px;text-align:center;max-width:600px;font-size:11px;color:#d2e8df;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.intro{position:fixed;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#050e1af5,#06101cbb,#050b1222 80%);z-index:4;padding:7vw}.intro.hidden{display:none}.intro main{max-width:520px}.intro h1{font-family:Barlow Condensed;font-size:clamp(65px,7.5vw,118px);line-height:.9;letter-spacing:8px;font-weight:400;margin:24px 0}.intro p{max-width:380px;line-height:1.9;color:#9db4bb}.intro .launch{background:#b5e4cf;color:#102b28;padding:16px 26px;border:0;letter-spacing:2px;font-size:11px;margin:25px 0}.intro .edition{font-size:9px;letter-spacing:2px;color:#6d9697}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;background:#091725f5;border:1px solid #68998b55;width:min(480px,95vw);z-index:5;box-shadow:0 20px 100px #0009}.panel h2{font:32px Barlow Condensed;margin:0 0 20px}.panel p{color:#afc0c5;line-height:1.8}.panel button{padding:10px;margin:5px;border:1px solid #668c8355;background:#14322f}.panel label{display:block;margin:18px 0}.hidden{display:none!important}#debug{position:absolute;left:34px;bottom:145px;font:10px monospace;white-space:pre;color:#9bd1ba;background:#05141be0;padding:10px}#transit{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse,transparent 15%,#98edce99 95%)}#transit.wormhole{background:radial-gradient(ellipse,#b2fff699,transparent 80%)}#transit.transit{background:radial-gradient(ellipse,#000 5%,#e3a16866 40%,#000 85%)}#transit.active{opacity:1}select{background:#10252d;color:#c5ddd5;border:1px solid #668c8355;padding:8px}a{color:#a4ddc5}@media(max-width:900px){.side{width:175px;left:18px}.objective{right:18px;width:170px}header{left:18px;right:18px}.topcenter{display:none}.actions{flex-wrap:wrap;max-width:330px;justify-content:flex-end}.bottom{left:18px;right:18px}.telemetry{gap:12px}.footerhelp{bottom:135px;font-size:8px}.brand{font-size:20px}.session{max-width:230px}.objective p{font-size:10px}}@media(max-width:650px){.objective{display:none}.side{top:110px;width:145px}.side h2{font-size:24px}.bottom{gap:12px}.metric .value{font-size:24px}.actions{max-width:200px}.action{padding:8px!important}.footerhelp{display:none}.session{font-size:8px;max-width:180px}.brand{font-size:16px;letter-spacing:3px}}.flight-status{position:absolute;bottom:154px;left:50%;transform:translate(-50%);color:#e4bf89;font-size:11px;letter-spacing:1.5px;text-align:center;max-width:60vw}.flight-status.cruising{color:#88e8ee}.extraction{position:absolute;left:50%;top:calc(50% + 38px);width:240px;transform:translate(-50%);text-align:center;color:#dcb47c;font-size:9px;letter-spacing:1.5px;opacity:0;transition:opacity .2s}.extraction.show{opacity:1}.extraction>div{height:3px;margin-top:7px;background:#7c644744}.extraction i{display:block;width:0;height:100%;background:#dca863;box-shadow:0 0 12px #e8a65d}.extraction.locked{color:#ffe0a4}#collect:active{background:#8a623d55}@media(max-width:1000px){.telemetry{gap:12px}.metric .value{font-size:23px}}.plot-button{margin-top:14px;width:100%;border:1px solid #42646b;background:#122931;color:#b9ece4;padding:11px;cursor:pointer;letter-spacing:1px}.panel[data-view=navigation]{width:min(680px,90vw);max-height:82vh;overflow:auto}.nav-verdict{font-size:12px;letter-spacing:2px;color:#9ee5d1}.nav-verdict.blocked,.nav-warning{color:#e6b978}.route-plot{width:100%;margin:16px 0 4px;fill:#a5e9df;background:#081923;border:1px solid #243d46}.route-plot text{font-size:10px;fill:#8ca7ad}.plot-grid{stroke:#193541;stroke-width:1}.plot-grid text{stroke:none}.plot-route{stroke:#88d8d3;stroke-width:2;fill:none}.plot-hazard{fill:#e7ae67}.route-plot .plot-hazard-label{fill:#e7ae67;font-size:9px;text-anchor:middle}.plot-detour{stroke:#7fe3c0;stroke-width:2;stroke-dasharray:5 5;fill:none}.plot-waypoint{fill:#7fe3c0}.nav-estimates{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:10px;color:#8ca7ad}.nav-estimates b{display:block;font-size:21px;color:#e1f0e8;font-weight:400;margin-bottom:4px}.panel button:disabled{opacity:.4;cursor:not-allowed}
