:root{color-scheme:dark;--bg:#101c1d;--panel:#152426;--border:#314143;--muted:#a7b5b2;--text:#ecf1e9;--accent:#e5a56d;--aqua:#9edbd0;--faint:#607875;--wood:#c0b5a1;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.application{min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;flex:0 0 73px;background:#101b1d;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid #304143;gap:18px}.brand{display:flex;align-items:center;gap:15px;min-width:258px}.brand-emblem{width:38px;height:36px;border:1px solid #bba17a;display:flex;align-items:center;justify-content:center;gap:4px;transform:skewX(-8deg)}.brand-emblem span{width:3px;height:16px;background:#d9bb90;transform:rotate(28deg)}.brand-emblem span:nth-child(2){height:24px}.brand strong{font-size:18px;letter-spacing:.035em;font-weight:780}.edition{color:#d8a571;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:#9aa9a5;padding-top:5px}.topbar-middle,.topbar-right{display:flex;gap:13px;align-items:center;font-size:10px;font-weight:650;letter-spacing:.12em;color:#a6b9b5}.locator-dot{width:7px;height:7px;background:#cc9567;border-radius:50%}.sep{color:#5a716e}.offline-label{border:1px solid #3a5a52;color:#9dd4bc;padding:8px 10px;white-space:nowrap}.indicator{display:inline-block;width:6px;height:6px;background:#8bd0af;border-radius:50%;margin-right:7px}.version{font-size:11px;color:#7f9690}
.content{flex:1;display:grid;grid-template-columns:minmax(290px,332px) minmax(0,1fr);min-height:0}.sidebar{background:var(--panel);border-right:1px solid var(--border);max-height:calc(100vh - 108px);overflow:auto;scrollbar-width:thin;scrollbar-color:#466261 #19282a}.sidebar section{padding:25px 26px}.sidebar section+section{border-top:1px solid var(--border)}.sidebar-intro{padding-top:31px!important;padding-bottom:25px!important;background:linear-gradient(130deg,#223439 0%,#17282a 49%,#142426 90%)}.eyebrow{font-size:9px;letter-spacing:.20em;color:#d7b188;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow-line{width:17px;height:1px;background:#d7b188}.sidebar h1{font-size:41px;letter-spacing:-.05em;font-weight:710;line-height:1.06;margin:19px 0 13px}.sidebar h1 em{font-family:Georgia,serif;color:#eab587;font-weight:400;letter-spacing:-.04em}.sidebar-intro p{font-size:11.5px;line-height:1.72;color:#bdcbc7;margin:0}.intro-metrics{display:flex;margin-top:24px;border-top:1px solid #395054;padding-top:16px;gap:26px}.intro-metrics b{font-size:24px;letter-spacing:-.045em}.intro-metrics b span{font-size:12px;font-weight:400;color:#b2beb9}.intro-metrics small{display:block;color:#899d97;font-weight:750;letter-spacing:.12em;font-size:8px;margin-top:4px}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:17px}.section-heading h2{font-size:12px;letter-spacing:.015em;margin:0;font-weight:750}.section-index{font-size:9px;letter-spacing:.1em;color:#79938f}.operation-status{display:flex;justify-content:space-between;align-items:center;border:1px solid #35534c;background:#1c3530;padding:11px 13px}.status-label{display:block;font-size:8px;font-weight:800;letter-spacing:.15em;color:#98afa8}.operation-status strong{display:block;font-size:12px;margin-top:5px;color:#b2edce;letter-spacing:.06em}.status-led{width:11px;height:11px;border-radius:50%;background:#a9c7a2;box-shadow:0 0 0 4px #39564b}.status-led.running{background:#67ddad;box-shadow:0 0 0 4px #335e50,0 0 18px #67ddad}.status-led.invalid{background:#e49c7b;box-shadow:0 0 0 4px #583d38}.launch-row{display:flex;gap:7px;margin:11px 0 8px}.button-primary{background:#ddb089;border:1px solid #e8bc96;color:#172124;padding:13px 15px;font-size:10px;font-weight:800;letter-spacing:.12em;flex:1;display:flex;justify-content:center;align-items:center;gap:12px}.button-primary:hover{background:#f4cb9b}.button-square{border:1px solid #52706a;background:#283e3e;color:#eff3e9;width:43px;font-size:22px}.button-square:hover,.glass-button:hover{background:#365253}.warning{min-height:32px;font-size:10px;line-height:1.5;color:#97aba3}.warning.danger{color:#efad91}.group-separator{height:1px;background:#324748;margin:18px 0}.control{margin-bottom:21px}.control-label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.control-label label{font-size:11px;font-weight:660}.control-label label span{font-weight:400;color:#8caba7}.control-label output{font-size:11px;color:#f6c49b;font-weight:800;font-variant-numeric:tabular-nums}.control input[type=range]{display:block;width:100%;margin:0;accent-color:#d7a577;height:5px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#718e89;font-weight:780;letter-spacing:.09em;font-size:8px;margin-top:9px}.segmented{display:flex;gap:2px;background:#0f1d1f;border:1px solid #3b5251;margin-bottom:22px;padding:3px}.segmented button{flex:1;padding:10px 3px;color:#8fa6a0;background:transparent;border:0;font-size:9px;font-weight:750;letter-spacing:.06em}.segmented button.active{background:#345956;color:#e5ece7}.payload{margin-bottom:16px}.speed-control{margin-bottom:0}.speed-control select{color:#dae9df;border:1px solid #486360;border-radius:0;padding:9px 11px;background:#213537;width:100%;font-size:10px;font-weight:720;letter-spacing:.06em}
.scenarios{padding-top:23px!important;padding-bottom:18px!important}.scenario-list{display:grid;gap:6px}.scenario{background:transparent;border:1px solid #30494a;text-align:left;display:flex;gap:12px;align-items:center;padding:10px;color:#f2f2e8}.scenario.active,.scenario:hover{border-color:#996b4c;background:#2a3330}.scenario-number{font-size:10px;color:#d2a782;width:20px;letter-spacing:.03em}.scenario>span:nth-child(2){flex:1}.scenario strong{display:block;font-size:10px}.scenario small{display:block;color:#90a29d;font-size:9px;margin-top:4px}.scenario>span:last-child{color:#a6bfb5}.speed-chart{width:100%;height:112px;border:1px solid #334a4a;background:#112223}.readout-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:10px;color:#9aafa7;border-bottom:1px solid #2d4141}.readout-row b{font-size:11px;color:#ecf2e6;font-variant-numeric:tabular-nums}.export-button{border:0;background:transparent;color:#d5af8c;font-size:10px;letter-spacing:.09em;font-weight:770;padding:16px 0 0;display:flex;width:100%;justify-content:space-between}.export-button:hover{color:#ffe1bb}
.main-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#112125}.viewport-wrap{min-height:370px;flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#557277,#192e33)}#scene{display:block;width:100%;height:100%;cursor:grab;position:absolute;inset:0}#scene:active{cursor:grabbing}.viewport-top{pointer-events:none;position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:start;gap:10px}.viewport-type{font-size:10px;letter-spacing:.16em;color:#eff8e9;text-shadow:0 2px 6px #000a;font-weight:760;background:#1225228c;padding:12px 14px}.view-pulse{display:inline-block;background:#84d6b9;width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #84d6b927}.view-actions{pointer-events:auto;display:flex;gap:7px}.glass-button{padding:11px 12px;border:1px solid #aec9bf5c;background:#1b3030c9;color:#f0f2eb;font-size:9px;font-weight:760;letter-spacing:.1em;white-space:nowrap;backdrop-filter:blur(6px)}.view-left-index{position:absolute;left:24px;top:42%;display:flex;flex-direction:column;align-items:center;gap:10px;color:#f2e0c6c5;font-size:10px;font-weight:700}.view-left-index div{width:1px;height:86px;background:#d1b49380}.camera-rail{position:absolute;bottom:22px;right:25px;display:flex;gap:0;background:#152b2bd9;border:1px solid #aec0ab77;align-items:center;backdrop-filter:blur(5px)}.camera-rail>span{font-size:8px;font-weight:750;color:#9faeac;letter-spacing:.15em;margin:0 10px}.camera-rail button{border:0;border-left:1px solid #506b65;background:transparent;color:#aabdb5;padding:12px 13px;font-size:11px;font-weight:750}.camera-rail button small{margin-left:5px;font-size:8px;font-weight:750;letter-spacing:.05em}.camera-rail button.camera-active{color:#eed1b0;background:#38504a}.visual-disclaimer{position:absolute;bottom:22px;left:25px;color:#e2e6df;font-size:8px;letter-spacing:.14em;background:#1b3131b9;padding:10px;text-shadow:0 1px 3px #000b}.visual-disclaimer span{color:#d4a97a;margin:0 5px}.hotspot-layer{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;transform:translate(-8px,-13px);background:transparent;border:0;color:#eff1e7;font-size:9px;letter-spacing:.06em;font-weight:720;text-shadow:0 1px 4px #001;pointer-events:auto;white-space:nowrap}.hotspot i{width:13px;height:13px;display:inline-block;background:#eac79b;border:3px solid #203832;border-radius:50%;box-shadow:0 0 0 1px #dfbea0}.hotspot span{background:#182d2dbb;border:1px solid #d8c49e79;padding:6px 7px;backdrop-filter:blur(2px)}.hotspot:hover span{background:#35514e}.help-overlay{position:absolute;right:25px;top:72px;width:min(290px,calc(100% - 50px));background:#14292bed;border:1px solid #8b9e91;padding:15px;box-shadow:0 10px 24px #0009;font-size:11px;line-height:1.8;z-index:3}.overlay-heading{display:flex;justify-content:space-between;margin-bottom:10px;color:#f5cda9;font-size:10px;letter-spacing:.12em}.overlay-heading button{background:transparent;border:0;color:#f5cda9}.help-overlay kbd{border:1px solid #718a84;padding:1px 5px;font-size:9px;margin:0 3px}.error-message{position:absolute;inset:23% 10% auto;background:#421d18ed;border:1px solid #dd9d84;color:#ffe5db;padding:22px;z-index:4;text-align:center;font-size:13px;line-height:1.8}
.telemetry{display:grid;grid-template-columns:1.3fr repeat(4,1fr);border-top:1px solid #405b59;background:#192c2d;min-height:126px}.telemetry>div{padding:20px 22px;border-right:1px solid #354b4b;min-width:0}.telemetry>div:last-child{border-right:0}.telemetry-title{display:flex;flex-direction:column;justify-content:center;position:relative}.telem-tick{color:#d4ac83;font-size:19px;position:absolute;top:15px;right:20px}.telemetry-title small{font-size:8px;color:#dfb68f;letter-spacing:.13em;font-weight:760;margin-bottom:9px}.telemetry-title strong{font-size:22px;font-weight:510;line-height:1.10;letter-spacing:-.03em}.telem-measure small{font-size:8px;color:#a0b2a9;font-weight:790;letter-spacing:.12em;white-space:nowrap}.telem-measure>div:nth-child(2){margin-top:12px;display:flex;gap:6px;align-items:baseline}.telem-measure>div:nth-child(2) strong{font-weight:520;font-size:30px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.telem-measure>div:nth-child(2) span{color:#d4b38f;font-size:11px}.position-progress{height:3px;background:#3f5953;margin-top:12px}.position-progress span{display:block;height:100%;width:5.5%;background:#d6a77d}.telem-note{display:block!important;color:#7e9a90!important;margin-top:11px}.timer strong{font-size:27px!important}.detail-strip{min-height:118px;background:#102024;border-top:1px solid #354b4a;display:grid;grid-template-columns:minmax(140px,165px) minmax(0,1fr) minmax(155px,210px);align-items:center;padding:14px 25px;gap:22px}.detail-tabs{display:flex;flex-direction:column;gap:6px}.tab{color:#788f89;letter-spacing:.07em;font-size:9px;font-weight:750;text-align:left;border:0;background:transparent;padding:3px 0}.tab.active{color:#e7b58d}.detail-description strong{font-size:12px;color:#e7e9dc}.detail-description p{margin:6px 0 0;font-size:10px;line-height:1.65;color:#9dafaa;max-width:650px}.detail-reference{font-size:9px;line-height:1.75;letter-spacing:.09em;text-align:right;color:#90a399}.detail-reference b{font-weight:600;color:#d1ad8a}.footer{height:35px;flex:0 0 35px;padding:0 23px;background:#0d171a;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:.11em;color:#758e87;gap:10px}
@media(min-height:870px){.viewport-wrap{min-height:450px}}@media(max-width:1200px){.topbar-middle{display:none}.telemetry>div{padding:18px 12px}.telem-measure>div:nth-child(2) strong{font-size:25px}.detail-reference{display:none}.detail-strip{grid-template-columns:140px 1fr}}
@media(max-width:870px){.content{display:flex;flex-direction:column}.main-pane{order:0}.sidebar{order:1}.sidebar{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;align-content:start}.sidebar .sidebar-intro{grid-column:1/3}.sidebar section{padding:20px}.sidebar .operations{grid-row:2/4;grid-column:1}.sidebar .scenarios{grid-column:2;grid-row:2}.sidebar .readout{grid-column:2;grid-row:3}.main-pane{min-height:700px}.viewport-wrap{min-height:530px}.topbar{height:64px;flex-basis:64px}.footer{height:auto;min-height:35px;flex-basis:auto;flex-wrap:wrap;padding:11px 23px}}
@media(max-width:620px){.topbar{padding:0 13px}.topbar-right .version{display:none}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:7px;letter-spacing:.08em}.brand-emblem{width:27px;height:27px;flex:0 0 27px}.offline-label{font-size:0;padding:8px}.offline-label .indicator{margin:0}.sidebar{display:block}.sidebar section{padding:18px 20px}.sidebar h1{font-size:37px}.main-pane{min-height:650px}.viewport-wrap{min-height:430px}.viewport-top{left:12px;right:12px;top:12px}.view-actions{flex-direction:column}.glass-button{padding:9px;font-size:8px}.viewport-type{font-size:8px;padding:10px}.hotspot span{font-size:7px;padding:4px}.camera-rail{left:12px;right:auto;bottom:12px}.camera-rail>span{display:none}.camera-rail button{padding:8px}.camera-rail button small{font-size:7px}.visual-disclaimer{bottom:52px;left:12px;font-size:7px;max-width:260px}.view-left-index{display:none}.telemetry{grid-template-columns:repeat(2,1fr)}.telemetry-title{grid-column:1/3;border-bottom:1px solid #324b4a}.telemetry>div{padding:14px 20px}.telem-measure>div:nth-child(2) strong{font-size:27px}.detail-strip{display:block;padding:18px 20px}.detail-tabs{flex-direction:row;gap:14px;margin-bottom:14px}.footer{font-size:7px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important}