:root{font-family:Arial,Helvetica,sans-serif;color:#e8eee9;background:#070e17;color-scheme:dark;--green:#b7f46a;--cyan:#8de2da;--muted:#8caaa9;--line:#93b1bb29}*{box-sizing:border-box}body{margin:0;overflow:hidden}a{color:var(--cyan)}button{font:inherit;color:inherit;cursor:pointer;background:#17252dc9;border:1px solid var(--line);border-radius:6px;padding:10px 13px}button:hover{background:#2c434b}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}kbd{font:9px Arial,sans-serif;display:inline-block;border:1px solid #79948b55;border-radius:3px;padding:3px 5px;color:#c4d7ce}button kbd{margin-left:10px}button.active{border-color:#b7f46a77;color:var(--green)}.space-top{height:72px;display:flex;align-items:center;padding:0 26px;gap:45px;background:#0b141d;border-bottom:1px solid var(--line)}.brand{color:#e8eee9;display:flex;align-items:center;text-decoration:none;gap:11px;font-size:13px;letter-spacing:2px;font-weight:bold}.brand svg{color:var(--green)}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:3px;margin-top:4px}.mode-tabs{display:flex;align-items:center;height:100%;gap:26px}.mode-tabs a{height:100%;display:flex;align-items:center;gap:8px;color:#8fa5aa;text-decoration:none;font-size:11px;border-bottom:2px solid transparent}.mode-tabs a[aria-current]{color:#e4eee4;border-bottom-color:var(--green)}.mode-tabs span{font-size:8px;background:#b7f46a22;color:var(--green);padding:3px 5px;border-radius:3px}.quiet{margin-left:auto;background:none;border:0;font-size:11px;color:#baccc7}.quiet span{border:1px solid #778c8966;border-radius:50%;padding:1px 5px;margin-left:10px}.space-stage{height:calc(100dvh - 133px);min-height:420px;position:relative;overflow:hidden}.space-stage>canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#07111cbd,transparent 36%,transparent 72%,#07111c70),linear-gradient(0deg,#07111c90,transparent 25%);pointer-events:none}.mission-heading{position:absolute;left:34px;top:31px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#a7beba;display:flex;align-items:center;gap:9px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--green)}.mission-heading h1{font-size:clamp(39px,4.3vw,65px);font-weight:400;line-height:1.02;letter-spacing:-2.5px;margin:20px 0 13px}.mission-heading h1 em{font-style:normal;color:var(--green)}.mission-heading p{font-size:11px;color:#abc0bd;line-height:1.7}.sector-label{font-size:6.5px;letter-spacing:1.2px;color:#6f929a}.objectives{position:absolute;left:34px;top:290px;list-style:none;padding:0;margin:0;pointer-events:none}.objectives li{display:flex;gap:14px;margin-bottom:21px;color:#66828b}.objectives li>span{height:27px;width:27px;display:grid;place-items:center;font-size:9px;border:1px solid #748e8e44;border-radius:50%}.objectives b{display:block;font-size:11px;font-weight:400;margin-top:1px}.objectives small{display:block;font-size:8px;margin-top:6px;color:#627e89}.objectives li.active{color:#dbeae1}.objectives li.active>span{color:var(--green);border-color:#b7f46a88;background:#b7f46a12}.objectives li.active small{color:#99b3ad}.objectives li.done>span{background:#b7f46a;color:#182b1a;border-color:var(--green)}.objectives li.done b{color:#a6beae}.scanner-panel{position:absolute;top:26px;right:26px;width:235px;padding:18px;background:#0a1723cc;border:1px solid #9cbdb427;border-radius:9px;backdrop-filter:blur(12px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.25px;color:#9fb9b7}.panel-heading b{font-size:7px;font-weight:400;color:var(--cyan);letter-spacing:1px}.radar{width:100%;height:165px;margin-top:10px;display:block}.radar circle,.radar path{fill:none;stroke:#6ca6a139;stroke-width:.6}.radar .radar-cone{fill:#89ddd006;stroke:#94dedc16}.radar .radar-player{fill:var(--green);stroke:none}.radar .contact-dot{fill:#8ce3dd;stroke:none}.radar .contact-dot.selected{fill:var(--green)}.radar text{font-size:6px;fill:#9dbbb8}.scanner-scale{display:flex;justify-content:space-between;color:#6f9698;font-size:6px;letter-spacing:.5px;margin:0 0 14px}.contact-list{border-top:1px solid var(--line);padding-top:6px;min-height:104px}.empty-contacts{color:#7d9d9f;font-size:10px;line-height:1.8;padding:10px 2px}.contact-item{width:100%;padding:11px 9px;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;background:transparent;border-radius:5px;text-align:left;margin:3px 0}.contact-item:hover{background:#273e4455}.contact-item.selected{border-color:#b7f46a55;background:#b7f46a0b}.contact-item b{display:block;font-size:10px;font-weight:400;color:#d1e1d9}.contact-item small{display:block;font-size:7px;color:#7d9da0;margin-top:5px}.contact-item>span:last-child{font-size:9px;color:var(--cyan)}.scan-button{width:100%;background:#b7f46a;color:#1c321c;border:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:13px}.scan-button:hover{background:#d1ffa0}.scan-button kbd{border-color:#41603655;color:#2a4723}.scanner-note{font-size:7px;text-align:center;color:#597e87;margin-top:10px}.scene-tools{position:absolute;top:27px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.scene-tools button{font-size:9px;padding:8px 11px;background:#10212a99;backdrop-filter:blur(8px)}.reticle{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);pointer-events:none;color:#b5d2cc66;display:grid;place-items:center;font-size:16px;font-weight:100}.reticle i{position:absolute;width:8px;height:8px;border-color:#8bafa755}.reticle i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.reticle i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.reticle i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.reticle i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.target-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center;z-index:2;color:var(--cyan)}.bracket{display:block;margin:auto;width:27px;height:27px;border:1px solid #8de2daaa;transform:rotate(45deg);box-shadow:0 0 20px #8de2da22}.target-marker b{display:block;font-size:8px;font-weight:400;letter-spacing:1px;margin-top:16px;text-shadow:0 2px 8px #000}.target-marker small{display:block;font-size:9px;margin-top:5px;color:#e8eee9}.direction-cue{position:absolute;left:50%;bottom:164px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;color:#b8d8d0;background:#10252c8c;border:1px solid #8de2da33;border-radius:7px;padding:9px 14px;pointer-events:none}.direction-cue>span{font-size:23px}.direction-cue b{font-size:9px;font-weight:400;display:block}.direction-cue small{font-size:8px;color:#81a5a4;display:block;margin-top:4px}.flight-notice{position:absolute;left:34px;bottom:137px;color:#b1c9bf;font-size:9px;line-height:1.7;max-width:430px;pointer-events:none}.rendezvous-panel{position:absolute;right:26px;bottom:142px;width:290px;background:#102329e8;border:1px solid #b7f46a55;border-radius:9px;padding:18px;z-index:4}.rendezvous-panel .eyebrow{font-size:7px;letter-spacing:1.1px;color:var(--green)}.rendezvous-panel h2{font-size:22px;font-weight:400;margin:11px 0 8px;letter-spacing:-.6px}.rendezvous-panel p{font-size:9px;line-height:1.6;color:#a0beb0;margin-bottom:12px}.hold-track{height:3px;background:#385146;margin:13px 0}.hold-track i{height:100%;width:0;background:var(--green);display:block}.primary{background:var(--green);color:#1e341b;border-color:var(--green);width:100%;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.primary:hover{background:#d5ffad}.primary kbd{color:#284425;border-color:#57754f55;font-size:8px}.secondary{background:#1a3038a3;border-color:#7ea59b44;width:100%;font-size:10px;margin-top:9px;padding:12px}.telemetry-strip{position:absolute;bottom:0;left:0;right:0;height:115px;display:flex;align-items:center;padding:22px 34px;gap:45px;background:#0a1721b3;backdrop-filter:blur(12px);border-top:1px solid #a9c9b81f}.speed{display:flex;gap:10px;align-items:center;min-width:120px}.speed strong{font-size:46px;letter-spacing:-2px;font-weight:400;font-variant-numeric:tabular-nums}.speed>span{font-size:11px;color:#b8ccc4}.speed small{display:block;font-size:6px;margin-top:8px;letter-spacing:1px;color:#6f9794}.telemetry-metric{display:flex;flex-direction:column;gap:8px;min-width:130px}.telemetry-metric>span,.gas-metric>div>span,.clock>span{font-size:7px;letter-spacing:1.4px;color:#87a5a1}.telemetry-metric b,.clock b{font-weight:400;font-size:22px;font-variant-numeric:tabular-nums}.telemetry-metric small,.gas-metric small,.clock small{font-size:8px;color:#88aaa1}.gas-metric{width:210px;max-width:280px;flex:1}.gas-metric>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px}.gas-metric b{font-size:11px;font-weight:400;color:var(--green)}.gas-track{background:#2b413d;height:5px;border-radius:2px;overflow:hidden;margin:12px 0 8px}.gas-track i{display:block;background:var(--green);height:100%;width:100%}.clock{display:flex;flex-direction:column;gap:9px;margin-left:auto;min-width:110px}.clock b{font-size:23px}.clock small{font-size:6px;letter-spacing:1.4px;color:var(--green)}.intro-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);width:350px;padding:29px;border:1px solid #8caf9e42;background:#0e202bee;backdrop-filter:blur(16px);border-radius:12px;box-shadow:0 25px 80px #0006;z-index:5}.card-kicker{font-size:7px;color:var(--green);letter-spacing:1.8px}.intro-card h2{font-size:29px;line-height:1.16;letter-spacing:-1px;font-weight:400;margin:17px 0}.intro-card p{color:#abc2b8;font-size:11px;line-height:1.8;margin-bottom:23px}.intro-card>small{display:block;color:#6d9292;font-size:8px;line-height:1.8;text-align:center;margin-top:18px}.outcome-card{position:absolute;right:35px;top:50%;transform:translateY(-50%);width:310px;background:#0b1b27ed;border:1px solid #b7f46a55;padding:28px;border-radius:12px;z-index:8}.outcome-card h2{font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1.02;margin:18px 0}.outcome-card p{font-size:11px;color:#9fbaad;line-height:1.8}.result-grid{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0}.result-grid>div{min-width:90px}.result-grid span{display:block;font-size:7px;color:#6f9494;letter-spacing:1px}.result-grid b{display:block;font-weight:400;font-size:21px;color:#e4f0e3;margin-top:7px}.outcome-card .best-score{font-size:9px;color:var(--green)}.outcome-card>a{font-size:9px;text-align:center;display:block;margin-top:18px;color:#91b5a9}.space-transport{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:18px;background:#0b141d;border-top:1px solid var(--line)}.space-transport>div{display:flex;gap:7px}.space-transport button{font-size:10px;padding:8px 11px;background:transparent;white-space:nowrap}.space-transport button:hover{background:#243a42}.space-transport p{font-size:8px;white-space:nowrap;color:#77968f}.space-transport p kbd{font-size:8px;margin-left:10px}.vacuum-status{font-size:7px;letter-spacing:1px;color:#557e89;white-space:nowrap}.vacuum-status i{display:inline-block;height:3px;width:3px;background:#789ca0;border-radius:50%;margin:0 7px}.photo-flash{position:absolute;inset:0;background:#e1f5ee;opacity:0;pointer-events:none;z-index:20}.photo-flash.flash{animation:flash .6s ease-out}@keyframes flash{from{opacity:.8}to{opacity:0}}dialog{width:calc(100% - 30px);max-width:580px;max-height:88dvh;overflow:auto;padding:28px;background:#0f222d;border:1px solid #6e948966;border-radius:12px;color:#c7d9ce;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#020912b9;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dialog-header h2{font-size:27px;font-weight:400;letter-spacing:-.6px;margin:12px 0}.dialog-header button{background:none;border:0;font-size:24px;padding:0 5px}dialog p{font-size:12px;line-height:1.9;color:#9ebbb0}dialog h3{font-size:14px;font-weight:500;margin:25px 0 10px;color:#dcebdc}.control-grid{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:11px;color:#b7cfc1;align-items:center}.control-grid kbd{justify-self:start;font-size:10px}#spaceToast{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);padding:13px 19px;background:#d4efbc;color:#1d331b;border-radius:6px;font-size:11px;line-height:1.5;max-width:90%;z-index:30;pointer-events:none;opacity:0;transition:opacity .2s}#spaceToast.visible{opacity:1}.touch-controls{display:none}.finished .mission-heading,.finished .scanner-panel,.finished .objectives,.finished .rendezvous-panel,.finished .scene-tools,.finished .reticle,.finished .direction-cue,.finished .target-marker,.finished .touch-controls{display:none!important}.finished .flight-notice{max-width:none}
@media(max-height:800px){.mission-heading{top:24px}.mission-heading h1{font-size:47px;margin:15px 0 10px}.objectives{top:246px}.objectives li{margin-bottom:16px}.scanner-panel{top:22px;padding:14px}.radar{height:126px}.contact-item{padding:8px}.telemetry-strip{height:100px;padding-top:17px;padding-bottom:17px}.flight-notice{bottom:118px}.rendezvous-panel{bottom:118px}.intro-card{width:320px;padding:24px}.intro-card h2{font-size:26px}.direction-cue{bottom:145px}}
@media(max-width:1180px){.space-top{gap:28px}.space-transport p,.vacuum-status{display:none}.mission-heading{left:25px}.objectives{left:25px}.scanner-panel{right:20px;width:205px}.mission-heading h1{font-size:46px}.intro-card{left:49%;width:310px}.scene-tools{left:51%}.telemetry-strip{gap:30px;padding-left:25px;padding-right:25px}.rendezvous-panel{right:20px;width:255px}.flight-notice{left:25px;max-width:310px}.outcome-card{right:25px;width:280px}.space-transport>div{width:100%;justify-content:space-between}}
@media(max-width:850px){.mission-heading h1{font-size:35px}.mission-heading p,.sector-label{display:none}.mission-heading .eyebrow{font-size:7px}.objectives{top:180px;max-width:180px}.objectives b{font-size:10px}.objectives small{font-size:7px;max-width:120px;line-height:1.6}.scanner-panel{width:180px;right:14px;padding:12px}.radar{height:103px}.panel-heading{font-size:7px;letter-spacing:.7px}.scanner-note{font-size:6px}.scene-tools{top:18px}.scene-tools button{font-size:8px;padding:7px}.intro-card{top:55%;left:50%;width:300px}.telemetry-strip{gap:20px}.clock{min-width:80px}.telemetry-metric{min-width:110px}.speed{min-width:85px}.speed strong{font-size:36px}.gas-metric>div>span{font-size:6px;letter-spacing:.6px}.mission-heading{top:25px;left:20px}.space-top{height:63px;padding:0 17px;gap:20px}.mode-tabs{gap:15px}.mode-tabs a{font-size:10px}.space-top .quiet{font-size:9px;padding:5px}.space-top .quiet span{display:none}.space-stage{height:calc(100dvh - 122px)}.space-transport{height:59px;padding:0 12px}.space-transport button{font-size:9px;padding:8px}.space-transport button kbd{display:none}.rendezvous-panel{bottom:116px;width:230px}.rendezvous-panel h2{font-size:20px}.flight-notice{max-width:220px}.direction-cue{bottom:134px}.outcome-card{width:260px;padding:22px}.outcome-card h2{font-size:40px}}
@media(max-width:600px){body{overflow:auto}.space-top{height:60px;gap:14px;padding:0 12px}.brand{font-size:10px;letter-spacing:1px;gap:7px}.brand svg{width:23px}.brand small{font-size:6px;letter-spacing:2px}.mode-tabs{gap:12px}.mode-tabs a{font-size:8px}.mode-tabs span{display:none}.space-top .quiet{font-size:0;padding:3px;margin-left:auto}.space-top .quiet span{display:block;font-size:11px;margin:0}.space-stage{height:calc(100dvh - 123px);min-height:510px}.mission-heading{left:16px;top:20px}.mission-heading h1{font-size:34px;line-height:1.03;margin-top:12px}.mission-heading .eyebrow{font-size:5.5px;letter-spacing:1.2px}.objectives{top:157px;left:16px;max-width:166px}.objectives li{gap:9px;margin-bottom:13px}.objectives li>span{height:22px;width:22px;font-size:7px}.objectives b{font-size:9px}.objectives small{font-size:6.5px;margin-top:5px}.scanner-panel{top:16px;right:12px;width:150px;padding:10px}.panel-heading{font-size:5.5px;letter-spacing:.6px}.panel-heading b{font-size:5px}.radar{height:81px;margin-top:6px}.scanner-scale{font-size:4.5px;margin-bottom:8px}.contact-list{min-height:83px}.contact-item{padding:7px 5px;margin:0}.contact-item b{font-size:8px}.contact-item small{font-size:6px;margin-top:4px}.contact-item>span:last-child{font-size:7px}.scan-button{padding:8px;font-size:9px;margin-top:8px}.scan-button kbd{display:none}.scanner-note{font-size:5px;margin-top:7px}.empty-contacts{font-size:8px;padding:3px}.scene-tools{left:16px;top:291px;transform:none;gap:5px}.scene-tools button{font-size:7px;padding:7px}.telemetry-strip{height:92px;padding:15px 13px;gap:15px}.speed{gap:6px;min-width:70px}.speed strong{font-size:31px}.speed>span{font-size:9px}.speed small{font-size:5px;letter-spacing:.4px}.telemetry-metric{min-width:76px;gap:7px}.telemetry-metric>span{font-size:5px;letter-spacing:.6px}.telemetry-metric b{font-size:16px}.telemetry-metric small{font-size:6px}.gas-metric{min-width:83px}.gas-metric>div>span{font-size:5px;letter-spacing:.3px;max-width:55px;line-height:1.5}.gas-metric b{font-size:9px}.gas-metric small{font-size:6px}.gas-track{margin:8px 0 5px;height:4px}.clock{display:none}.flight-notice{left:14px;right:14px;bottom:105px;max-width:none;font-size:7px;max-height:35px;overflow:hidden}.space-transport{height:63px;padding:0 8px}.space-transport>div{gap:3px;flex-wrap:wrap;justify-content:space-around}.space-transport button{font-size:8px;padding:7px 6px;border-color:transparent}.space-transport button.active{border-color:#b7f46a55}.space-transport #spaceReset span{display:none}.space-transport #refillSpace{font-size:7px}.intro-card{top:55%;left:50%;width:290px;padding:25px;z-index:7}.intro-card h2{font-size:25px}.intro-card p{font-size:10px}.touch-controls{display:flex;position:absolute;left:14px;right:14px;bottom:160px;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;background:#102c36b3;backdrop-filter:blur(7px);border:1px solid #abcbb84a;width:38px;height:37px;padding:5px;font-size:17px}.touch-controls button.pressed{color:#1b331b;background:var(--green)}.touch-controls>div{display:flex;align-items:center;flex-direction:column;gap:4px}.touch-controls>div>div{display:flex;gap:4px}.touch-rise button{font-size:7px;width:48px}.direction-cue{bottom:144px;padding:6px 9px;gap:8px}.direction-cue b{font-size:7px}.direction-cue small{font-size:6px}.direction-cue>span{font-size:17px}.rendezvous-panel{right:12px;bottom:285px;width:185px;padding:12px}.rendezvous-panel .eyebrow{font-size:5px;letter-spacing:.6px}.rendezvous-panel h2{font-size:17px;margin:8px 0}.rendezvous-panel p{font-size:7px;margin-bottom:8px}.rendezvous-panel .primary{font-size:8px;padding:10px}.rendezvous-panel kbd{display:none}.hold-track{margin:10px 0}.outcome-card{right:50%;top:auto;bottom:112px;transform:translateX(50%);width:285px;padding:23px}.outcome-card h2{font-size:34px;margin:13px 0}.result-grid{margin:15px 0;gap:12px}.result-grid>div{min-width:60px}.result-grid span{font-size:5.5px}.result-grid b{font-size:16px}.outcome-card p{font-size:9px}.finished .telemetry-strip{opacity:.6}.finished .flight-notice{display:none}.target-marker b{font-size:6px}.target-marker small{font-size:7px}dialog{padding:23px}.control-grid{grid-template-columns:120px 1fr;font-size:10px}.dialog-header h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:600px){.space-top .brand>span{display:none}.space-top{gap:12px}.space-top .mode-tabs{flex:1;justify-content:space-between;gap:10px}.space-top .mode-tabs a{white-space:nowrap;font-size:8px}.space-top .quiet{margin-left:0}}