:root{font-family:Segoe UI,Inter,Arial,sans-serif;color:#e5eee7;background:#070e11;font-synthesis:none;--amber: #efbd77;--muted: #849a96;--line: rgba(169, 199, 186, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%}button{font:inherit;cursor:pointer;color:#dce8df;border:1px solid #54675f;background:#182723;padding:15px 24px;transition:background .15s}button:hover{background:#31463a}button:focus-visible{outline:2px solid #f9d5a0;outline-offset:5px}.button-primary{background:var(--amber);color:#17251f;border-color:var(--amber);display:inline-flex;align-items:center;gap:70px;text-align:left;font-weight:600}.button-primary:hover{background:#ffdaa6}.button-primary span{font-size:23px;font-weight:400}.eyebrow,.menu-top,.session-note,.diagram-label,.diagram-coordinate,.hud-topline,.meter-caption,.inventory,.hazard-status,.map-key,.route-map text,.results span{font:10px/1.5 Courier New,monospace;letter-spacing:1.6px}.eyebrow{color:var(--muted)}.amber{color:var(--amber)}.danger{color:#ff8c76}kbd,.key{font:10px Courier New,monospace;border:1px solid #597269;padding:4px 6px;border-radius:3px;color:#dce9e1;white-space:nowrap}.is-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.overlay{position:fixed;inset:0;z-index:10;padding:30px 5vw 25px;background:radial-gradient(ellipse at 77% 40%,#2b403931,transparent 55%),linear-gradient(115deg,#071011fa 20%,#101b17ed 75%,#080e10f2);display:flex;flex-direction:column;overflow-y:auto}.menu-top{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);color:#9daea4}.menu-top span:first-child{font-size:14px;font-weight:700;color:#d5e3d5;letter-spacing:5px}.menu-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;flex:1;padding:34px 0}h1{margin:22px 0;font-size:clamp(45px,6.8vw,94px);font-weight:450;letter-spacing:-4px;line-height:.99}h1 span{color:var(--amber)}.menu-lead{font-size:19px;line-height:1.6;color:#c2cfc3}.menu-description{color:#94a59b;font-size:14px;line-height:1.8;max-width:405px;margin:15px 0 26px}.session-note{margin-top:15px;color:#8b9c8e;font-size:9px}.menu-footer{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.briefing-controls{display:grid;grid-template-columns:repeat(4,auto);gap:17px 22px}.briefing-controls span{display:flex;align-items:center;gap:8px;color:#a6b7ab;font-size:11px;white-space:nowrap}.menu-footer p{font-size:11px;line-height:1.8;margin:0;color:#9fae9f}.station-diagram{position:relative;height:380px;transform:rotate(-16deg);opacity:.7;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#9eb59d09 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#9eb59d09 40px)}.orbit{position:absolute;top:40px;bottom:40px;width:180px;border:1px solid #bac7a752;border-radius:50%;box-shadow:inset 0 0 40px #8eac8c08}.orbit--a{left:8%;border-color:#d5c29c7d}.orbit--b{left:32%;border-style:dashed;opacity:.65}.orbit--c{left:56%}.station-axis{position:absolute;inset:40px 3% 40px 8%;border-top:1px solid #bac7a742;border-bottom:1px solid #bac7a742}.station-axis:before{content:"";position:absolute;left:-25px;right:-25px;top:50%;border-top:1px dashed #d0b58166}.diagram-label{position:absolute;left:15%;bottom:-3px;color:#cfbea2;line-height:1.8;transform:rotate(16deg)}.diagram-coordinate{position:absolute;top:-10px;right:0;color:#9baa99;transform:rotate(16deg);font-size:8px}.diagram-beacon{position:absolute;top:294px;left:36%;width:8px;height:8px;background:#ffd396;border-radius:50%;box-shadow:0 0 24px #efbd77}.end-card{margin:auto;text-align:center;max-width:780px;padding:32px 0}.end-card h1{font-size:clamp(44px,7vw,84px);margin:30px 0}.end-card p{color:#a9bcaf;line-height:1.8;font-size:16px}.end-card .briefing-controls{margin-top:45px}.menu-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}.results{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:24px;gap:36px}.results strong{display:block;font-size:35px;font-weight:400}.results span{color:#8eab98;font-size:9px}.result-rank{color:var(--amber);font:11px monospace;letter-spacing:3px;margin-top:30px}.end-card .ending-line{font-size:13px;margin:25px 0}#hud{position:fixed;inset:0;pointer-events:none}.helmet-edge{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 47%,#07100f55 100%)}.hud-topline{position:absolute;top:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;color:#d3e1d4;text-shadow:0 1px 5px #000}.live-dot{display:inline-block;width:5px;height:5px;background:#b5f4c5;border-radius:50%;margin-right:8px}.objective{position:absolute;top:63px;left:30px;width:315px;background:linear-gradient(90deg,#0a171beb,#0a171b70);border-left:2px solid var(--amber);padding:15px 18px 14px}.objective h2{margin:8px 0;font-size:19px;font-weight:500;line-height:1.2}.objective p{font-size:11px;color:#bbcbc4;line-height:1.6;margin:0}.steps{display:flex;gap:5px;margin-top:14px}.steps i{height:2px;width:25px;background:#7e958649}.steps i.filled{background:var(--amber)}.route-map{position:absolute;right:30px;top:63px;width:172px;padding:12px;background:#0a171bb8;border:1px solid #afc3af1f}.route-map .eyebrow{font-size:8px;letter-spacing:.5px}.route-map .eyebrow span{float:right}.route-map svg{width:100%;display:block}.route-map text{fill:#9eafa0;font-size:7px;letter-spacing:.5px}.map-key{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.2px;color:#c4be97}.crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#effff1bf;border-radius:50%;box-shadow:0 0 3px #000;transform:translate(-50%,-50%)}.waypoint{position:absolute;display:flex;align-items:center;flex-direction:column;color:var(--amber);text-shadow:0 1px 5px #000,0 1px 10px #000;transform:translate(-50%,-100%);font-size:10px;white-space:nowrap}.waypoint__diamond{font-size:29px;line-height:1.2}.waypoint strong{font:10px monospace;margin-top:3px}.waypoint.near{opacity:.5}.waypoint.offscreen .waypoint__diamond{font-size:19px}.interaction{position:absolute;left:50%;top:61%;transform:translate(-50%);display:flex;gap:14px;align-items:center;background:#0a171be8;padding:12px 18px;border:1px solid #efbd7755;min-width:280px;opacity:0}.interaction.visible{opacity:1}.interaction .key{font-size:20px;padding:8px 12px;border-color:var(--amber);color:var(--amber)}.interaction strong{display:block;font-size:13px;font-weight:500;margin-top:3px}.interaction .eyebrow{font-size:8px}.interaction__track{height:2px;background:#9cb2a430;margin-top:8px}.interaction__track i{display:block;height:100%;width:100%;background:var(--amber);transform-origin:left}.suit{position:absolute;left:30px;bottom:66px;width:230px;background:linear-gradient(90deg,#0a171bdb,#0a171b60);padding:14px 16px;border-left:1px solid #adc4b638}.suit>.eyebrow{margin-bottom:11px;font-size:8px}.suit-meter{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:9px;margin-top:10px}.suit-icon{font-size:15px;color:#b2cebf}.meter-caption{display:flex;justify-content:space-between;font-size:8px;color:#a9c0b0;letter-spacing:1px}.meter-caption strong{color:#e5efde;font-weight:400;font-size:12px}.meter-track{height:3px;background:#89a29333;margin-top:3px}.meter-track i{display:block;height:100%;width:100%;background:#b6d5b8;transform-origin:left}.suit-meter:first-of-type .meter-track i{background:#8be1d2}.suit-meter.low .meter-track i{background:#ff7e68}.suit-meter.low .meter-caption strong{color:#ff967b}.inventory{position:absolute;right:30px;bottom:73px;display:grid;gap:10px;text-align:right;font-size:8px;color:#d4debe;text-shadow:0 1px 5px #000}.controls{position:absolute;bottom:24px;left:30px;right:30px;display:flex;gap:24px;color:#afc0b2;font-size:10px;text-shadow:0 1px 4px #000}.controls kbd{font-size:8px;background:#08131099;margin-right:5px}.radio{position:absolute;bottom:94px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:flex-start;width:min(460px,38vw);padding:12px 15px;background:#08161ae0;border-top:1px solid #9bbeb34d;opacity:0;transition:opacity .3s}.radio.visible{opacity:1}.radio p{font-size:12px;line-height:1.7;color:#d0dfd7;margin:0}.radio__icon{color:var(--amber);font-size:22px;line-height:1.1}.hazard-status{position:absolute;top:28%;left:50%;transform:translate(-50%);color:#8ae3c3;background:#071512dd;padding:9px 14px;opacity:0;font-size:9px}.hazard-status.visible{opacity:1}.hazard-status[data-phase=active]{color:#ff8970}.hazard-status[data-phase=warning]{color:#f5c36d}.damage-wash{position:absolute;inset:0;box-shadow:inset 0 0 110px #b62d0044;opacity:0;transition:opacity .3s}.in-danger .damage-wash{opacity:1}@media(max-height:760px){.overlay{padding-top:22px}.menu-main{padding:22px 0}.menu-copy h1{font-size:68px;margin:16px 0}.menu-lead{font-size:16px;margin:10px 0}.menu-description{font-size:12px;margin:12px 0 20px}.station-diagram{height:320px}.diagram-beacon{top:241px}.menu-footer{padding-top:16px}}@media(max-width:950px){.briefing-controls{grid-template-columns:repeat(4,auto);gap:12px}.menu-footer{flex-direction:column;gap:16px}.station-diagram{transform:rotate(-16deg) scale(.85)}.orbit{width:130px}.radio{bottom:200px;width:min(470px,65vw)}.route-map{width:135px}.controls{gap:12px}}@media(max-width:650px){.menu-main{display:block}.station-diagram{display:none}.menu-top span:nth-child(2){display:none}.menu-copy h1{font-size:60px}.briefing-controls{grid-template-columns:repeat(2,auto)}.menu-footer{padding-bottom:20px}.objective{left:15px;width:245px}.route-map{display:none}.hud-topline{left:15px;right:15px}.suit{left:15px;width:180px;bottom:50px}.inventory{right:15px;bottom:60px;font-size:7px}.controls{left:15px;gap:12px;flex-wrap:wrap;bottom:14px}.controls span:nth-child(n+4){display:none}.radio{bottom:215px;width:85vw}.hazard-status{top:36%;font-size:8px;white-space:nowrap}.results{gap:15px;padding:20px 0}.results strong{font-size:26px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}