:root{color-scheme:dark;--bg:#060d14;--panel:#0b1822;--panel2:#101f2c;--line:#263847;--fine:#182936;--text:#e0edf1;--soft:#a6bdc8;--muted:#67828e;--cyan:#7be9ea;--mint:#84f2cf;--amber:#f1bb83}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,Arial,sans-serif;font-size:13px;letter-spacing:.005em}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(ellipse at 12% 0%,#172d3d 0,transparent 48%),linear-gradient(90deg,rgba(63,120,134,.035) 1px,transparent 1px),linear-gradient(rgba(63,120,134,.035) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.app-shell{position:relative;max-width:1650px;margin:auto;padding:0 44px}
.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.2px;color:var(--muted)}
.identity{display:flex;align-items:center;gap:10px;color:var(--text)}.identity-glyph{width:30px;height:30px;border:1px solid #477b82;display:grid;place-items:center;color:var(--mint);font-size:21px;transform:rotate(-5deg)}.identity-word{font:700 18px 'Barlow Condensed',sans-serif;letter-spacing:2.5px}.identity-suffix{color:var(--cyan);font:600 11px 'DM Mono',monospace;letter-spacing:1.5px;margin-left:8px}.topbar-center{display:flex;align-items:center;gap:11px}.signal-dot,.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #64eacc}.topdivider{color:#355c67}.topbar-right{display:flex;align-items:center;gap:9px}.version{padding-left:16px;color:#b7d1d7}
.masthead{display:flex;justify-content:space-between;align-items:flex-end;padding:36px 0 28px;gap:14px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:2.6px;color:var(--muted)}.accent{color:var(--mint);padding:0 8px}h1,h2,.identity-word{font-family:'Barlow Condensed',Impact,Arial,sans-serif}h1{font-size:clamp(36px,4.7vw,66px);font-weight:700;line-height:1;margin:10px 0 11px;letter-spacing:1px}h1 i{font-style:normal;color:var(--mint)}.masthead p{color:var(--muted);font-size:12px;margin:0}.tiny-sep{color:#578087;margin:0 7px}.mission-code{text-align:right;font-family:'DM Mono',monospace;border-right:2px solid #5cb8b5;padding-right:17px;line-height:1.8;white-space:nowrap;font-size:10px;color:var(--muted)}.mission-code b{display:block;font-size:13px;color:#daeeeb}.mission-code span{display:block;color:var(--mint)}
.main-grid{display:grid;grid-template-columns:minmax(0,1.88fr) minmax(350px,.85fr);gap:17px;align-items:stretch}.visual-column{min-width:0;display:flex;flex-direction:column;gap:14px}
.viewport-card{background:#091522;border:1px solid var(--line);overflow:hidden;position:relative}.viewport-header{height:42px;background:#11222d;border-bottom:1px solid #263e4a;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:var(--text);font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;white-space:nowrap}.viewport-header>div{display:flex;align-items:center;gap:9px}.light-pulse{height:7px;width:7px;border:1px solid var(--mint);box-shadow:0 0 7px var(--mint);transform:rotate(45deg)}.muted{color:var(--muted)}.view-tools{color:var(--muted)}.view-tools .live-tag{color:var(--mint);font-size:10px;border:1px solid #2b6564;padding:5px 8px;background:#123033}.shortcut{font-size:9px}.shortcut b{color:#436e77}
.viewport{height:clamp(390px,39vw,590px);position:relative;background:radial-gradient(ellipse at 50% 50%,#153347,#040b15 68%);overflow:hidden}.scene-canvas{display:block;position:absolute;inset:0;touch-action:none;cursor:grab}.scene-canvas:active{cursor:grabbing}.viewport:after{pointer-events:none;content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 3px,rgba(6,20,27,.055) 4px);opacity:.25}
.reticle{z-index:2;pointer-events:none;position:absolute;inset:20px;border:1px solid rgba(119,216,226,.09)}.reticle-b{inset:29px;border:none;background:linear-gradient(#4fb9c9,#4fb9c9) top left/16px 1px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) top left/1px 16px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) top right/16px 1px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) top right/1px 16px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) bottom left/16px 1px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) bottom left/1px 16px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) bottom right/16px 1px no-repeat,linear-gradient(#4fb9c9,#4fb9c9) bottom right/1px 16px no-repeat;opacity:.5}.viewer-legend,.axis-tag{position:absolute;z-index:3;font:500 10px 'DM Mono',monospace;color:#a8bfca;letter-spacing:.6px;pointer-events:none}.viewer-legend{top:51px;left:51px;background:rgba(7,20,28,.8);padding:9px 12px;border:1px solid #234050}.legend-target{color:#ffb986}.legend-chaser{color:#82ffde}.legend-spacer{margin:0 9px}.axis-tag{bottom:42px;left:50px;line-height:1.75;color:#7c9aa9;text-shadow:1px 1px 3px #000}.viewport-bottom{height:34px;background:#0c1c27;border-top:1px solid #27404b;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#83b8bd;font:500 9px 'DM Mono',monospace;letter-spacing:1px}
.readout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.readout{background:linear-gradient(145deg,#111f2b,#0b1721);border:1px solid var(--line);padding:16px 16px 12px;min-width:0;position:relative}.readout.key{border-top:2px solid var(--mint);padding-top:15px}.readout-label{display:flex;justify-content:space-between;gap:4px;color:#8faab4;font:500 9px 'DM Mono',monospace;letter-spacing:.95px;white-space:nowrap}.readout-label span{color:#52707d}.metric{margin:9px 0 13px;white-space:nowrap;line-height:1}.metric b{font:600 clamp(23px,2.4vw,38px) 'Barlow Condensed',sans-serif;letter-spacing:1px}.metric em{font:500 11px 'DM Mono',monospace;color:var(--muted);margin-left:5px;font-style:normal}.readout.key .metric b{color:var(--mint)}.readout-foot{font:500 9px 'DM Mono',monospace;color:#698d9a;display:flex;justify-content:space-between;gap:5px;align-items:center;letter-spacing:.4px;white-space:nowrap}.up-arrow{color:var(--mint);font-size:17px}.fuelbar{height:3px;background:#273a45;width:70%;overflow:hidden}.fuelbar span{display:block;height:100%;width:100%;background:var(--mint);transition:width .2s}
.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1}.analysis-panel{min-width:0;background:#0b1925;border:1px solid var(--line);padding:12px 15px 10px;min-height:205px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#b6d0d7;font:500 10px 'DM Mono',monospace;letter-spacing:.7px;gap:8px}.panel-heading>span:first-child{display:flex;align-items:center;gap:7px}.panel-heading>span:last-child{color:#567884;font-size:9px}.small-square{width:6px;height:6px;border:1px solid var(--mint);display:inline-block}.plot-canvas{width:100%;height:143px;flex:1;min-height:110px;display:block}.graph-footer{display:flex;justify-content:space-between;color:#7895a1;font:500 9px 'DM Mono',monospace;letter-spacing:.5px}.graph-footer span{display:flex;align-items:center;gap:6px}.swatch{display:inline-block;width:13px;height:2px;background:#7affd5}.swatch.target{background:#f7bb80}.swatch.range{background:#65bfdf}.swatch.velocity{background:#ffbf7d}
.control-panel{border:1px solid #324954;background:linear-gradient(165deg,#142530 0,#0b1923 44%,#09151e 100%);padding:22px;min-width:0;display:flex;flex-direction:column;gap:0;position:relative;box-shadow:inset 0 0 0 4px rgba(0,0,0,.1)}.control-panel:before{content:'';position:absolute;height:2px;top:-1px;left:22px;width:48px;background:var(--mint)}.control-overline{display:flex;justify-content:space-between;letter-spacing:1.3px;color:var(--muted);font:500 9px 'DM Mono',monospace}.control-overline span{color:var(--mint)}h2{font-weight:700;letter-spacing:1px;font-size:38px;margin:8px 0 2px;line-height:1}h2 i{font-style:normal;color:var(--mint)}.panel-caption{font:500 9px 'DM Mono',monospace;letter-spacing:1.1px;color:var(--muted);display:flex;justify-content:space-between}.panel-caption span{color:#a4c6d3}.status-box{border:1px solid #35636a;background:linear-gradient(100deg,#123139,#0c252e);padding:15px;margin:21px 0 22px}.status-row{display:flex;justify-content:space-between;align-items:center;font:500 11px 'DM Mono',monospace;color:#c1eee5;letter-spacing:.8px}.status-row>div{display:flex;gap:9px;align-items:center}.status-indicator{height:7px;width:7px;background:var(--mint);box-shadow:0 0 9px #83e9d6}.status-indicator.warm{background:var(--amber);box-shadow:0 0 9px #e4a86d}.status-row>span{color:#69a2a6;font-size:9px}.status-description{font-size:11px;color:#9ab7bb;line-height:1.5;margin-top:10px;min-height:27px}
.control-group{padding:0 0 18px;margin-bottom:19px;border-bottom:1px solid #30434c}.control-label{font:500 10px 'DM Mono',monospace;letter-spacing:1px;color:#e0edf0;display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:12px}.control-label span{font-size:8px;color:#6b909b;white-space:nowrap}.guidance-buttons{display:flex;gap:7px}.primary-action{height:44px;flex:1;background:#85edcf;border:1px solid #b3ffdf;color:#0b292b;font:700 11px 'DM Mono',monospace;letter-spacing:1px;transition:background .15s,transform .15s}.primary-action:hover{background:#b8fbe6}.primary-action.engaged{background:#1f5d60;border-color:#459f9d;color:#acffeb}.primary-action:active{transform:scale(.99)}.secondary-action{width:49px;background:#1d333e;color:#cfedef;border:1px solid #45626c;font:600 18px 'DM Mono',monospace}.secondary-action:hover{background:#2c4b56}.safety-caption{font:500 9px 'DM Mono',monospace;color:#789ba4;margin-top:11px;letter-spacing:.2px}
.axes{border:1px solid #2a4350;background:#0b1a24}.axis-control{display:flex;justify-content:space-between;align-items:center;min-height:46px;border-bottom:1px solid #243b48;padding-left:11px}.axis-control:last-child{border-bottom:none}.axis-control>span{color:#a6c1cc;font:500 10px 'DM Mono',monospace;white-space:nowrap}.axis-control>span b{color:var(--mint);font-size:13px;margin-right:9px}.axis-control>div{display:flex;align-self:stretch}.axis-control button{min-width:49px;padding:0 8px;background:#1a323d;border:0;border-left:1px solid #31505e;font:600 18px 'DM Mono',monospace;color:#d2e6e9;transition:background .11s}.axis-control button small{font:500 9px 'DM Mono',monospace;color:#739ca7;margin-left:3px}.axis-control button:hover,.axis-control button.active{background:#256d70;color:#baffdf}.axis-control button.active small{color:#caffeb}
.parameters{padding-bottom:13px;margin-bottom:12px}.param{margin:12px 0 18px}.param:last-child{margin-bottom:8px}.param>div{display:flex;justify-content:space-between;align-items:center;font:500 10px 'DM Mono',monospace;color:#91aeb8;letter-spacing:.4px;margin-bottom:8px}.param output{color:var(--mint);font-size:11px}input[type=range]{width:100%;height:3px;appearance:none;-webkit-appearance:none;outline:none;background:linear-gradient(to right,#7be7d1 0%,#254550 0%);cursor:pointer;display:block;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#b6ffee;border:2px solid #183b45;box-shadow:0 0 0 1px #568d93;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#b6ffee;border:2px solid #183b45;transform:rotate(45deg)}
.operations{display:flex;gap:8px}.ops-action{padding:13px 6px;flex:1;color:#d0e4e9;border:1px solid #45606c;background:#1a313d;font:500 9px 'DM Mono',monospace;letter-spacing:.25px}.ops-action:hover{background:#304e59}.ops-action.reset{border-color:#6d5a50;color:#ebbd98}.ops-action.reset:hover{background:#46382f}
.control-foot{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;margin-top:auto;padding-top:23px;font:500 9px 'DM Mono',monospace;color:#668994;letter-spacing:.4px}.control-foot>div{display:flex;flex-direction:column;gap:5px}.control-foot b{font-size:13px;font-weight:500;color:#bddce4}.control-foot-last{grid-column:span 2;border-top:1px solid #29424d;padding-top:12px;display:flex!important;justify-content:space-between;flex-direction:row!important}.control-foot-last span{color:var(--mint)}
.footer{display:flex;justify-content:space-between;border-top:1px solid #1f3642;margin-top:30px;padding:20px 0 26px;color:#55707d;font:500 10px 'DM Mono',monospace;letter-spacing:1px}.footer span span{color:#7ca7b1}
@media(max-width:1240px){.app-shell{padding:0 24px}.main-grid{grid-template-columns:minmax(0,1.55fr) minmax(345px,.85fr)}.viewport{height:470px}.readout{padding:12px}.metric b{font-size:29px}.readout-label{font-size:8px}.control-panel{padding:17px}.control-overline{font-size:8px}}
@media(max-width:1030px){.main-grid{grid-template-columns:1fr}.control-panel{display:block}.control-group{display:inline-block;vertical-align:top;width:calc(50% - 10px);margin-right:16px}.control-group:nth-of-type(odd){margin-right:0}.control-panel .status-box{max-width:none}.operations,.control-foot{width:100%}.viewport{height:540px}.metric b{font-size:36px}.analysis-panel{min-height:235px}}
@media(max-width:700px){.app-shell{padding:0 12px}.topbar{height:55px}.topbar-center,.version,.mission-code,.shortcut{display:none}.topbar-right{font-size:8px}.masthead{padding:25px 0 20px}h1{font-size:42px}.masthead p{line-height:1.6}.eyebrow{font-size:8px}.viewport{height:410px}.viewport-header{font-size:8px;padding:0 10px}.viewport-header>div{gap:6px}.viewer-legend{top:39px;left:27px;font-size:8px}.axis-tag{left:25px;font-size:8px}.viewport-bottom{font-size:8px;padding:0 10px}.viewport-scale{display:none}.readout-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}.analysis-panel{height:235px}.control-group{display:block;width:100%;margin-right:0}.control-panel{padding:20px}.footer{font-size:8px;gap:9px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}