:root{--dark:#06101a;--pan:#0b1723;--panel:#0e1b28;--line:rgba(124,172,193,.17);--cyan:#5bdeeb;--ink:#e1edf2;--dim:#829ba8;--orange:#efac63;--font:'DM Sans',system-ui,sans-serif;--display:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--dark);color:var(--ink);font-family:var(--font);font-size:12px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#shell{display:flex;flex-direction:column;height:100%;min-height:650px;background:#050d15}.masthead{height:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#08131d;border-bottom:1px solid var(--line);position:relative;z-index:10}.identity{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border:1px solid #4c99aa;background:linear-gradient(140deg,#19333f,#0c1821);clip-path:polygon(19% 0,81% 0,100% 19%,100% 81%,81% 100%,19% 100%,0 81%,0 19%);display:flex;align-items:center;justify-content:center;font:800 33px var(--display);color:#b7fbff;position:relative}.logo span{font-size:14px;position:absolute;right:6px;bottom:3px;color:var(--orange)}.identity strong{font:700 26px var(--display);letter-spacing:2px}.subname{font-weight:400;color:#81a7b6}.eyebrow,.section-kicker{font:700 9px var(--font);color:var(--cyan);letter-spacing:1.7px}.identity .eyebrow{margin-bottom:5px}.sep{color:#527082;margin:0 6px}.header-spec{display:flex;align-items:center;gap:12px;font:700 10px var(--font);letter-spacing:1px;color:#829ba8}.header-divider{height:16px;border-left:1px solid var(--line);margin:0 8px}.dot,.live-led{display:inline-block;border-radius:50%;height:6px;width:6px;background:#8dedbd;box-shadow:0 0 13px #8dedbd}.readout.nominal{color:#8dedbd}.readout.alert{color:#ff8d80}.readout.standby{color:#e8c68e}.small-btn{background:transparent;color:#b8d4df;padding:10px 12px;border:1px solid var(--line);font-size:11px;letter-spacing:1px}#layout{display:flex;flex:1;min-height:0;position:relative}.panel{flex-shrink:0;background:linear-gradient(155deg,#0d1b29,#091521 90%);z-index:3;overflow-y:auto;scrollbar-color:#385a6c transparent;scrollbar-width:thin}.side-panel{padding:26px 20px 18px}.side-panel#left-panel{width:300px;border-right:1px solid var(--line)}.side-panel#right-panel{width:304px;border-left:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font:700 42px/.94 var(--display);letter-spacing:1.4px;margin:20px 0 14px}h1 em,h2 em{font-style:normal;color:var(--cyan)}.intro{line-height:1.8;color:#92aab7;max-width:257px;margin-bottom:20px;font-size:11px}.statbox{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line);margin:20px 0 24px}.statbox>div{padding:12px 11px;background:#101f2b}.statbox>div:last-child{grid-column:span 2}.statbox span,.telemetric span{display:block;color:#78939f;font:700 9px var(--font);letter-spacing:1.1px;margin-bottom:7px}.statbox strong{display:block;font:600 22px var(--display);color:#e0ebf3;letter-spacing:1px}.statbox small{font:500 11px var(--font);color:#91adbb}.section-title{display:flex;justify-content:space-between;align-items:center;font:700 9px var(--font);letter-spacing:1.3px;color:#b1c7d0;border-bottom:1px solid var(--line);padding:0 0 11px;margin:0 0 7px}.section-title span+span{color:#5cc8d8}.destinations{display:flex;flex-direction:column}.destination{display:flex;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(130,162,180,.105);background:transparent;color:#b1c3cf;padding:13px 6px;gap:12px;transition:background .2s}.destination:hover{background:#142d39}.destination.active{background:linear-gradient(90deg,rgba(46,179,202,.17),transparent);border-left:2px solid var(--cyan);padding-left:4px}.dest-index{font:600 18px var(--display);color:#4e7386}.destination.active .dest-index{color:var(--cyan)}.dest-copy{flex:1;min-width:0}.dest-copy strong{display:block;font-size:10px;letter-spacing:.7px;color:#d1e3e9}.dest-copy small{display:block;font-size:9px;color:#78949f;margin-top:5px}.dest-arrow{font-size:18px;color:#527b8c}.panel-footer{margin-top:22px;display:flex;gap:12px;line-height:1.6;font-size:9px;color:#6d8e9f}.panel-footer b{color:#b7cad5;letter-spacing:1px;display:block;margin-bottom:4px}.panel-footer span:not(.accent-line){display:block}.accent-line{width:2px;background:var(--orange);min-height:36px}#viewport-wrap{position:relative;flex:1;min-width:0;overflow:hidden;background:#030912}#viewport{position:absolute;width:100%;height:100%;display:block;touch-action:none}.world-gradient{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 57% 45% at 50% 50%,transparent 60%,rgba(2,5,13,.3)),linear-gradient(180deg,rgba(4,12,22,.4),transparent 18%,transparent 77%,rgba(4,12,22,.68));}.view-top-left{position:absolute;top:31px;left:31px;pointer-events:none}.view-title{font:700 31px var(--display);letter-spacing:1.5px;margin-top:7px}.view-subtitle{font-size:11px;color:#9cb4c4;margin-top:6px}.view-top-right{position:absolute;top:32px;right:29px;text-align:right;pointer-events:none}.view-top-right .tiny{color:#7c9cad;font-size:9px;letter-spacing:1.1px}.view-top-right strong{font:600 19px var(--display);display:block;letter-spacing:2px;margin:7px 0}.live-led{height:5px;width:5px;margin-left:6px}.engine-tag{color:#77aab5;font-size:8px;letter-spacing:1px}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:.45;pointer-events:none}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#c5eaff}.crosshair:before{width:1px;height:22px;left:10px}.crosshair:after{height:1px;width:22px;top:10px}.view-nav{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;background:rgba(8,19,30,.78);border:1px solid rgba(109,171,199,.25);backdrop-filter:blur(12px);padding:6px 9px}.view-nav button{width:32px;height:32px;background:#1b3747;border:0;color:#c6f3f3;font-size:23px}.view-nav span{font:700 9px var(--font);letter-spacing:1.5px;min-width:119px;text-align:center}.view-controls{position:absolute;left:31px;bottom:84px;display:flex;gap:8px}.view-controls button,.focus-button{background:rgba(12,31,44,.82);border:1px solid rgba(92,189,211,.3);padding:11px;color:#daebee;font-size:9px;font-weight:700;letter-spacing:1px}.view-controls button.active,.view-controls button:hover,.focus-button:hover{background:#23516a}.view-bottom{position:absolute;bottom:0;left:0;right:0;height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;color:#79a3b5;font:700 10px var(--font);letter-spacing:1px;border-top:1px solid rgba(114,165,190,.12);background:rgba(3,10,19,.6);pointer-events:none}.view-bottom b{color:#d7e5ec;font-weight:500}.inspector{position:absolute;right:26px;bottom:151px;width:min(310px,80%);padding:21px;background:rgba(10,28,42,.92);border:1px solid #2d6d89;border-left:3px solid var(--cyan);backdrop-filter:blur(16px);transform:translateX(calc(100% + 50px));opacity:0;pointer-events:none;transition:transform .24s,opacity .24s;z-index:4}.inspector.visible{transform:none;opacity:1;pointer-events:auto}.inspector>button:first-child{position:absolute;right:10px;top:7px;border:0;color:#adcad4;background:none;font-size:24px}.inspect-code{color:#7d9dad;font-size:9px;letter-spacing:1.6px;margin:10px 0}.inspector h3{font:700 26px var(--display);margin:8px 0}.inspector p{line-height:1.7;font-size:11px;color:#9db4bf}.focus-button{margin-top:4px}#toast{position:absolute;left:50%;top:100px;transform:translate(-50%,-12px);background:#172d3d;border:1px solid var(--cyan);font-size:11px;letter-spacing:.7px;color:#d6eff3;padding:13px 18px;opacity:0;pointer-events:none;transition:all .3s;white-space:nowrap;z-index:8}#toast.show{opacity:1;transform:translate(-50%,0)}.control-heading{display:flex;justify-content:space-between;align-items:start}.control-heading h2{font:700 31px/.98 var(--display);letter-spacing:1px;margin:17px 0 20px}.pulse-icon{color:var(--cyan);font-size:32px;opacity:.7;padding-top:16px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line);margin-bottom:24px}.telemetric{background:#10212d;padding:12px 10px}.telemetric:first-child{grid-column:span 2}.telemetric strong{font:600 27px var(--display);letter-spacing:1px;color:#e0f1f4;display:block}.telemetric small{font-size:8px;color:#648294;letter-spacing:1px}.controls-title{margin-top:0}.control{padding:13px 0 8px;border-bottom:1px solid rgba(123,171,193,.11)}.control-row,.range-labels{display:flex;justify-content:space-between;align-items:center}.control label{font-weight:700;font-size:10px;letter-spacing:.6px;color:#b7cbd6}.control output{color:#a8f0f7;font:700 15px var(--display)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right,#5ee7ef var(--value,50%),#20384a var(--value,50%));margin:14px 0 11px;border:0;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#e4f8ff;border:2px solid #49b4c7;transform:rotate(45deg);box-shadow:0 0 10px #2a9cad}input[type=range]::-moz-range-thumb{border:2px solid #49b4c7;width:10px;height:10px;transform:rotate(45deg);background:#e4f8ff}.range-labels{color:#4f7385;font-size:8px;font-weight:700;letter-spacing:.8px}.toggles-title{margin-top:21px}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(123,171,193,.11);padding:11px 0}.toggle-row strong{display:block;font-size:11px;color:#c4d7df}.toggle-row small{display:block;font-size:9px;color:#718f9e;margin-top:5px}.toggle{height:20px;width:37px;border:1px solid #375061;background:#1f3442;border-radius:15px;position:relative;flex:none;transition:.2s}.toggle i{display:block;position:absolute;width:12px;height:12px;top:3px;left:3px;background:#809dab;border-radius:50%;transition:.2s}.toggle.on{background:#164653;border-color:#3198a5}.toggle.on i{left:20px;background:#7cf0ef;box-shadow:0 0 8px rgba(91,222,235,.7)}.simulation-title{margin-top:19px}.quality-wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 0 13px;gap:8px}.quality-wrap label{color:#a1bbc6;font-size:9px;letter-spacing:1px}.quality-wrap select{background:#122c3b;border:1px solid #33586b;color:#d8eef5;padding:8px;font-size:9px;max-width:162px}.action-row{display:flex;gap:8px}.action-row button{flex:1;background:#173b48;border:1px solid #2a6773;color:#c3e8ed;padding:12px 6px;font-size:9px;font-weight:700;letter-spacing:.7px}.action-row button:last-child{background:#402c2e;color:#f3b7a5;border-color:#754947}.action-row button:hover{filter:brightness(1.22)}.minimap{margin-top:16px;border:1px solid rgba(127,171,191,.15);background:#091a28}.minimap-head{display:flex;align-items:center;justify-content:space-between;color:#608b9a;letter-spacing:1.1px;padding:10px;font-size:8px;font-weight:700}#mini-map{width:100%;height:138px;display:block}.bottom-bar{flex:0 0 35px;height:35px;background:#091722;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:8px;font-weight:700;letter-spacing:1px;color:#5d8999}.bottom-bar i{color:var(--cyan);font-style:normal;margin:0 5px}.minimal-ui #left-panel,.minimal-ui #right-panel,.minimal-ui .bottom-bar{display:none}.minimal-ui .masthead{height:56px;flex-basis:56px}.minimal-ui .view-top-left{top:25px}.minimal-ui .view-controls{bottom:75px}
@media(max-width:1450px){.side-panel#left-panel{width:262px}.side-panel#right-panel{width:275px}.side-panel{padding:22px 16px}.view-controls{bottom:135px;left:18px}.view-nav{bottom:82px}.header-spec span:last-child{display:none}.view-top-left{left:20px}.view-title{font-size:27px}}
@media(max-width:1050px){.side-panel#left-panel{width:227px}.side-panel#right-panel{width:235px}.side-panel{padding:17px 12px}h1{font-size:35px}.view-top-right{display:none}.bottom-bar span:first-child,.bottom-bar span:last-child{display:none}.bottom-bar{justify-content:center}.view-controls{left:10px}.view-controls button{padding:8px 6px;font-size:8px}.view-nav{bottom:128px}.statbox strong{font-size:19px}}
@media(max-width:740px){html,body{overflow:auto}#shell{min-height:780px}.masthead{height:62px;flex-basis:62px;padding:0 12px}.identity .eyebrow{font-size:7px}.identity strong{font-size:20px}.logo{width:37px;height:37px;font-size:28px}.header-spec{display:none}#layout{display:block;position:relative}#viewport-wrap{height:64vh;min-height:420px}.side-panel#left-panel{display:none}.side-panel#right-panel{width:100%;height:auto;max-height:400px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:15px 16px}.side-panel#right-panel .section-kicker,.side-panel#right-panel .control-heading,.telemetry-grid,.side-panel#right-panel .controls-title,.side-panel#right-panel .toggle-row,.side-panel#right-panel .simulation-title,.side-panel#right-panel .minimap{grid-column:span 2}.telemetry-grid{grid-template-columns:1fr 1fr}.control{padding:8px}.view-top-left{top:20px;left:14px}.view-title{font-size:25px}.view-controls{bottom:77px;left:10px}.view-nav{bottom:126px}.view-bottom{height:47px;padding:0 10px;font-size:8px}.view-bottom>span:first-child{display:none}.bottom-bar{display:none}}