/* Mission presentation layer: monochrome broadcast telemetry, clear scene. */
:root{--cyan:#fff;--mint:#e9e9e9;--white:#fff;--muted:#a0a0a4;--bg:#08090b;--line:#ffffff30;color-scheme:dark}
body{background:#050608;color:#fff;font-family:Arial,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft Yahei',sans-serif}
body .vignette{background:linear-gradient(180deg,#0007 0,transparent 22%,transparent 58%,#000b 100%)}
body .topbar,body.playing .topbar{height:83px;padding:20px 32px;gap:24px;border-bottom:1px solid #ffffff16;background:linear-gradient(#0007,transparent);align-items:center}
body .brand,body.playing .topbar .brand{font-size:19px;letter-spacing:.23em;font-weight:650;gap:10px}
body .brand-mark{color:#fff;font-size:34px;line-height:30px}
body .brand small,body.playing .topbar .brand small{font:8px Arial,sans-serif;color:#ffffff90;letter-spacing:.3em;margin-top:5px}
body .world-id{display:none}
body .topbar nav{gap:22px;align-items:center}
body .topbar button{border:0;border-radius:0;background:none;backdrop-filter:none;color:#fff;font-size:11px;letter-spacing:.08em;padding:8px 0;border-bottom:1px solid transparent}
body .topbar button:hover,body .topbar button[aria-expanded=true]{background:none;border-bottom-color:#fff}
body:not(.playing) .topbar #view-btn,body:not(.playing) .topbar #precision-btn{display:none}
body kbd{border:1px solid #ffffff36;border-radius:2px;color:#bfc0c4;font-size:8px;background:transparent}
body .live-dot{background:#fff;box-shadow:none;width:4px;height:4px}
body #hud{color:#fff;text-shadow:0 1px 6px #0006}
body .hud-grip,body .hud-resize{display:none}
body.ui-layout-edit .hud-grip,body.ui-layout-edit .hud-resize{display:flex}
body.ui-layout-edit .hud-grip{background:#151619;color:#fff;border-bottom-color:#ffffff33}
body.ui-layout-edit .hud-managed{outline:1px dashed #ffffff60;outline-offset:3px}
body:not(.ui-layout-edit) .hud-managed{transform:none;box-shadow:none}
body .flight-clock{top:auto;bottom:130px;left:50%;gap:8px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;max-width:none;z-index:7}
body .flight-clock>span{font-size:11px;letter-spacing:.08em;color:#b6b6ba}
body .flight-clock>b{font:20px Arial,sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-weight:500}
.warp-options{position:relative;font-size:10px;margin-left:12px;color:#ddd;pointer-events:auto}
.warp-options summary{list-style:none;cursor:pointer;border-bottom:1px solid #ffffff45;padding:4px 2px;min-width:32px;text-align:center}
.warp-options summary::-webkit-details-marker{display:none}
.warp-options summary::after{content:' ▴';font-size:8px;color:#aaa}
.warp-options[open] #time-warp{display:flex}
body #time-warp{position:absolute;bottom:36px;right:0;display:none;width:max-content;background:#101114;border:1px solid #ffffff35;padding:12px;color:#fff}
body #time-warp-range{accent-color:#fff;width:82px}
body #time-warp b,body #time-warp button{color:#fff}
.flight-strip{position:absolute;bottom:24px;left:32px;right:32px;display:grid;grid-template-columns:minmax(160px,1fr) 1fr 1fr minmax(145px,.7fr) auto;gap:28px;align-items:center;border-top:1px solid #ffffff62;padding-top:20px;pointer-events:none;text-shadow:none;font-variant-numeric:tabular-nums}
.strip-mission{display:flex;flex-direction:column;gap:8px}
.strip-mission small{font-size:9px;letter-spacing:.23em;color:#a4a4a8}
.strip-mission>b{font-size:19px;letter-spacing:.06em;font-weight:500}
.strip-mission>span{font-size:10px;letter-spacing:.08em;color:#b4b4b8}
.strip-metric label{display:block;font-size:10px;color:#c3c3c7;letter-spacing:.14em;margin-bottom:6px}
.strip-metric>div{display:flex;align-items:baseline;gap:9px}
.strip-metric b{font:500 42px/.98 Arial,sans-serif;letter-spacing:-.045em;color:white}
.strip-metric span{font-size:10px;letter-spacing:.06em;color:#a9a9ae}
.strip-secondary{display:grid;gap:14px;padding-left:22px;border-left:1px solid #ffffff2a}
.strip-secondary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.strip-secondary label{font-size:9px;color:#99999f}
.strip-secondary b{font:12px Arial,sans-serif;white-space:nowrap;color:#e8e8ec}
.strip-shortcuts{display:grid;gap:8px;font-size:9px;color:#a7a7ab;justify-self:end}
.strip-shortcuts kbd{margin:0 5px 0 0;min-width:22px;text-align:center}
body .bottom-hud{left:32px;right:32px;bottom:155px;pointer-events:none}
body .telemetry{font-size:8px;color:#99999f;max-width:220px;white-space:normal}
body .telemetry small,body .quick-help,body .heading{display:none}
body.ui-telemetry-expanded .telemetry small,body.ui-layout-edit .telemetry small{display:inline}
body .space-dashboard{display:none;position:absolute;bottom:35px;left:244px;width:220px;border:1px solid #ffffff35;border-radius:0;background:#0a0b0dee;backdrop-filter:none;color:#ddd}
body.ui-telemetry-expanded:not(.reentry-mode) .space-dashboard,body.ui-layout-edit:not(.reentry-mode) .space-dashboard{display:block}
body .space-dashboard .rates,body .space-dashboard .tvc-readout,body .space-dashboard .nav-footer{color:#aaa;border-color:#ffffff24}
body .mission{top:105px;left:32px;width:250px;border:0;background:none;padding:0}
body .mission>span{font-size:8px;color:#a5a5ab;letter-spacing:.19em}
body .mission b{color:#fff!important;font-size:15px;margin:10px 0;font-weight:500}
body .mission small{font-size:10px;color:#c2c2c7;line-height:1.6}
body .mission-progress{background:#ffffff26;width:100%;height:1px;margin-top:16px}
body .mission-progress i{height:1px;background:#fff!important}
body .route-panel{top:103px;right:32px;width:276px;padding:16px;background:linear-gradient(90deg,#090a0c9c,#090a0cda);border:0;border-left:1px solid #ffffff40;border-radius:0;backdrop-filter:none;box-shadow:none;color:#fff}
body .route-panel canvas{height:154px;margin:12px 0 8px}
body .route-panel button{color:#e0e0e4;border-color:#ffffff35;background:transparent;border-radius:1px}
body .route-panel-heading b{font-size:15px;color:#fff}
body .autopilot-controls #autopilot-btn,body .autopilot-controls #autopilot-btn[aria-pressed=true]{color:white}
body .autopilot-controls #autopilot-btn[aria-pressed=true] i{background:white;box-shadow:none}
body .autopilot-speeds{background:transparent;border-color:#ffffff25;border-radius:0;padding:2px}
body .autopilot-speeds button{padding:5px 7px}
body .autopilot-speeds button[aria-pressed=true]{background:#fff;color:#08090b}
body .chart-legend,body .autopilot-readout,body .map-altitude{color:#a7a7ac;border-color:#ffffff25}
body .rcs-instrument{left:auto;right:32px;bottom:145px;transform:none;width:250px;border-radius:0;border-color:#ffffff30;background:#08090be8;backdrop-filter:none;box-shadow:none}
body .rcsi-heading,body .rcsi-state,body .rcsi-legend{color:#bbb;border-color:#ffffff24}
body .flight-navball{bottom:188px;left:32px}
body .return-director{left:32px;top:100px;max-width:244px}
body .reentry-panel{top:102px;right:32px;max-height:calc(100vh - 267px);overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
body .reentry-panel .return-primary{display:none}
body .camera-readout,body.reentry-mode .camera-readout{bottom:auto!important;top:91px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 650px);border:0;background:none;backdrop-filter:none;font-size:8px;padding:0;color:#bbbbc0}
body .camera-readout kbd{display:none}
body .status-banner,body.reentry-mode .status-banner{top:auto!important;bottom:178px;left:50%;max-width:min(410px,calc(100vw - 620px));transform:translateX(-50%);border:0;border-left:2px solid #fff;border-radius:0;padding:8px 12px;background:#050608a8;color:#eee;font-size:10px;letter-spacing:.02em;line-height:1.7}
body .target-marker b{border-radius:0;background:#060709a8;max-width:180px;line-height:1.5;color:#eaeaea;font-size:9px}
body .target-marker>span{font-size:28px}
body .toast,body.reentry-mode .toast{bottom:178px!important;max-width:440px;padding:10px 16px;background:#111215ed;border:1px solid #ffffff30;border-radius:0;box-shadow:none;color:#f3f3f5;font-size:11px}
body .victory{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 48px));padding:32px;background:#08090bf2;border:1px solid #ffffff3d;border-radius:0;text-align:left;backdrop-filter:blur(8px)}
body .victory .eyebrow{font-size:9px;color:#aaa;letter-spacing:.15em}
body .victory h2,body .victory.reentry-result h2{font-size:28px;color:#fff;font-weight:500;margin:22px 0 16px}
body .victory.failure-result h2{color:#ffc388}
body .victory p{font-size:12px;color:#b6b6bc;line-height:1.8;margin-bottom:28px}
body .victory .primary{background:white;color:#08090b;border:1px solid white;border-radius:0;box-shadow:none;min-width:100%;padding:15px 18px;font-size:12px}
body .victory .primary kbd{color:#333;border-color:#3335}
body .victory .return-menu-actions{justify-content:stretch}
body .victory .return-menu-actions button{background:transparent;border:1px solid #ffffff45;color:white;border-radius:0;flex:1;padding:12px}
.flight-settings{position:fixed;z-index:45;top:83px;right:24px;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 105px);overflow:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;padding:24px;background:#0c0d10f5;border:1px solid #ffffff36;box-shadow:0 20px 65px #0006;color:white;font-size:12px}
.flight-settings>header{display:flex;justify-content:space-between;align-items:start;gap:16px;border-bottom:1px solid #ffffff28;padding-bottom:20px}
.flight-settings header small{font-size:8px;letter-spacing:.16em;color:#96969f}
.flight-settings h2{font-size:22px;font-weight:500;margin:8px 0 0}
.flight-settings h3{font-size:10px;color:#92929b;font-weight:400;letter-spacing:.08em;margin:22px 0 8px}
.flight-settings button{display:flex;align-items:center;width:100%;gap:7px;text-align:left;justify-content:flex-start;min-height:38px;border:0;border-bottom:1px solid #ffffff16;background:transparent;color:#eee;padding:9px 0;font-size:11px;border-radius:0}
.flight-settings button:hover{color:white;background:#ffffff08}
.flight-settings button>span{margin-left:auto;color:#b5b5be}
.flight-settings button[aria-pressed=true]>span{color:white}
.flight-settings button kbd{margin-left:auto}
.flight-settings header button{width:auto;min-height:0;white-space:nowrap;border:0;padding:2px;font-size:10px;color:#aaa}
.flight-settings button:focus-visible{outline:1px solid white;outline-offset:2px}
.flight-settings .flight-setting-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;column-gap:10px;align-items:center;min-width:0;border-bottom:1px solid #ffffff16}
.flight-settings .flight-setting-control{min-width:0;border:0;padding:11px 0;overflow-wrap:anywhere}
.flight-settings .flight-setting-control:disabled{opacity:.45}
.flight-settings .setting-help-toggle{width:28px;height:28px;min-height:28px;justify-content:center;padding:0;border:1px solid #ffffff4a;color:#c5c5cc;font-size:13px;font-weight:600;line-height:1}
.flight-settings .setting-help-toggle:hover,.flight-settings .setting-help-toggle[aria-expanded=true]{border-color:white;background:#ffffff12;color:white}
.flight-settings .setting-help-card{grid-column:1/-1;min-width:0;margin:0 0 12px;padding:11px 12px;border-left:1px solid #ffffff8c;background:#ffffff08;color:#c7c7ce;font-size:11px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.flight-settings .setting-help-card[hidden]{display:none}
.flight-settings footer{font-size:10px;color:#85858e;line-height:1.8;border-top:1px solid #ffffff28;margin-top:22px;padding-top:16px}
@media(min-width:1600px){.flight-strip{gap:45px}.strip-metric b{font-size:52px}.strip-mission>b{font-size:21px}}
@media(max-width:1100px){body .topbar,body.playing .topbar{padding:18px 24px}body .flight-navball{left:24px;width:200px}body .route-panel,body .reentry-panel{right:24px;width:244px}body .return-director{left:24px;max-width:220px}.flight-strip{left:24px;right:24px;gap:20px;grid-template-columns:1fr 1fr 1fr .8fr}.strip-shortcuts{display:none}.strip-metric b{font-size:36px}.strip-secondary{padding-left:16px}.strip-secondary>div{display:block}.strip-secondary b{display:block;margin-top:5px}body .status-banner,body.reentry-mode .status-banner{max-width:calc(100vw - 520px)}}
@media(max-height:760px){body .flight-navball{width:186px;bottom:163px}body .route-panel,body .reentry-panel{top:94px;max-height:calc(100vh - 235px)}body .return-director{max-width:210px;top:94px}body .flight-clock{bottom:115px}.flight-strip{bottom:18px;padding-top:15px}.strip-metric b{font-size:36px}.strip-mission>b{font-size:17px}body .bottom-hud{bottom:140px}body .status-banner,body.reentry-mode .status-banner{bottom:151px}body .toast,body.reentry-mode .toast{bottom:151px!important}}
@media(max-width:740px){body .topbar,body.playing .topbar{height:70px;padding:15px 16px}body .brand,body.playing .topbar .brand{font-size:15px}body .brand-mark{font-size:28px}body .topbar nav{gap:14px}body .topbar nav kbd{display:none}body .topbar #view-btn{display:none}body .camera-readout{display:none}.flight-strip{left:16px;right:16px;gap:14px;grid-template-columns:.9fr 1fr 1fr;padding-top:14px;bottom:18px}.strip-secondary{display:none}.strip-mission small{font-size:7px;letter-spacing:.1em}.strip-mission>b{font-size:14px}.strip-mission>span{font-size:9px}.strip-metric b{font-size:30px}.strip-metric label{font-size:9px}.strip-metric span{font-size:8px}.strip-metric>div{gap:5px}body .flight-navball{width:160px;left:16px;bottom:157px}body .reentry-panel{right:16px;top:82px;width:222px;max-height:calc(100vh - 215px)}body .route-panel{width:222px;right:16px;top:82px}body .return-director{top:82px;left:16px;max-width:180px}body .flight-clock{bottom:111px}body .bottom-hud{left:16px;bottom:135px}body .telemetry{font-size:7px;max-width:140px}body .status-banner,body.reentry-mode .status-banner{bottom:150px;left:auto;right:16px;transform:none;max-width:200px;font-size:9px}body .toast,body.reentry-mode .toast{bottom:128px!important;max-width:90vw}.flight-settings{top:70px;right:12px;width:min(320px,calc(100vw - 24px))}body .space-dashboard{left:175px}body .rcs-instrument{right:16px;bottom:147px;width:220px}}
@media(prefers-reduced-motion:reduce){.flight-ui-ready *{scroll-behavior:auto!important}.flight-ui-ready .toast{transition:none}}

body.reentry-mode #menu .intro-copy::after{content:none}