:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#d8e7e9;background:#07141c;font-synthesis:none;--line:#20313d;--jade:#7be8cb;--muted:#6b8995;--panel:#0b1b26;--strong:#e1f2ef}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--jade);outline-offset:3px}.app{height:100vh;min-height:690px;display:grid;grid-template-columns:268px minmax(340px,1fr) 336px;grid-template-rows:72px minmax(0,1fr);background:#06131d}.topbar{grid-column:1/-1;grid-row:1;border-bottom:1px solid #223746;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#071722;z-index:4;min-width:0}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brandmark{width:38px;height:38px;border:1px solid #276758;color:#86edcd;display:grid;place-items:center;background:#0a2d2b}.brandmark svg{width:29px;height:29px}.brand strong{display:block;font-weight:750;font-size:16px;letter-spacing:.14em;color:#e8f2f1;white-space:nowrap}.brandfade{color:#78acb5;font-weight:400}.overline,.kicker{color:#70c3b5;font-size:9px;font-weight:750;letter-spacing:.22em}.overline{color:#789da6;margin-bottom:5px}.header-center{font-size:10px;letter-spacing:.13em;font-weight:650;color:#8bb6bc;display:flex;gap:11px;align-items:center}.grid-dot,.tiny-circle{height:5px;width:5px;border-radius:50%;background:#8be9d0;box-shadow:0 0 12px #8be9d0}.edition{border-left:1px solid #274251;padding-left:12px;color:#5c8490}.top-actions{display:flex;align-items:center;gap:9px}.live{font-size:10px;color:#9fe8c8;background:#102b2c;border:1px solid #2b625a;padding:9px 12px;white-space:nowrap;letter-spacing:.06em}.pulse{display:inline-block;height:6px;width:6px;background:#78e6ad;border-radius:50%;margin-right:7px;box-shadow:0 0 9px #66dfa2}.top-btn{background:#101f2a;border:1px solid #2a4050;color:#d4e9ee;padding:9px 13px;font-size:10px;letter-spacing:.07em;font-weight:750}.top-btn:hover,.view-action:hover{background:#193341}.top-btn.accent{background:#1b584c;color:#b8ffdc;border-color:#3c8976}.sidebar,.control-panel{min-height:0;background:#091a24;grid-row:2;position:relative}.sidebar{grid-column:1;border-right:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#294b55 transparent}.pane-heading{display:flex;justify-content:space-between;padding:23px 21px 8px}.tag{border:1px solid #2d5860;color:#9dd6d6;font-size:9px;padding:4px 6px;letter-spacing:.08em}.sidebar-top{padding:5px 21px 16px}.sidebar-top h1{font-size:30px;line-height:1.02;letter-spacing:-.05em;margin:8px 0 11px;font-weight:750;color:#f1f8f5}.sidebar-top h1 em{font-weight:400;color:#78ddb9;font-style:normal}.sidebar-top p{color:#7895a0;font-size:11px;line-height:1.7;margin:0;max-width:205px}.map-frame{margin:8px 15px 26px;background:#091e29;border:1px solid #294450}.map-header,.map-footer{display:flex;justify-content:space-between;font-size:8px;font-weight:750;color:#71959d;letter-spacing:.11em;padding:11px 11px}.map-header span:last-child{color:#4b6c75}#site-map{width:100%;height:211px;cursor:crosshair}.map-footer{border-top:1px solid #1a323d;padding:10px 10px}.map-footer span:last-child{color:#76c8aa}.side-nav{padding:0 12px}.section-label{font-size:9px;color:#608e94;letter-spacing:.18em;font-weight:750;display:flex;justify-content:space-between;padding:0 11px 9px}.section-label small{color:#456c76;font-size:9px}.vault-label{margin-top:21px}.nav-item{width:100%;display:flex;gap:10px;align-items:center;border:1px solid transparent;background:transparent;color:#91b0bc;text-align:left;padding:10px 10px;min-height:41px;font-size:10px;letter-spacing:.03em;transition:background .2s}.nav-item:hover{color:#def6f1;background:#102b35}.nav-item.active{background:#143634;border-color:#34645b;color:#d6ffe9}.nav-item .nav-circle{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;opacity:.9;flex-shrink:0}.nav-item.active .nav-circle{background:var(--jade);box-shadow:0 0 8px #4ab994}.nav-item .num{margin-left:auto;color:#5f8793;font-size:9px}.sidebar-bottom{border-top:1px solid #243744;margin:24px 18px 26px;padding:21px 3px}.tiny-title{font-size:9px;letter-spacing:.19em;color:#68b5ad;font-weight:750;margin-bottom:14px}.side-stat{display:flex;justify-content:space-between;align-items:baseline;margin:13px 0;gap:5px}.side-stat strong{font-size:19px;color:#cfe5e7;letter-spacing:-.04em;font-weight:650}.side-stat span{font-size:9px;color:#6a8796;text-align:right}.viewport-wrap{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;background:#091722}.viewport-top{height:51px;background:#0b1d2a;border-bottom:1px solid #223443;padding:0 23px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.breadcrumb{font-size:10px;letter-spacing:.13em;color:#d4e8eb}.breadcrumb .muted{color:#5f8993}.separator{color:#41606c;margin:0 9px}.viewport-actions{display:flex;gap:6px}.view-action{border:1px solid #23414e;background:transparent;color:#80a1af;padding:8px 11px;font-size:9px;letter-spacing:.09em;font-weight:650}.view-action.active{color:#a9f1d7;background:#113a38;border-color:#42786d}.viewport{flex:1;position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 48%,#123e4b 0,#081a27 48%,#06121c 100%)}#world-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#world-canvas:active{cursor:grabbing}.grain{pointer-events:none;position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#9bdac8 0.45px,transparent 0.45px);background-size:3px 3px;z-index:1}.crosshair{pointer-events:none;position:absolute;left:50%;top:50%;width:17px;height:17px;border:1px solid #729aa2;border-radius:50%;opacity:.24;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:'';position:absolute;left:50%;top:50%;width:1px;height:28px;background:#769da5;transform:translate(-50%,-50%)}.crosshair:after{width:28px;height:1px}.scene-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,19,29,.32) 0,transparent 22%,transparent 57%,rgba(4,16,24,.9) 100%)}.view-caption{position:absolute;left:26px;bottom:68px;pointer-events:none}.caption-kicker{color:#7bdfc4;font-size:10px;letter-spacing:.2em;font-weight:700}.big-caption{font-size:32px;font-weight:730;letter-spacing:-.035em;color:#e6f2ed;margin-top:9px;text-shadow:0 1px 20px #021019}.view-caption p{color:#9eb8bc;font-size:12px;letter-spacing:.03em;margin:5px 0 12px}.coordinate{color:#7a9ba3;font-size:9px;letter-spacing:.18em;font-weight:700}.scene-float-top{position:absolute;top:22px;left:23px;display:flex;align-items:center;gap:9px;color:#9ecbd0;font-size:9px;letter-spacing:.16em;font-weight:750;border:1px solid #31545f;background:#091d29b3;padding:10px 12px;pointer-events:none}.scene-float-top .small-caps{color:#577e8a;border-left:1px solid #294653;padding-left:9px}.viewport-bottom{position:absolute;bottom:0;left:0;right:0;height:42px;border-top:1px solid #2b465256;background:#07151bd4;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px}.camera-hints{display:flex;gap:16px;color:#5a8994;font-size:9px;letter-spacing:.09em;font-weight:700}.render-stats{color:#72b4b7;font-size:9px;white-space:nowrap;letter-spacing:.1em}.beacon-layer{position:absolute;inset:0;pointer-events:none}.beacon{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);background:#0b2637c4;color:#bce9e5;border:1px solid #579caa88;padding:6px 8px;font-size:9px;letter-spacing:.08em;white-space:nowrap;cursor:pointer;box-shadow:0 4px 16px #0008;transition:.2s}.beacon:hover{color:#fff;border-color:#80edda}.beacon:before{content:'◈';margin-right:6px;color:#8af6da}.bottom-deck{height:108px;flex-shrink:0;border-top:1px solid #254251;background:#0a1d29;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.deck-block{padding:23px 10px 12px 22px;border-right:1px solid #223944;min-width:0}.deck-block.end{border-right:0}.deck-kicker{font-size:8px;letter-spacing:.15em;font-weight:750;color:#618e9c;white-space:nowrap}.deck-block strong{font-size:21px;font-weight:680;color:#ddf7ee;display:block;margin-top:9px;line-height:1}.deck-block strong em{font-size:13px;color:#668b96;font-style:normal;font-weight:400}.deck-block small{display:block;font-size:8px;margin-top:7px;letter-spacing:.12em;color:#62828e}.control-panel{grid-column:3;display:flex;flex-direction:column;border-left:1px solid #28404d}.control-header{height:79px;flex-shrink:0;padding:17px 19px 13px;border-bottom:1px solid #263d4c;display:flex;align-items:center;justify-content:space-between}.control-header h2{font-size:20px;font-weight:650;letter-spacing:-.03em;margin:5px 0 0;color:#e5f1f3}.live-indicator{font-size:9px;color:#71d7bc;letter-spacing:.11em;white-space:nowrap}.live-indicator i{display:inline-block;height:5px;width:5px;background:#5adfae;border-radius:50%;margin-left:6px;box-shadow:0 0 8px #5adfae}.panel-scroll{flex:1;min-height:0;overflow:auto;scrollbar-color:#315461 transparent;scrollbar-width:thin}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 13px}.metric{background:#0f2530;border:1px solid #25404d;min-width:0;padding:13px 10px 12px}.metric.primary{background:linear-gradient(140deg,#14433d,#113032);border-color:#3f8271}.metric>span{display:block;font-size:8px;font-weight:750;color:#7ca2af;letter-spacing:.095em;white-space:nowrap}.metric.primary>span{color:#8cd4bd}.metric>span i{font-style:normal;color:#507785}.metric strong{font-size:27px;font-weight:680;display:block;letter-spacing:-.06em;margin:9px 0 7px;color:#e5eef0;white-space:nowrap}.metric.primary strong{color:#b1f8d9}.metric-foot{font-size:9px;color:#7d9dab;white-space:nowrap}.primary .metric-foot{color:#85d8b7}.control-section{border-top:1px solid #2a3d49;padding:15px 17px 20px}.control-title{display:flex;gap:9px;align-items:center;margin-bottom:17px}.control-title>span{color:#6c9f9f;font-size:10px;border:1px solid #3a616a;padding:4px 5px;font-weight:750}.control-title h3{font-size:10px;color:#b0d3d7;letter-spacing:.1em;font-weight:750;flex:1;margin:0}.control-title i{font-style:normal;font-size:8px;color:#6bcdaf;letter-spacing:.06em}.setting{margin:16px 1px 24px}.setting:last-child{margin-bottom:0}.setting-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:10px}.setting-title label{font-size:11px;color:#a7c3cc}.setting-title strong{font-size:12px;color:#c6f5df;letter-spacing:.03em}.setting input[type=range]{width:100%;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#71ddc4,#3c6d79);height:3px;display:block;cursor:pointer;border-radius:3px}.setting input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid #0b2c2d;width:14px;height:14px;background:#b4ffe4;border-radius:50%;box-shadow:0 0 0 1px #7beaca,0 0 12px #3a9e88}.range-ext{display:flex;justify-content:space-between;margin-top:11px;font-size:8px;letter-spacing:.08em;color:#63818f}.switch-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 1px;gap:10px}.switch-row b{font-size:11px;color:#adc8cf;font-weight:550;display:block}.switch-row span:not(.switch span){font-size:9px;color:#638895;display:block;margin-top:4px}.switch{display:block;position:relative;width:37px;height:20px;flex:0 0 auto}.switch input{opacity:0;position:absolute}.switch span{display:block;background:#304650;width:37px;height:20px;border:1px solid #45606a;border-radius:20px;transition:.2s}.switch span:before{content:'';position:absolute;height:12px;width:12px;top:4px;left:4px;background:#86a3ae;border-radius:50%;transition:.2s}.switch input:checked+span{background:#226f60;border-color:#48a48d}.switch input:checked+span:before{transform:translateX(17px);background:#a6ffdf}.robot-status{display:flex;align-items:center;gap:10px;background:#0e2831;border:1px solid #264651;padding:12px 10px}.robot-status>div{flex:1}.robot-status small{display:block;font-size:8px;color:#6c9aa6;white-space:nowrap}.robot-status strong{display:block;font-size:17px;color:#d8efeb;margin-top:5px}.robot-status button{border:1px solid #398674;background:#17493e;color:#acf3d3;padding:10px 8px;font-size:9px;font-weight:750;white-space:nowrap}.telemetry{padding-bottom:12px}.chart-head{display:flex;justify-content:space-between;color:#779dab;font-size:9px;letter-spacing:.05em}.chart-head span:last-child{color:#8ceac6}#trend{width:100%;height:104px;display:block;margin:9px 0}.chart-labels{display:flex;justify-content:space-between;color:#557e8e;font-size:8px;letter-spacing:.1em}.event-log{display:flex;flex-direction:column;gap:13px}.event-row{display:flex;gap:10px;align-items:flex-start}.event-marker{font-size:12px;color:#78c5ae;margin-top:1px}.event-row strong{font-size:9px;display:block;color:#b9d4d5;letter-spacing:.05em}.event-row p{font-size:10px;color:#7e9daa;line-height:1.5;margin:4px 0 0}.model-disclaimer{font-size:9px;line-height:1.65;color:#526e7d;padding:0 18px 20px;margin:0}.control-footer{height:61px;border-top:1px solid #2b414e;padding:11px 13px;flex-shrink:0;display:flex;gap:9px}.control-footer button{border:1px solid;padding:10px 10px;font-size:10px;letter-spacing:.05em;font-weight:750}.danger-button{background:#3d272c;color:#f9b8aa;border-color:#865052!important;flex:1}.secondary-button{background:#122a36;color:#8bbbc2;border-color:#38525f!important}.inspector{position:fixed;z-index:7;left:290px;bottom:136px;background:#0a2430f2;border:1px solid #4d8b92;box-shadow:0 8px 30px #000b;width:min(390px,45vw);padding:20px 22px;backdrop-filter:blur(12px)}.hidden{display:none!important}.inspector h3{font-size:19px;margin:9px 28px 12px 0;letter-spacing:-.02em}.inspector p{line-height:1.6;color:#aac9d0;font-size:12px}.inspector-close,#close-help{position:absolute;right:13px;top:9px;background:transparent;color:#b5d7d8;font-size:24px;border:none}.inspect-reading{border-left:2px solid #69ceb5;color:#92ead5;background:#123e3d55;padding:10px;font-size:10px;margin:15px 0;letter-spacing:.04em}.inspector>button:last-child{border:1px solid #3c746b;background:#154f48;color:#b2fae0;padding:10px 12px;font-size:10px}.modal-overlay{position:fixed;inset:0;background:#020c13c7;z-index:20;display:grid;place-items:center;padding:20px}.help-dialog{position:relative;width:min(550px,100%);padding:33px;background:#0c2431;border:1px solid #417277;box-shadow:0 30px 100px #000}.help-dialog h2{font-size:28px;letter-spacing:-.03em;margin:12px 0}.help-dialog p{line-height:1.7;color:#9bb9c4;font-size:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.help-grid>div{border:1px solid #254755;background:#12313c;padding:12px}.help-grid strong{display:block;font-size:11px;color:#89e6cb}.help-grid span{display:block;color:#8caebb;font-size:10px;margin-top:5px}.fine-print{font-size:10px!important}.loading{position:absolute;inset:0;z-index:6;background:#061824e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.loading-glyph{font-size:58px;color:#a0eecf;animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading strong{font-size:12px;letter-spacing:.2em}.loading span{font-size:11px;color:#7bb3b8}.loadbar{height:2px;width:260px;background:#27434c;margin-top:9px;overflow:hidden}.loadbar i{height:100%;width:50%;background:#7fecbb;display:block;animation:fill 1.5s infinite alternate}@keyframes fill{to{transform:translateX(200%)}}@media(max-width:1350px){.app{grid-template-columns:223px minmax(320px,1fr) 315px}.header-center{display:none}.sidebar-top h1{font-size:26px}.deck-block{padding-left:13px}.camera-hints{gap:7px}.camera-hints span:nth-child(3){display:none}.inspector{left:240px}}@media(max-width:970px){body{overflow:auto}.app{height:auto;min-height:100vh;display:grid;grid-template-columns:190px minmax(0,1fr);grid-template-rows:64px minmax(670px,85vh) auto}.topbar{padding:0 12px}.top-btn span{display:none}.sidebar{grid-column:1;grid-row:2/4}.viewport-wrap{grid-column:2;grid-row:2}.control-panel{grid-column:2;grid-row:3;max-height:650px}.camera-hints{display:none}.bottom-deck{height:93px}.deck-block:nth-child(2),.deck-block:nth-child(3){display:none}.bottom-deck{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(4,1fr)}.inspector{left:210px;bottom:25px}}@media(max-width:650px){.app{grid-template-columns:1fr;grid-template-rows:64px minmax(480px,72vh) auto auto}.topbar{grid-column:1}.brand strong{font-size:12px}.live{display:none}.sidebar{grid-row:3;grid-column:1;max-height:340px}.viewport-wrap{grid-row:2;grid-column:1}.control-panel{grid-row:4;grid-column:1}.viewport-top{padding:0 10px}.view-action{padding:7px 5px;font-size:8px}.big-caption{font-size:25px}.bottom-deck{height:81px}.deck-block{padding:14px 6px}.deck-block strong{font-size:17px}.deck-kicker{font-size:7px}.metric-grid{grid-template-columns:repeat(2,1fr)}.inspector{left:10px;bottom:10px;width:calc(100vw - 20px)}.scene-float-top{display:none}}