:root{--bg:#06101a;--panel:#081521f2;--panel2:#0b1c2bee;--line:#244052;--mute:#7892a5;--cyan:#7dece4;--ink:#dfeff4;--orange:#e7ac70;--green:#9af7cf;--violet:#b1a8f8}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:12px}button,input{font:inherit}button{color:inherit;cursor:pointer}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 44%,transparent 30%,#010b13a8 100%),linear-gradient(90deg,#03101eb8 0%,transparent 37%,#030d18a6 100%)}#app{position:fixed;inset:0;pointer-events:none}#app button,#app input,#app aside,#app header,#app .telemetry,#app .inspector{pointer-events:auto}b,strong{font-weight:700}.micro,.field-caption{font:500 9px 'DM Mono',monospace;letter-spacing:1.8px;color:#92c8d3}.topbar{pointer-events:auto;position:absolute;left:0;right:0;top:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:linear-gradient(90deg,#071623f4,#06101bd4 65%,#071623ee);border-bottom:1px solid #34506489;z-index:5}.brand{display:flex;align-items:center;gap:15px}.brand-mark{width:38px;height:38px;border:1px solid #42cecba8;color:var(--cyan);display:grid;place-items:center;font-size:29px;transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand b{font:600 24px 'Barlow Condensed',Arial,sans-serif;letter-spacing:1.5px}.brand-slash{color:#66c9bd}.brand small{display:block;color:#87a4b3;letter-spacing:2.1px;font:9px 'DM Mono',monospace;margin-top:3px}.top-status{display:flex;gap:14px;align-items:center;color:#99afbd;letter-spacing:1.3px;font:10px 'DM Mono',monospace}.status-dot{height:7px;width:7px;border-radius:100%;background:#79eac8;box-shadow:0 0 12px #80f9d5}.bar-divider{height:17px;width:1px;background:#395064}.sidebar{position:absolute;top:85px;bottom:126px;left:20px;width:324px;z-index:4;background:linear-gradient(150deg,#0c1b29f7,#071522f7);border:1px solid #2c485a;box-shadow:0 12px 50px #0008;display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.side-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 20px 0}.status-tag{color:#7bdac9;border:1px solid #2e766e;padding:4px 6px;font:8px 'DM Mono',monospace;letter-spacing:1px}.section-title{font:600 30px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:1.1px;margin:18px 20px 9px}.intro{margin:0 20px 16px;color:#8da6b4;font-size:11px;line-height:1.6}.tab-row{display:flex;padding:0 10px;border-bottom:1px solid #244357}.tab{flex:1;background:none;border:0;padding:13px 7px;color:#7391a4;letter-spacing:1.5px;font:600 10px 'Barlow Condensed',Arial,sans-serif;position:relative}.tab.active{color:var(--cyan)}.tab.active:after{position:absolute;content:'';height:2px;background:var(--cyan);bottom:-1px;left:8px;right:8px}.tab-page{display:none;overflow-y:auto;overflow-x:hidden;padding:19px 19px 25px;flex:1;scrollbar-width:thin;scrollbar-color:#325165 transparent}.tab-page.active{display:block}.field-caption{margin-bottom:12px}.segmented{display:flex;gap:4px;margin-bottom:16px}.segmented button{flex:1;background:#0e2432;border:1px solid #244458;padding:8px 2px;font:10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#789aaa}.segmented button.selected{background:#0c3a46;border-color:#4bbfbe;color:#b8f6ea}.section-kicker{font:600 11px 'Barlow Condensed',sans-serif;color:#d4e5ea;letter-spacing:1.7px;border-bottom:1px solid #254152;padding-bottom:8px;margin:22px 0 13px}.metric{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8bec7;margin:13px 0 10px;font-size:10px}.metric strong{font:500 12px 'DM Mono',monospace;color:#c5f8ef;white-space:nowrap}.range{display:block;width:100%;height:3px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#61d6c9 0%,#61d6c9 65%,#294958 65%,#294958 100%);margin:8px 0 16px;outline:none;cursor:pointer}.range::-webkit-slider-thumb{appearance:none;background:#c1fff4;border:2px solid #186d75;border-radius:50%;height:13px;width:13px;box-shadow:0 0 9px #55e6d6a9}.range::-moz-range-thumb{background:#bffff5;border:2px solid #186d75;border-radius:50%;height:11px;width:11px}.range-label{display:flex;justify-content:space-between;margin:-8px 0 14px;color:#5e7e8d;font:9px 'DM Mono',monospace}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0 18px;cursor:pointer}.toggle-row b{font-size:11px;font-weight:600;display:block}.toggle-row small{font-size:10px;color:#7995a7;display:block;margin-top:5px}.toggle-row input{position:absolute;opacity:0}.switch{flex:0 0 32px;width:32px;height:18px;border:1px solid #486272;background:#1b3443;border-radius:12px;position:relative;transition:.2s}.switch:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;top:2px;left:2px;background:#8097a5;transition:.2s}.toggle-row input:checked+.switch{border-color:#58c6b5;background:#164c50}.toggle-row input:checked+.switch:after{transform:translateX(14px);background:#9df8e6;box-shadow:0 0 7px #6fe6d9}.data-block{border:1px solid #234150;background:#071b2b;padding:15px;color:#8da7b4;font-size:11px;line-height:1.8}.waypoints{display:flex;flex-direction:column;gap:8px}.waypoints button{position:relative;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;text-align:left;gap:4px 8px;border:1px solid #264658;background:#0b2432;padding:11px}.waypoints button:hover{border-color:#76dcd7;background:#103440}.waypoints button span{grid-row:1/span 2;font:20px 'Barlow Condensed',sans-serif;color:#569fab}.waypoints button b{font-size:11px}.waypoints button small{color:#7e9eab;font-size:10px}.tip{color:#96acb9;line-height:1.9;font-size:11px}.sidebar-footer{border-top:1px solid #253e51;padding:15px 19px 16px;flex:0 0 auto}.sidebar-footer small{font:8px 'DM Mono',monospace;letter-spacing:1.1px;color:#658b9b}.spectrum{display:flex;align-items:end;height:15px;gap:3px;margin-bottom:10px}.spectrum span{flex:1;height:7px;background:#4ab9ae80}.spectrum span:nth-child(3n){height:13px;background:#64dacc}.spectrum span:nth-child(4n){height:9px;background:#28858b}.coordinates{position:absolute;top:96px;left:370px;right:32px;display:flex;align-items:start;justify-content:space-between;gap:20px}.coordinates strong{font:500 10px 'DM Mono',monospace;display:block;color:#b7cbd1;letter-spacing:1px;margin-top:6px}.coordinates>span{font:10px 'DM Mono',monospace;color:#9cb5c1}.reticle{position:absolute;top:48%;left:54%;width:25px;height:25px;opacity:.47;pointer-events:none}.reticle:before,.reticle:after{content:'';position:absolute;left:50%;top:50%;background:#b8e9e6}.reticle:before{height:1px;width:24px;transform:translate(-50%,-50%)}.reticle:after{height:24px;width:1px;transform:translate(-50%,-50%)}.reticle span{position:absolute;width:3px;height:3px;border:1px solid #a8eae1}.reticle span:nth-child(1){left:0;top:0}.reticle span:nth-child(2){right:0;top:0}.reticle span:nth-child(3){right:0;bottom:0}.reticle span:nth-child(4){left:0;bottom:0}.view-actions{position:absolute;right:27px;top:180px;display:flex;flex-direction:column;gap:10px}.round-button{width:75px;min-height:56px;border:1px solid #426071;background:#071927c9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:18px;color:#b8cbd6;backdrop-filter:blur(7px)}.round-button span{font:8px 'DM Mono',monospace;letter-spacing:1.5px}.round-button.active,.round-button:hover{border-color:#6aded1;color:#90e7df;background:#0d3941d9}.view-bottom{position:absolute;bottom:149px;left:372px;right:30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.scale{font:9px 'DM Mono',monospace;color:#c9d5df}.scale span{display:block;border:1px solid #8ca0ac;border-top:0;width:95px;height:8px;margin-top:5px}.prompt{font:9px 'DM Mono',monospace;color:#94b3c0;letter-spacing:.9px}.prompt span{color:#57ccbc}.telemetry{position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(90deg,#071521f8,#081924eb,#071521f8);border-top:1px solid #305366;display:flex;align-items:center;padding:13px 35px 15px;gap:35px}.telemetry-left{flex:1;max-width:930px}.telemetry-grid{display:flex;gap:50px;margin-top:12px}.telemetry-grid>div{width:180px}.telemetry-grid small{font:9px 'DM Mono',monospace;letter-spacing:1px;color:#87a2b0}.telemetry-grid strong{font:600 25px 'Barlow Condensed',sans-serif;letter-spacing:.7px;display:block;margin-top:2px}.telemetry-grid strong span{font-size:12px;color:#84a5b1}.tinybar{height:2px;background:#234250;margin-top:5px}.tinybar i{background:#68e0d0;display:block;height:100%;width:93%;transition:.2s}.tinybar.orange i{background:#e2af7d}.tinybar.violet i{background:#aeb7e7}.chart-wrap{width:300px;flex:0 0 300px}.chart-wrap svg{margin-top:8px;width:100%;height:67px;overflow:visible}.chart-grid{stroke:#34515e55;fill:none;stroke-width:1}#chart-line{stroke:#70e7d8;fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #34b9b3)}.inspector{position:absolute;right:27px;bottom:235px;width:295px;background:linear-gradient(145deg,#081d2df2,#0d1827f1);border:1px solid #315a6b;box-shadow:0 10px 30px #010b13a0;padding:21px;opacity:0;pointer-events:none!important;transform:translateX(20px);transition:opacity .2s,transform .2s}.inspector.open{opacity:1;pointer-events:auto!important;transform:none}.inspector h2{font:600 24px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:10px 0}.inspector p{font-size:11px;color:#9fb9c3;line-height:1.6}.close-inspector{position:absolute;right:12px;top:8px;background:none;border:0;color:#9ebbc8;font-size:24px}.inspector-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;margin:17px 0;border-top:1px solid #284859;padding-top:13px}.inspector-metrics span{font:9px 'DM Mono',monospace;color:#698b99}.inspector-metrics b{text-align:right;font:10px 'DM Mono',monospace;color:#a9c7d2}.inspector-metrics .live{color:#88e3c9}.inspect-focus{border:1px solid #4ba29f;padding:10px;width:100%;background:#103640;font:9px 'DM Mono',monospace;color:#c5fff7;letter-spacing:1px}.inspect-focus:hover{background:#164b53}#toast{position:absolute;left:50%;top:90px;transform:translateX(-50%);background:#082a36eb;border:1px solid #477e88;padding:9px 19px;color:#c6fff1;font:10px 'DM Mono',monospace;letter-spacing:1px;opacity:0;transition:.2s;pointer-events:none}#toast.visible{opacity:1}#loading{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at center,#123142,#06101a 66%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;pointer-events:auto;transition:opacity .8s}#loading.hidden{opacity:0;pointer-events:none}.loading-symbol{font:72px 'Barlow Condensed',sans-serif;color:#8aeae2;text-shadow:0 0 25px #3fc1bc;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading b{font:600 32px 'Barlow Condensed',sans-serif;letter-spacing:3px}#loading span,#loading small{font:10px 'DM Mono',monospace;letter-spacing:2px;color:#78aab6}.load-track{width:280px;height:2px;background:#244150;margin-top:25px}.load-track i{display:block;width:8%;height:100%;background:#83e9db;box-shadow:0 0 10px #6bf0e2;transition:width .3s}#loading small{font-size:8px;margin-top:16px;color:#547b8a}#spatial-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.spatial-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:9px 'DM Mono',monospace;letter-spacing:1px;color:#b3f1ec;text-shadow:0 0 8px #061522;background:#0b1c2aa8;border-left:2px solid #63e0d0;padding:5px 7px;transition:opacity .2s}.spatial-label:after{position:absolute;content:'';left:0;top:100%;height:14px;width:1px;background:#63ddce66}@media(max-width:950px){.sidebar{width:280px;left:10px;top:76px;bottom:113px}.coordinates{left:306px}.view-bottom{left:308px}.telemetry-grid{gap:20px}.chart-wrap{display:none}.topbar{padding:0 14px}.top-status{font-size:8px}.sidebar-footer{padding:10px}.brand b{font-size:19px}}@media(max-width:660px){.topbar{height:60px}.brand small{font-size:7px}.top-status{display:none}.sidebar{left:7px;top:auto;bottom:91px;width:min(310px,78vw);height:265px}.sidebar .side-heading,.sidebar .intro,.sidebar .section-title,.sidebar .sidebar-footer{display:none}.tab-page{padding:11px}.tab-row{margin-top:2px}.section-kicker{margin-top:12px}.coordinates{left:12px;right:12px;top:74px}.coordinates>span{display:none}.view-actions{right:10px;top:123px}.round-button{width:53px;min-height:50px}.view-bottom{display:none}.telemetry{height:82px;padding:12px}.telemetry-grid{gap:13px}.telemetry-grid>div{width:auto;flex:1}.telemetry-grid strong{font-size:18px}.telemetry-grid small{font-size:7px}.inspector{right:6px;bottom:370px;width:min(270px,90vw)}.reticle{left:50%;top:40%}}