:root{color-scheme:dark;--text:#e6e8e9;--muted:#90999f;--accent:#b9d6d2;--line:rgba(212,225,232,.18);--panel:rgba(10,14,18,.65);font-family:Arial,Helvetica,sans-serif;background:#030509;color:var(--text)}
#sample-card{position:absolute;right:29px;top:335px;width:221px;padding:13px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);pointer-events:auto}#sample-card summary{cursor:pointer;font:9px Consolas,monospace;color:var(--accent);letter-spacing:.08em}#sample-count{display:block;font-size:8px;letter-spacing:0;color:#aab6b9;margin:9px 0 0}#sample-status{font:11px/1.55 Arial,sans-serif;color:#b9c8cc;min-height:34px}.sample-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sample-buttons button{min-height:33px;padding:7px;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:5px}.sample-buttons button:last-child{grid-column:1/-1}#sample-progress{width:100%;height:4px;accent-color:#b9d6d2;margin:0 0 10px}.ui-hidden #sample-card{visibility:hidden}@media(max-width:1000px){#sample-card{right:18px;width:182px}}@media(max-width:650px){#sample-card{right:14px;top:320px;width:158px;padding:10px;max-height:calc(100dvh - 510px);overflow:auto}#sample-card summary{font-size:8px}#sample-count{font-size:7px}#sample-status{font-size:9px}.sample-buttons button{font-size:9px;min-height:34px}}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:rgba(18,24,29,.7);transition:background .18s,border-color .18s}button:hover{background:rgba(85,113,118,.3);border-color:rgba(185,214,210,.65)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}kbd{font-family:Consolas,monospace;font-size:10px;color:#cbd6da;font-weight:normal}canvas#scene{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,3,7,.23));z-index:1}#transition{position:fixed;inset:0;z-index:15;background:#030509;opacity:0;pointer-events:none;transition:opacity .25s}#transition.active{opacity:1}
header{position:fixed;z-index:10;left:29px;right:29px;top:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:12px;letter-spacing:.25em;font-weight:600;pointer-events:auto}.brand-icon{height:31px;width:31px;display:grid;place-items:center;border:1px solid #889b9c;border-radius:50%;color:#b9d6d2;font-size:18px;font-weight:normal}.brand small{display:block;font-family:Consolas,monospace;font-weight:normal;font-size:8px;letter-spacing:.12em;margin-top:6px;color:#9da9b0}.header-tools{display:flex;gap:7px;pointer-events:auto}.header-tools button{height:31px;padding:0 11px;font-family:Consolas,monospace;font-size:9px;letter-spacing:.07em}#help-button{width:32px;padding:0;font-size:13px}#views{display:flex;gap:3px;padding:4px;background:rgba(8,12,16,.82);backdrop-filter:blur(12px);border:1px solid var(--line);pointer-events:auto}#views button{font-size:11px;border-color:transparent;background:transparent;padding:10px 13px;white-space:nowrap}#views kbd{margin-right:7px;font-size:9px;color:#7c8b92}#views button[aria-pressed=true]{background:#b9d6d2;color:#132023}#views button[aria-pressed=true] kbd{color:#4d6b6d}
#welcome{position:fixed;inset:0;z-index:5;background:linear-gradient(90deg,rgba(3,7,11,.77),rgba(3,7,11,.3) 45%,transparent 77%);display:flex;align-items:center}.welcome-content{margin-left:8vw;max-width:460px;padding:75px 0 25px}.eyebrow{font:9px Consolas,monospace;letter-spacing:.19em;color:var(--accent)}.welcome-content .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:1px;background:var(--accent)}h1{font-size:clamp(46px,6.3vw,83px);font-weight:400;line-height:.99;letter-spacing:-.065em;margin:26px 0 23px}h1 em{font-style:normal;color:#c0d9d5}.intro{font-size:13px;line-height:1.9;color:#c1c9cd;max-width:332px}.mission-facts{display:flex;gap:24px;margin:29px 0;border-top:1px solid var(--line);padding-top:18px}.mission-facts b{display:block;font:13px Consolas,monospace}.mission-facts span{display:block;font:8px Consolas,monospace;letter-spacing:.07em;color:#91a1ab;margin-top:7px}.primary{padding:16px 20px;background:#bdd7d3;color:#152426;border-color:#bdd7d3;font:10px Consolas,monospace;letter-spacing:.12em;min-width:220px;display:flex;justify-content:space-between;align-items:center}.primary:hover{color:#e8f3f1;background:#365252}.primary span{font-size:18px}.load-status{font:9px Consolas,monospace;color:#a0b2ba;margin-top:13px}.landing-caption{position:absolute;right:35px;bottom:32px;font:9px Consolas,monospace;letter-spacing:.14em}.landing-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.landing-caption small{display:block;margin:8px 0 0 15px;font-size:8px;color:#99a6ad}
#hud{position:fixed;inset:0;z-index:4;pointer-events:none}#hud button{pointer-events:auto}.telemetry{position:absolute;top:104px;right:29px;width:211px;padding:16px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px)}.section-title{display:flex;align-items:center;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:.14em;color:#b2c1c8}.section-title i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block}dl{margin:18px 0 0}dl>div{display:flex;justify-content:space-between;margin-bottom:13px;font-size:10px}dt{color:#a7b1b7}dd{margin:0;font:11px Consolas,monospace}dd small{font-size:9px;color:#89999f}.telemetry p{font:8px Consolas,monospace;color:#9daeb6;border-top:1px solid var(--line);padding-top:12px;margin:4px 0 0}#surface-note{position:absolute;left:30px;top:105px;font:8px Consolas,monospace;letter-spacing:.12em;display:flex;gap:9px;align-items:center;color:#c0ccce}#reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:18px Consolas,monospace;color:rgba(224,235,239,.6);font-weight:100}#resume{position:absolute;left:50%;top:calc(50% + 34px);transform:translateX(-50%);font:9px Consolas,monospace;padding:9px 12px;white-space:nowrap;background:rgba(8,12,15,.7)}#mini-map{position:absolute;left:29px;bottom:28px;width:180px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px)}.map-title,.map-footer{display:flex;justify-content:space-between;padding:10px 11px;font:8px Consolas,monospace;letter-spacing:.1em;color:#a9b9c1}#map{display:block;width:180px;height:120px}.map-footer{padding-top:4px;color:#b9d6d2}.view-caption{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:8px;white-space:nowrap}.view-caption>span:first-child{font:8px Consolas,monospace;letter-spacing:.15em;color:var(--accent)}.view-caption strong{font:10px Consolas,monospace;font-weight:400;letter-spacing:.17em}.view-caption>span:last-child{font-size:10px;color:#a8b4bc}.control-strip{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);display:flex;gap:21px;font-size:9px;color:#a4b1b7;white-space:nowrap;padding:12px 16px;border-top:1px solid var(--line);background:linear-gradient(transparent,rgba(3,7,11,.22))}.control-strip kbd{margin-right:6px}
#orbit-tools{position:absolute;left:35px;top:24%;width:215px}h2{font-size:34px;font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:15px 0}#orbit-tools>p:not(.eyebrow){color:#91a3ae;font-size:11px;line-height:1.8}.orbit-presets{display:flex;flex-direction:column;gap:8px;margin-top:23px}.orbit-presets button{display:flex;justify-content:space-between;padding:12px 13px;text-align:left;font:10px Consolas,monospace}.orbit-presets button span{color:var(--accent)}.zoom-row{display:flex;gap:7px;margin:8px 0}.zoom-row button{flex:1;font:9px Consolas,monospace;padding:10px 5px}#return-surface{width:100%;padding:12px;font:9px Consolas,monospace;text-align:left;margin-top:13px}#orbit-tools>small{display:block;font:7px Consolas,monospace;letter-spacing:.08em;color:#6e848f;margin-top:23px;line-height:1.8}.body-label{position:absolute;font:9px Consolas,monospace;letter-spacing:.14em;padding:6px 9px;border-left:1px solid #a1babd;background:rgba(4,8,12,.45);color:#cfdddd;white-space:nowrap;pointer-events:none}.body-label span{display:block;font-size:8px;letter-spacing:0;color:#859ca8;margin-top:5px}#toast{position:fixed;z-index:21;bottom:150px;left:50%;transform:translateX(-50%);font:10px Consolas,monospace;color:#e1ecea;background:rgba(9,20,24,.9);border:1px solid var(--line);padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .25s;text-align:center}#toast.visible{opacity:1}
dialog{width:min(520px,calc(100% - 32px));padding:30px;background:#10181e;border:1px solid #435960;color:#e1eaec;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#03070baa;backdrop-filter:blur(5px)}#close-help{position:absolute;top:14px;right:14px;width:28px;height:28px;font-size:20px}dialog>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#a6b9c3}.help-controls>div{display:block;border-top:1px solid var(--line);padding-top:12px}.help-controls dt{font:11px Consolas,monospace;color:#c6e0dc;margin-bottom:6px}.help-controls dd{font:11px/1.7 Arial,sans-serif;color:#a6b9c3}dialog a{font-size:10px;color:#b6d6d0}.science-note{font-size:10px!important}.touch-controls{display:none;position:absolute;right:20px;bottom:22px;pointer-events:auto}.touch-pad{display:grid;grid-template-columns:repeat(3,43px);gap:5px}.touch-pad button{height:43px;touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1}#touch-jump{width:100%;margin-top:8px;padding:10px;font:9px Consolas,monospace;touch-action:none}#error{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080d12;padding:30px;text-align:center}#error p{max-width:550px;color:#a6b8c3;line-height:1.7}#error button{padding:12px 22px}.ui-hidden header,.ui-hidden #hud{visibility:hidden}
@media(max-width:1000px){header{left:18px;right:18px}.brand small{font-size:7px}.brand{font-size:10px}.header-tools #quality{display:none}#views button{padding:9px;font-size:10px}#views kbd{margin-right:3px}.telemetry{right:18px;width:182px}.control-strip{gap:13px}#mini-map{width:160px;left:18px}#map{width:160px;height:107px}#orbit-tools{left:24px;width:175px}#orbit-tools h2{font-size:29px}}
@media(max-width:650px){header{top:16px;align-items:flex-start}.brand small{display:none}#views{position:absolute;top:50px;left:50%;transform:translateX(-50%)}#views button{font-size:10px;padding:9px 10px}.welcome-content{margin-left:8vw;max-width:84vw}h1{font-size:64px}.intro{font-size:12px;max-width:290px}.mission-facts{gap:20px}.landing-caption{display:none}.telemetry{top:119px;right:14px;width:147px;padding:11px}.telemetry dt{font-size:8px}.telemetry dd{font-size:9px}.telemetry dl>div{margin-bottom:11px}#surface-note{top:122px;left:15px;font-size:7px;max-width:150px}.section-title{font-size:7px}#mini-map{bottom:19px;left:14px;width:138px}#map{width:138px;height:92px}.map-title,.map-footer{font-size:7px}.control-strip{display:none}.view-caption{bottom:26px;left:auto;right:20px;transform:none;text-align:right}.view-caption>span:last-child{display:none}.view-caption strong{font-size:8px}#orbit-tools{left:17px;top:230px;width:154px}#orbit-tools h2{font-size:25px}#orbit-tools>p:not(.eyebrow){font-size:9px}#orbit-tools>small{font-size:6px;margin-top:13px}.orbit-presets{margin-top:12px}.orbit-presets button{font-size:9px}#orbit-tools .eyebrow{font-size:7px}#orbit-tools #return-surface{font-size:8px}#toast{width:80%;font-size:9px}dialog{padding:24px}dialog h2{font-size:28px}}
@media(pointer:coarse){.touch-controls{display:block}.control-strip{display:none}.view-caption{bottom:180px;right:20px;left:auto;transform:none;text-align:right}.view-caption>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#rover-card{position:absolute;left:29px;top:143px;width:221px;padding:15px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);pointer-events:auto}#rover-card .eyebrow{font-size:7px;display:block;margin-bottom:10px}#rover-card strong{font:9px/1.6 Consolas,monospace;letter-spacing:.03em}#rover-card p{font-size:10px;line-height:1.6;color:#9eafb7;margin:7px 0 12px}#rover-action{width:100%;padding:10px 11px;font:10px Consolas,monospace;text-align:left;display:flex;justify-content:space-between;background:rgba(185,214,210,.12)}#rover-action:disabled{cursor:default;opacity:.45}#find-rover{border:0;background:transparent;margin-top:9px;color:#9db7bb;padding:2px 0;font:9px Consolas,monospace}#crew-button{display:flex;align-items:center;gap:7px}#crew-count{color:var(--accent)}#crew-presence{position:absolute;right:29px;top:300px;font:8px Consolas,monospace;color:#b9d6d2;display:flex;gap:8px;align-items:center}.dialog-close{position:absolute;right:13px;top:13px;width:28px;height:28px;font-size:20px}#crew-dialog{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 35px);overflow:auto}#crew-dialog h2{margin-bottom:12px}.form-label{display:block;font:8px Consolas,monospace;letter-spacing:.12em;color:#a2bfc1;margin:18px 0 8px}#crew-dialog input{width:100%;min-width:0;color:#e1ecea;background:#081116;border:1px solid #344950;padding:12px;font:12px Consolas,monospace;border-radius:0}#crew-dialog input:focus{outline:1px solid var(--accent)}#host-expedition{width:100%;margin-top:16px}.join-row>div,.invite-row{display:flex;gap:8px}.join-row button,.invite-row button{flex-shrink:0;padding:9px 13px;font:10px Consolas,monospace}#network-status{padding:12px;border-left:2px solid #7b999e;background:#091318;font-size:11px!important;color:#c5dcda!important}#network-status[data-phase=error]{border-color:#d29981;color:#e6baaa!important}.invite-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.invite-title span{font:8px Consolas,monospace;color:#a0b9bb}.invite-title strong{font:21px Consolas,monospace;color:var(--accent);letter-spacing:.1em}#invite-link{font-size:9px!important}#crew-list{list-style:none;padding:0;margin:17px 0}#crew-list li{display:flex;justify-content:space-between;font:11px Consolas,monospace;padding:9px 0;border-bottom:1px solid var(--line)}#crew-list small{color:#8ca8af;font-size:8px}#leave-expedition{padding:10px 12px;font:10px Consolas,monospace;width:100%}#crew-dialog .science-note{margin:18px 0 0}.header-tools{flex-wrap:nowrap}
@media(max-width:1000px){#rover-card{left:18px;width:182px}#crew-presence{right:18px}}
@media(max-width:650px){#rover-card{top:162px;left:14px;width:145px;padding:10px}#rover-card strong{font-size:8px}#rover-card .eyebrow{font-size:6px}#rover-card p{font-size:8px}#rover-action{font-size:8px;padding:9px 6px}#find-rover{font-size:8px}#crew-presence{right:14px;top:292px;font-size:7px}#crew-dialog{padding:24px 20px}#crew-dialog>.eyebrow{font-size:7px;margin-right:20px}.header-tools #crew-button{font-size:8px;padding:0 9px}.view-caption{max-width:160px;white-space:normal}}

.header-tools #costume-button{min-width:94px;padding:0 9px;font:8px Consolas,monospace;letter-spacing:.08em;color:#d4c39d}@media(max-width:1000px){#sample-card{right:18px;width:182px}.header-tools #costume-button{min-width:88px}header{gap:8px}}@media(max-width:650px){.header-tools #costume-button{min-width:77px;padding:0 5px;font-size:7px}.header-tools{gap:4px}}

#mission-card{position:absolute;left:29px;top:315px;width:252px;padding:14px 15px;border:1px solid rgba(224,193,135,.31);background:linear-gradient(145deg,rgba(20,20,18,.87),rgba(10,15,18,.72));backdrop-filter:blur(9px);pointer-events:auto;box-shadow:0 12px 30px rgba(0,0,0,.16)}#mission-card .eyebrow{display:flex;justify-content:space-between;margin:0 0 9px;font-size:7px;color:#e4c590}#mission-number{font:7px Consolas,monospace;color:#97aaa9;letter-spacing:.07em}#mission-card strong{display:block;font:11px/1.3 Consolas,monospace;color:#e7e5de;letter-spacing:.06em}#mission-card p:not(.eyebrow){margin:8px 0;color:#aebbc0;font-size:10px;line-height:1.5}#mission-card #mission-progress{margin:10px 0 12px;padding-top:9px;border-top:1px solid rgba(212,225,232,.15);font:8px Consolas,monospace;color:#e7c990;letter-spacing:.06em}#mission-card>div{display:flex;gap:7px}#mission-card button{padding:8px 10px;font:8px Consolas,monospace;letter-spacing:.04em}#mission-card #mission-action{flex:1;border-color:rgba(224,193,135,.43);background:rgba(196,163,104,.12);color:#f1d5a0}.ui-hidden #mission-card{visibility:hidden}
#throw-guide{position:absolute;left:50%;bottom:136px;transform:translateX(-50%);width:min(316px,calc(100vw - 38px));padding:11px 13px;background:rgba(5,15,19,.87);border:1px solid rgba(159,241,220,.48);backdrop-filter:blur(10px);box-shadow:0 0 32px rgba(111,236,210,.1);text-align:center;pointer-events:none}#throw-guide>div{display:flex;justify-content:space-between;align-items:center;font:8px Consolas,monospace;letter-spacing:.13em;color:#a5dcd1}#throw-range{font:9px Consolas,monospace;letter-spacing:.05em;color:#f3d7a4}#throw-power{display:block;width:100%;height:4px;margin:10px 0 7px;accent-color:#9ff1dc;filter:drop-shadow(0 0 3px rgba(159,241,220,.55))}#throw-guide p{margin:0;font:7px Consolas,monospace;letter-spacing:.08em;color:#91a9ad}.ui-hidden #throw-guide{visibility:hidden}
@media(max-width:1000px){#mission-card{left:18px;width:218px;top:306px}#throw-guide{bottom:122px}}
#mission-card #mission-guidance{padding:9px 10px;border-left:2px solid #e2c48c;background:rgba(224,193,135,.07);color:#e8d8b9;font-size:11px;line-height:1.5}#mission-card .mission-buttons{display:flex;flex-wrap:wrap;gap:6px}#mission-card button:disabled{opacity:.45;cursor:default}#mission-card.first-assignment{border-color:#d7b77c}
@media(max-width:650px){#mission-card{left:14px;top:287px;width:152px;padding:10px}#mission-card .eyebrow{font-size:6px}#mission-card strong{font-size:8px}#mission-card p:not(.eyebrow){font-size:8px;line-height:1.45}#mission-card #mission-progress{font-size:7px;margin:8px 0}#mission-card button{font-size:7px;padding:7px 5px}#throw-guide{bottom:134px;width:min(250px,calc(100vw - 32px));padding:9px 10px}#throw-guide>div{font-size:7px}#throw-range{font-size:8px}#throw-guide p{font-size:6px}}
