:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#dbe8ea;background:#07121a;font-synthesis:none;--bg:#07121a;--panel:#0c1921;--line:#21333c;--text:#e2edf0;--muted:#748c98;--teal:#42d7c6;--amber:#f3b45c}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-size:12px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #55e8d5;outline-offset:2px}.app-shell{height:100dvh;min-height:640px;display:flex;flex-direction:column}.topbar{height:75px;flex:none;display:flex;align-items:center;border-bottom:1px solid #243740;background:#0a1720;padding:0 26px;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;min-width:260px}.brand-mark{height:39px;width:39px;background:linear-gradient(140deg,#0e746f,#16545b);color:#b4fcdd;border:1px solid #3eaea4;border-radius:8px;display:grid;place-items:center;font-size:30px;box-shadow:0 0 24px #12a79d23}.brand-word{letter-spacing:2px;font-weight:850;font-size:15px;white-space:nowrap}.brand-word span{font-weight:300;color:#5fc7ba}.brand-word small{display:block;letter-spacing:1.75px;font-weight:650;color:#63838d;font-size:8px;margin-top:5px}.top-pill{border:1px solid #285b5b;border-radius:30px;padding:10px 15px;color:#85e1c9;background:#0f2d30;font-size:9px;letter-spacing:1.25px;font-weight:750;white-space:nowrap}.pulse,.radar-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43e0a4;box-shadow:0 0 9px #44eeba;vertical-align:middle;margin-right:9px}.pill-divider{display:inline-block;height:11px;border-left:1px solid #396866;margin:0 11px;vertical-align:middle}.top-right{display:flex;gap:23px;align-items:center}.top-loc{color:#62818c;font-size:8px;font-weight:750;letter-spacing:1.2px}.top-loc strong{color:#dee9e7;display:block;font-size:10px;letter-spacing:1px;margin-top:4px}.icon-button{color:#b8d2dc;border:1px solid #30434d;background:#12242f;border-radius:50%;height:29px;width:29px}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr) 350px;flex:1;min-height:0}.left-panel,.right-panel{background:var(--panel);display:flex;min-height:0;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#375662 transparent}.left-panel{border-right:1px solid var(--line)}.panel-pad{padding:28px 24px 23px}.eyebrow,.label-group{font-size:9px;color:#8da7b0;font-weight:800;letter-spacing:1.6px}.eyebrow{color:#4bd6c6}.micro{float:right;color:#587782}.panel-pad h1{font-size:29px;line-height:1.12;letter-spacing:-1.15px;margin:23px 0 15px;font-weight:710}.panel-pad h1 em{font-style:normal;color:#54c5bc;font-weight:330}.intro{font-size:11px;color:#8e9da7;line-height:1.65;margin:0}.divider-line,.panel-break{border-top:1px solid #23333c;flex:none}.label-group{padding:22px 24px 12px}.waypoint-list{padding:0 12px 18px}.waypoint{display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;text-align:left;color:#c8d5dc;border-radius:7px;width:100%;padding:12px 10px;font-weight:680;font-size:11px}.waypoint:hover{background:#18313b}.waypoint.active{background:#13363a;border-color:#2b706b;color:#e4fff8}.waypoint-icon{width:29px;height:29px;border:1px solid #34515b;border-radius:6px;display:grid;place-items:center;font-size:17px;color:#6eb8be;flex-shrink:0}.waypoint.active .waypoint-icon{color:#47f6dd;border-color:#407f7c;background:#153f42}.waypoint small{display:block;font-size:9px;font-weight:480;color:#7894a0;margin-top:4px}.shortcut{margin-left:auto;color:#58747e;font-size:10px}.switch-row{margin:0 23px 14px;display:flex;align-items:center;justify-content:space-between;color:#b8cbd2;font-size:11px;cursor:pointer}.switch-row input{position:absolute;opacity:0}.toggle{width:31px;height:17px;border-radius:12px;background:#2c3f48;position:relative;box-shadow:inset 0 0 0 1px #49606b}.toggle:before{content:'';height:11px;width:11px;background:#8198a4;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.switch-row input:checked+.toggle{background:#175f59}.switch-row input:checked+.toggle:before{background:#4cf2c9;left:17px}.inventory{padding:0 24px 23px}.inventory div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #22333c}.inventory span{font-size:9px;letter-spacing:.5px;color:#7b96a1}.inventory strong{font-size:12px;color:#d0e7ec;font-variant-numeric:tabular-nums}.left-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 19px;color:#7dabb0;font-size:8px;letter-spacing:.7px;white-space:nowrap}.left-foot .status-dot{height:6px;width:6px;margin-right:4px}.foot-serial{float:right;color:#496975}.viewport-area{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 40% 25%,#165564,#091e2d 67%);isolation:isolate}#world{position:absolute;inset:0;height:100%;width:100%;display:block;touch-action:none;cursor:grab;outline:none}#world:active{cursor:grabbing}.viewport-top{position:absolute;top:0;left:0;right:0;padding:19px 23px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:12px;background:linear-gradient(to bottom,#061721bc,transparent)}.live-flag{color:#c3e6e9;font-size:9px;font-weight:760;letter-spacing:1px;white-space:nowrap}.radar-dot{width:6px;height:6px;margin-right:7px}.vp-divider{margin:0 9px;color:#3b7e88}.live-flag #view-label{color:#42d8c9}.vp-hint{color:#7eafbd;font-size:8px;letter-spacing:.75px;text-align:right;line-height:1.7}.vp-hint span{color:#4cc3c4;padding:0 4px}.scene-bottom-left,.scene-bottom-right{z-index:2;position:absolute;bottom:61px;pointer-events:none}.scene-bottom-left{left:21px}.scene-bottom-right{right:21px;display:flex;gap:10px;align-items:flex-end}.coord{font-weight:780;letter-spacing:1.2px;font-size:8px;color:#9cc0c7}.coord span{font-weight:400;color:#537d88}.scale{margin-top:10px;font-size:8px;letter-spacing:1.1px;color:#89abb6;font-weight:700}.scale-bar{display:inline-block;width:69px;height:4px;border-left:2px solid #63c0bf;border-right:2px solid #63c0bf;border-bottom:1px solid #63c0bf;margin-left:10px}.zone-card{display:flex;flex-direction:column;gap:5px;background:#081923df;border:1px solid #255060;border-radius:8px;padding:13px 15px;min-width:195px;max-width:260px;backdrop-filter:blur(8px)}.zone-overline{color:#69b9c0;font-size:8px;letter-spacing:1.25px;font-weight:800}.zone-card strong{font-size:11px;color:#d7f1f4}.zone-card span:last-child{font-size:9px;line-height:1.5;color:#81a3af}.scene-buttons{display:flex;gap:5px;pointer-events:auto}.scene-buttons button{background:#0a2b31de;border:1px solid #39766e;border-radius:6px;color:#b0ede3;font-weight:780;font-size:9px;letter-spacing:.5px;padding:10px;white-space:nowrap}.scene-buttons button:hover{background:#144f53}.viewport-bottom{position:absolute;bottom:0;height:47px;left:0;right:0;background:#061620eb;border-top:1px solid #27505d;display:flex;gap:15px;align-items:center;padding:0 20px;z-index:2;white-space:nowrap}.viewport-bottom span{color:#9cb5bc;font-size:8px;letter-spacing:.4px}.legend-swatch{width:7px;height:7px;display:inline-block;border-radius:2px;margin-right:5px}.viewport-bottom .fps{margin-left:auto;font-variant-numeric:tabular-nums;color:#47ceb7}.right-panel{border-left:1px solid #26434d}.right-head{padding:23px 23px 14px;display:flex;justify-content:space-between;align-items:flex-end}.right-head .eyebrow{font-size:9px}.right-head h2{font-size:21px;margin:8px 0 0;letter-spacing:-.4px}.uptime{color:#66848c;font-size:9px;letter-spacing:.8px}.metrics{padding:0 23px 17px}.main-metric{border:1px solid #1a6c6b;background:linear-gradient(135deg,#153b3d,#103039 75%);border-radius:10px;padding:16px 17px 14px}.main-metric>span{font-size:9px;letter-spacing:1.15px;color:#84bfbf;font-weight:760}.main-metric>div:nth-child(2){display:flex;align-items:baseline;gap:9px;margin:9px 0 13px}.main-metric strong{color:#e1fff4;font-size:35px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.main-metric div:nth-child(2)>span{color:#7ca9a9;font-size:10px}.metric-progress{height:4px;background:#244e56;border-radius:9px;overflow:hidden}.metric-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#26babb,#70ffd5);transition:width .4s}.main-metric small{display:block;color:#719aa1;font-size:9px;margin-top:9px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.metric-pair>div{background:#11222b;border:1px solid #1e343e;border-radius:7px;padding:12px 11px}.metric-pair span{display:block;color:#819eaa;font-size:8px;letter-spacing:1px;font-weight:750}.metric-pair strong{font-size:19px;letter-spacing:-.5px;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.metric-pair strong small{color:#7e9eab;font-size:9px;font-weight:550;letter-spacing:0}.graph-head,.controls-head{display:flex;justify-content:space-between;align-items:center;padding:18px 23px 4px;font-size:9px;letter-spacing:1px;color:#b7d2da;font-weight:800}.graph-head span:last-child,.controls-head span:last-child{color:#6b929c;font-size:8px;letter-spacing:.4px}#chart{margin:0 14px 13px;width:calc(100% - 28px);height:98px;display:block}.scroll-controls{padding:10px 23px 5px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#32505a transparent}.slider-row{display:block;margin-bottom:15px}.slider-row>span{display:flex;justify-content:space-between;color:#a4b9c0;font-size:10px}.slider-row strong{color:#e1f4ee;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.slider-row input{appearance:none;width:100%;height:4px;border-radius:9px;background:linear-gradient(90deg,#287e7b,#243d49);margin:11px 0 0;cursor:pointer}.slider-row input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#8bfff2;border:2px solid #206b69;box-shadow:0 0 8px #2ecbbb55}.slider-row input::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:#8bfff2;border:2px solid #206b69}.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 23px 12px}.action{border:1px solid #32515c;border-radius:6px;padding:11px 8px;font-size:9px;font-weight:780;letter-spacing:.3px;background:#152b35;color:#b9d5dc}.action:hover{background:#203e47}.action.primary{background:#155953;border-color:#31a895;color:#c7fbe8}.action.danger{border-color:#654344;color:#e69b97;background:#291f27}.alert{display:flex;gap:10px;align-items:flex-start;margin:0 23px 12px;border:1px solid #285c55;background:#102923;border-radius:6px;padding:10px}.alert span{color:#69d8ad}.alert p{margin:0;font-size:9px;letter-spacing:.4px;font-weight:780;color:#afedce}.alert small{display:block;color:#739a8c;font-size:9px;letter-spacing:0;font-weight:480;line-height:1.5;margin-top:5px}.alert.warning{background:#312720;border-color:#81583d}.alert.warning span,.alert.warning p{color:#f9c08d}.alert.warning small{color:#d7a57f}.right-foot{margin-top:auto;display:flex;justify-content:space-between;gap:4px;border-top:1px solid var(--line);padding:12px 23px;color:#7796a2;font-size:8px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.bottomline{flex:none;height:28px;border-top:1px solid #21323b;background:#08151d;display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#79aab0;font-size:8px;letter-spacing:1px}.foot-muted{color:#47646e;letter-spacing:.3px}dialog{border:1px solid #3f7777;border-radius:11px;background:#102933;color:#d6eaeb;max-width:480px;padding:27px;box-shadow:0 25px 95px #0009}dialog::backdrop{background:#021018aa}dialog h2{margin:0 0 14px;font-size:21px}dialog p{line-height:1.8;color:#afc6cb}#fatal-error{position:fixed;inset:20%;z-index:1000;background:#331c24;border:2px solid #ff9c8d;border-radius:12px;padding:32px;color:#fff;font-size:17px;white-space:pre-wrap}
@media(max-width:1250px){.workspace{grid-template-columns:240px minmax(0,1fr) 310px}.panel-pad{padding:21px}.panel-pad h1{font-size:25px}.viewport-bottom{gap:9px;padding:0 10px}.viewport-bottom span{font-size:7px}.scene-bottom-right{flex-direction:column;align-items:flex-end}.top-right{gap:12px}.topbar{padding:0 14px}}@media(max-width:975px){body{overflow:auto}.app-shell{min-height:1050px;height:auto}.workspace{grid-template-columns:200px minmax(0,1fr);grid-template-rows:680px auto}.left-panel{grid-row:1 / 3}.viewport-area{grid-column:2}.right-panel{grid-column:2;height:auto;min-height:750px}.top-pill{display:none}.topbar{height:70px}.bottomline{height:auto;padding:10px;gap:10px;flex-wrap:wrap}.right-panel .scroll-controls{max-height:none}}@media(max-width:630px){.workspace{display:flex;flex-direction:column}.left-panel{order:2}.viewport-area{order:1;height:520px;min-height:520px}.right-panel{order:3}.top-right{display:none}.topbar{height:65px}.vp-hint{display:none}.scene-bottom-left{display:none}.scene-bottom-right{bottom:57px;right:12px}.scene-buttons{flex-direction:column}.bottomline{display:none}}