:root{color-scheme:dark;--bg:#061116;--surface:#091a22e9;--panel:#09161fdc;--line:#ffffff24;--soft:#9cafb9;--bright:#dbe6eb;--orange:#ff9e55;--cyan:#75e5ea;--green:#70e1aa;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#07151b;color:var(--bright);overflow:hidden;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:2px}#app{width:100vw;height:100dvh;min-height:600px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.world-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#04131a78 0%,transparent 43%,#04131a5e 100%),linear-gradient(0deg,#04111b95,transparent 25%,transparent 76%,#06101755)}.topbar{position:absolute;top:0;left:0;right:0;height:73px;padding:13px 24px;display:flex;align-items:center;gap:22px;background:linear-gradient(180deg,#061119f5,#071821d8);border-bottom:1px solid var(--line);z-index:3}.brand{display:flex;gap:14px;align-items:center;min-width:295px}.brand-icon{width:42px;height:42px;border:1px solid #ffb36c66;color:var(--orange);display:grid;place-items:center;box-shadow:0 0 29px #f58c273d,inset 0 0 20px #fd812716;font-size:31px;transform:rotate(0deg)}.eyebrow,.panel-meta{font-size:9px;letter-spacing:2.0px;font-weight:750;color:#9aaeb7}.sep{color:var(--orange);padding:0 5px}.brand h1{font-size:22px;font-weight:800;letter-spacing:1.3px;margin:3px 0 0;line-height:1}.brand h1 span{color:var(--orange)}.brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:2.5px;font-weight:650;color:#9eb5bd}.top-status{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.2px;font-weight:700}.pulse{display:block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #69eaaa}.divider-pipe{color:#43606c}.outline{border:1px solid #ffffff35;background:#0d242d;color:var(--bright);padding:10px 14px;letter-spacing:1.3px;font-weight:700}.readout-ribbon{position:absolute;top:83px;left:22px;right:22px;display:flex;justify-content:center;gap:1px;z-index:2;pointer-events:none}.kpi{flex:1;max-width:195px;min-width:115px;background:#071720d9;backdrop-filter:blur(14px);border:1px solid #ffffff1e;padding:13px 18px;height:88px}.kpi:first-child{border-top:2px solid var(--orange)}.kpi label{font-size:9px;letter-spacing:1.25px;color:#a4b7bc;display:block}.kpi strong{display:block;font-size:28px;letter-spacing:-.9px;margin:5px 0 2px;line-height:1;font-variant-numeric:tabular-nums}.orange{color:var(--orange)!important}.kpi small{font-size:12px;color:#b3bdc4}.kpi-sub{font-size:8px;letter-spacing:1px;color:#6e8b95}.sidebar{position:absolute;z-index:2;top:188px;bottom:59px;left:23px;width:320px;background:#071720ef;border:1px solid #ffffff29;display:flex;flex-direction:column;box-shadow:12px 15px 50px #0006;backdrop-filter:blur(14px)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 15px}.panel-meta{color:#82a3ad}.panel-meta span{color:#55717d}.panel-head h2{font-size:15px;margin:7px 0 0;letter-spacing:1.1px}.state-indicator{font-size:9px;color:var(--green);border:1px solid #74e3a15a;background:#2bc07f18;padding:7px 9px;font-weight:800;letter-spacing:1.2px}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tab{background:transparent;border:0;color:#74909a;font-size:9px;letter-spacing:1.25px;padding:13px 12px;flex:1;font-weight:800}.tab.active{color:var(--orange);border-bottom:2px solid var(--orange);background:#f99a4b0d}.scroll-panel{overflow-y:auto;scrollbar-color:#385863 #0b1d25;scrollbar-width:thin;padding:3px 17px 15px;flex:1;min-height:0}.control-caption{display:flex;justify-content:space-between;margin:20px 0 14px;color:#efb17b;font-size:9px;letter-spacing:1.1px;font-weight:750}.mini-tag{font-size:8px;border:1px solid #3e6e64;color:#80e7ba;padding:2px 5px}.control-row{margin-bottom:18px}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.control-title label{color:#b2c1c8;font-size:10px;letter-spacing:.5px}.control-value{font-weight:800;color:var(--bright);font-size:12px;font-variant-numeric:tabular-nums}.control-value em{font-size:9px;color:#8a9da6;font-style:normal}.control-row input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--orange) var(--pct,50%),#25414a var(--pct,50%));border-radius:4px;margin:5px 0 4px;cursor:ew-resize}.control-row input::-webkit-slider-thumb{appearance:none;background:#f7ac6d;border:2px solid #e7f4f5;width:13px;height:13px;border-radius:50%;box-shadow:0 0 12px #ff9f6c55}.control-row input::-moz-range-thumb{background:#f7ac6d;border:2px solid #e7f4f5;width:10px;height:10px;border-radius:50%}.control-hints{display:flex;justify-content:space-between;color:#68818d;font-size:9px}.field-row{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}.field-row label{font-size:9px;letter-spacing:1px;color:#b2c1c8}.field-row select{border:1px solid #3b5b64;border-radius:0;background:#122c35;color:#e6eff1;padding:9px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:14px 0;font-size:9px;letter-spacing:1px;color:#b2c1c8}.toggle{border:1px solid #415966;color:#90a0a8;background:#13272f;font-weight:800;min-width:41px;padding:6px}.toggle.on{background:#d38b49;border-color:#f0ad6d;color:#0e1b21}.bottom-controls{border-top:1px solid #ffffff25;padding:12px 17px 15px;background:#06151d}.action-row{display:flex;gap:8px}.action-row button{border:0;padding:12px;flex:1;font-weight:800;letter-spacing:1px;font-size:10px}.power-on{background:#e59555;color:#111b20}.power-off{background:#55bd87;color:#092118}.secondary{background:#1a333d;color:#c5d5dd}.tinyprint{font-size:9px;color:#78909c;display:flex;justify-content:space-between;align-items:center;margin-top:13px;letter-spacing:.35px}.tinyprint span{color:#cddbe2}.location-box{position:absolute;right:23px;top:188px;width:250px;z-index:2;background:#071720e8;border:1px solid #ffffff23;box-shadow:0 16px 30px #0005;backdrop-filter:blur(13px);padding:17px 14px 13px}.location-box h3{font-size:12px;letter-spacing:1.1px;margin:9px 0 12px}.locations{display:grid;gap:3px}.locations button{display:flex;gap:9px;align-items:center;width:100%;border:1px solid transparent;background:#12303b58;color:#a8bbc4;text-align:left;padding:8px 9px;font-size:10px;letter-spacing:.2px}.locations button:hover,.locations button.active{background:#f29d4620;border-color:#bd8b5959;color:#ffe1c7}.locations button .number{color:#dc9252;font-size:9px;font-weight:800}.location-buttons{display:flex;gap:5px;margin-top:12px}.location-buttons button{flex:1;background:#16323b;border:1px solid #36515d;color:#bdd0d8;padding:9px 5px;font-size:9px;font-weight:800}.location-buttons kbd{color:#e3a76a;font-size:10px}.HUD{position:absolute;bottom:14px;left:23px;right:23px;z-index:3;display:flex;align-items:center;gap:18px}.signal{display:flex;align-items:center;gap:8px;background:#071820e7;border:1px solid #ffffff24;padding:12px 15px;font-size:9px;letter-spacing:1.1px;font-weight:800;color:#91eab8;max-width:400px}.signal.warning{color:#ffbf81;border-color:#ff9e555f}.light{font-size:12px}.camera-hint{color:#bdcbd0;font-size:9px;letter-spacing:1.3px;background:#071820a3;padding:11px 15px;white-space:nowrap}.camera-hint b{color:#f7a15c;padding:0 4px}.performance{display:flex;gap:12px;margin-left:auto;align-items:center;background:#071820c1;padding:5px 6px 5px 12px;color:#9eb3bc;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.performance button{background:#1b3740;color:#b9d5dc;border:1px solid #2e515a;font-size:9px;padding:8px 9px}.chart-panel{position:absolute;bottom:79px;right:23px;width:250px;background:#061921e6;border:1px solid #ffffff22;padding:13px 13px 10px;z-index:1}.chart-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;font-weight:800;color:#92adb7}.chart-panel canvas{width:100%;height:71px;margin-top:10px;display:block}.chart-footer{display:flex;justify-content:space-between;color:#63808d;font-size:8px;letter-spacing:.45px;margin-top:4px}.hidden{display:none!important}.science-title{margin:24px 0 13px;font-size:10px;letter-spacing:1.5px;color:var(--orange);font-weight:800}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.science-card{background:#14313a7c;padding:12px 10px;border:1px solid #ffffff1c}.science-card label{display:block;color:#90a9b1;font-size:9px;margin-bottom:7px}.science-card strong{font-size:18px;color:#ebf5f8;font-variant-numeric:tabular-nums}.science-note{margin-top:19px;border-top:1px solid var(--line);padding-top:16px;line-height:1.75;color:#9ab0b9}.science-note b{font-size:9px;color:var(--orange);letter-spacing:1.3px}.science-note p{font-size:11px}#help-overlay{position:absolute;inset:0;background:#000a;z-index:20;display:grid;place-items:center;padding:25px}.modal{width:min(650px,100%);background:#0b212d;border:1px solid #f1a15e80;box-shadow:0 20px 100px #000a;padding:28px 32px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font-size:29px;letter-spacing:1.2px;margin:8px 0 15px}.modal-head button{width:33px;height:33px;background:#213b46;border:1px solid #385968;color:#e5ecf0;font-size:22px}.modal>p{color:#a7bac2;line-height:1.75}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0}.help-grid div{background:#14303b;padding:16px}.help-grid b{color:#f2ab70;letter-spacing:1px}.help-grid p{color:#9db4be;line-height:1.6}.modal-close{border:0;background:#ec9955;color:#111d24;padding:13px 19px;font-weight:800;letter-spacing:1px}#error{position:absolute;inset:15%;z-index:30;background:#07151bf5;border:1px solid #e27160;color:#fff;padding:35px;font:15px/1.7 monospace;overflow:auto}
@media (max-width:1200px){.readout-ribbon{left:353px;justify-content:flex-start;right:15px}.kpi{padding:12px 10px;min-width:0}.kpi strong{font-size:22px}.kpi-sub{font-size:7px}.location-box{top:auto;bottom:177px;right:15px}.sidebar{left:15px}.chart-panel{display:none}.camera-hint{display:none}}@media (max-width:830px){.sidebar{top:171px;left:10px;bottom:48px;width:260px}.panel-head{padding:15px 12px}.readout-ribbon{top:82px;left:10px;right:10px}.kpi{height:75px;min-width:0;flex:1;padding:8px}.kpi strong{font-size:19px}.kpi label{font-size:7px}.kpi-sub{display:none}.location-box{right:10px;width:210px;bottom:68px}.locations button{padding:6px}.HUD{bottom:6px;left:10px;right:10px}.performance>span{display:none}}@media (max-width:550px){.brand-icon{display:none}.brand{min-width:0}.brand h1{font-size:17px}.brand small{font-size:6px}.eyebrow{font-size:7px}.top-status{display:none}.topbar{padding:11px;height:65px}.readout-ribbon{top:68px}.kpi:nth-child(n+4){display:none}.kpi{height:70px}.sidebar{top:auto;left:7px;right:7px;width:auto;bottom:41px;height:40vh;max-height:370px}.location-box{top:152px;right:7px;bottom:auto;width:205px;max-height:calc(60vh - 160px);overflow:auto}.location-box h3{font-size:10px}.locations button:nth-child(n+7){display:none}.HUD{bottom:4px}.signal{max-width:56vw;font-size:8px}.performance{margin-left:auto}}

.gradient-panel{margin-top:16px;padding:11px 6px 5px;background:#0e2630;border:1px solid #35515b}.gradient-panel .panel-meta{padding-left:8px;margin-bottom:8px}.gradient-panel canvas{width:100%;height:160px;display:block}