:root{color-scheme:dark;--bg:#0b151c;--panel:#101f27;--panel2:#152831;--line:#29414c;--text:#edf7f5;--sub:#93aab4;--muted:#617d89;--aqua:#75ddd8;--blue:#5ab5d0;--orange:#f4b47b;--purple:#ac9ae9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:12px;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}h1,h2,h3,p{margin:0}button{background:transparent;border:0;color:inherit}.eyebrow,.sectionlabel,.smallcap{color:var(--aqua);font-size:9px;letter-spacing:2px;font-weight:750}.topbar{display:flex;align-items:center;height:72px;padding:0 23px;border-bottom:1px solid #2a404b;background:#0e1b23;gap:25px}.brand{display:flex;gap:11px;align-items:center;min-width:242px}.brandmark{width:43px;height:43px;background:#1d3941;border:1px solid #45898d;color:#8de8e2;display:grid;place-items:center;font-size:28px;transform:rotate(-8deg);border-radius:11px}.brand strong{font-size:19px;letter-spacing:1px}.brand strong i{font-style:normal;color:var(--aqua)}.brand small{display:block;color:#6e96a3;letter-spacing:1.8px;font-size:9px;margin-top:4px;font-weight:700}.topstats{display:flex;justify-content:center;align-items:center;gap:28px;flex:1;color:#9cbbc2;font-size:10px;letter-spacing:.8px;font-weight:700}.topstats div{white-space:nowrap}.live-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:100%;background:#61e0ba;box-shadow:0 0 10px #5affb0;margin-right:8px}.topbuttons{display:flex;gap:8px}.outline,.cam,.iconbutton{padding:10px 13px;border:1px solid #35515c;border-radius:5px;color:#b4cdd2;font-size:10px;font-weight:800;letter-spacing:.55px;white-space:nowrap;transition:.15s background}.outline:hover,.cam:hover,.iconbutton:hover{background:#274450}.iconbutton{font-size:16px;width:35px;padding:7px 0}.layout{display:grid;grid-template-columns:306px minmax(400px,1fr) 302px;height:calc(100vh - 72px);min-height:520px}.panel{background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#35515b transparent}.leftpanel{border-right:1px solid var(--line)}.rightpanel{border-left:1px solid var(--line)}.panel-heading{padding:25px 22px 20px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:19px;font-weight:680;margin-top:8px;letter-spacing:-.4px}.panel-heading p{color:var(--sub);font-size:11px;line-height:1.7;margin-top:8px}.panel-section{padding:17px 22px 0}.sectionlabel{font-size:9px;letter-spacing:1.3px;color:#81a4ac}.scenario select{width:100%;background:#1a313c;border:1px solid #3d5966;border-radius:5px;color:#e4f7f5;padding:11px 22px 11px 10px;margin-top:11px;outline:0;font-size:11px;appearance:none}.select-wrap{position:relative}.select-wrap:after{content:'⌄';position:absolute;right:13px;bottom:9px;color:var(--aqua);font-size:18px;pointer-events:none}.control-list{padding:16px 22px 5px}.control-list>.sectionlabel{margin-bottom:19px}.control-list>.next-section{margin-top:22px}.control{margin-bottom:17px}.control>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.control label{font-size:11px;font-weight:560;color:#c8dcdf}.control output{font-size:11px;color:var(--aqua);font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.control small{font-size:9px;color:#6d8b99}.control input[type=range]{display:block;width:100%;appearance:none;height:3px;background:linear-gradient(90deg,var(--aqua) 65%,#355362 65%);border-radius:6px;margin:13px 0 8px;cursor:pointer;accent-color:var(--aqua)}.control input[type=range]::-webkit-slider-thumb{appearance:none;height:11px;width:11px;border-radius:50%;background:#baf5ea;border:2px solid #18343b;box-shadow:0 0 0 1px var(--aqua)}.panel-footer{padding:7px 22px 25px}.full{width:100%}.hint{font-size:10px;color:#74929d;line-height:1.4;text-align:center;margin-top:15px}.viewport-area{position:relative;min-width:0;display:flex;flex-direction:column;background:#09151b}.scene-shell{position:relative;flex:1;min-height:220px;background:radial-gradient(ellipse at 70% 25%,#9baca2 0%,#4c737a 37%,#203745 74%,#102632 100%);overflow:hidden}.scene-shell canvas#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;outline:0}.scene-shell canvas#viewport:active{cursor:grabbing}.scene-head{position:absolute;top:19px;left:21px;right:19px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.scene-status{background:rgba(12,26,34,.74);backdrop-filter:blur(9px);border:1px solid #536c73;border-radius:5px;padding:13px 16px}.scene-status strong{display:block;margin-top:7px;font-size:14px}.scene-toolbar{display:flex;gap:5px;padding:6px;background:rgba(9,25,34,.8);backdrop-filter:blur(10px);border:1px solid #49646c;border-radius:7px;pointer-events:auto}.cam{font-size:9px;padding:9px}.cam.active{background:#497f83;color:#fff;border-color:#6bbcb8}.scene-bottom{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;gap:10px;color:#b4d0d3;font-size:9px;letter-spacing:.8px;text-shadow:0 1px 3px #091c26;pointer-events:none}.view-modes{position:absolute;right:18px;bottom:43px;display:flex;gap:6px}.view-modes button{background:rgba(17,35,43,.91);border:1px solid #688186;border-radius:4px;padding:9px 12px;color:#d2edeb;font-size:9px;font-weight:800;letter-spacing:.7px}.view-modes button.active{color:#092c34;background:var(--aqua);border-color:var(--aqua)}#world-labels{position:absolute;inset:0;pointer-events:none}.world-tag{position:absolute;transform:translate(-50%,-100%);color:#fff;background:#132f3bdc;border:1px solid #79a9b6;border-radius:3px;padding:5px 8px;font-size:9px;letter-spacing:.7px;white-space:nowrap;box-shadow:0 3px 12px #0b1b2277}.world-tag:after{content:'';height:9px;position:absolute;top:100%;left:50%;border-left:1px solid #9dc6c8}.pick-label{position:absolute;top:87px;left:23px;background:#18313cd9;border:1px solid #85cfc7;padding:8px 11px;border-radius:4px;color:#d7f7f1;font-size:11px;pointer-events:none}.hidden{display:none!important}.dashboard-footer{height:177px;background:#12242d;border-top:1px solid #38515b;padding:14px 24px 8px}.footer-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.footer-heading strong{display:block;margin-top:6px;font-size:13px}.chart-legend{display:flex;gap:16px;font-size:9px;font-weight:700;color:#86aab5;letter-spacing:.5px}.legendcyan:before,.legendorange:before,.legendpurple:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--aqua);margin-right:7px}.legendorange:before{background:var(--orange)}.legendpurple:before{background:var(--purple)}#history{width:100%;height:105px;margin-top:7px}.tiny{font-size:10px;color:#6c8e9a;margin-top:6px;font-family:monospace}.metric-primary{padding:22px 20px 18px;border-bottom:1px solid #304953}.smallcap{font-size:10px;letter-spacing:1.1px;color:#aecbd0}.indicator{font-size:8px;float:right;color:#67d4b2;background:#1c463e;padding:3px 5px;border-radius:3px}.big-value{display:flex;gap:9px;align-items:baseline;margin-top:11px}.big-value strong{font-size:39px;line-height:1;letter-spacing:-1.9px;color:#e9fbf4;font-variant-numeric:tabular-nums}.big-value em{font-size:12px;color:#83abb7;font-style:normal}.meter{background:#243c47;width:100%;height:5px;border-radius:4px;margin:14px 0 9px;overflow:hidden}.meter span{display:block;background:linear-gradient(90deg,#2a8aa1,#86efe0);height:100%;transition:width .25s}.metric-sub{display:flex;justify-content:space-between;font-size:10px;color:#84a8b3}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #304953}.metric{border-bottom:1px solid #2a424d;padding:16px 17px 14px;min-width:0}.metric:nth-child(odd){border-right:1px solid #2a424d}.metric:nth-last-child(-n+2){border-bottom:0}.metric>div{font-size:9px;color:#82a4ae;font-weight:750;letter-spacing:1px}.metric strong{font-size:22px;display:block;margin:8px 0 4px;color:#e8f3f1;font-weight:670;font-variant-numeric:tabular-nums}.metric small{font-size:9px;color:#7b9fa9}.outputlabel{padding:17px 19px 4px}.inventory{padding:12px 19px 6px}.inventory>div:not(.meter){display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:10px;font-size:11px}.inventory>div span{color:#91b0b9}.inventory>div strong{color:#e4f3ef;font-variant-numeric:tabular-nums}.meter.min{margin:3px 0 8px;height:4px}.inspector{margin:9px 19px 8px;border:1px solid #33525f;background:#152c36;border-radius:5px;padding:13px}.inspector-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.inspector-header strong{display:block;font-size:12px}.inspector-header small{display:block;color:#82a6b1;margin-top:4px;font-size:9px}.inspector-header button{font-size:9px;font-weight:800;color:var(--aqua);border:1px solid #49727a;padding:6px;border-radius:3px}.inspector-details{margin-top:9px;color:#9db7bf;line-height:1.7;font-size:10px}.alerts{margin:12px 19px;background:#14362f;border:1px solid #2c7162;padding:9px 10px;border-radius:4px;color:#88dbbb;font-size:10px;line-height:1.4}.alerts.warning{background:#422c21;border-color:#865137;color:#f5bf83}.alerts.warning .pulse{background:#f7ad66;box-shadow:0 0 9px #f7ad66}.action-row{margin:13px 19px 23px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-row button{background:#1d3b47;border:1px solid #3e6570;border-radius:4px;padding:12px 8px;font-size:10px;font-weight:800;color:#bfe5e2}.start-overlay{position:absolute;inset:0;background:#0c1d27ed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;z-index:6}.start-overlay h1{font-size:17px;letter-spacing:2px;margin-top:20px}.start-overlay #loading-note{font-size:11px;color:#8eabb4;text-align:center;padding:0 25px}.loading-ring{width:48px;height:48px;border:3px solid #34535c;border-top-color:#8dead9;border-radius:50%;animation:spinning .9s linear infinite}@keyframes spinning{to{transform:rotate(360deg)}}
.modal{width:min(940px,95vw);max-height:85vh;overflow:auto;border:1px solid #547780;border-radius:10px;background:#12242d;color:#e6f4f1;padding:24px;box-shadow:0 24px 80px #0009}.modal::backdrop{background:#020b0fca;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{font-size:22px;margin-top:8px}.close-dialog{border:1px solid #47616b;padding:8px 11px;border-radius:4px}.modal>img{width:100%;border:1px solid #304953;border-radius:4px}.dialog-copy{padding:16px 1px}.dialog-copy p,.dialog-intro{color:#acc4ca;line-height:1.7;margin:0 0 12px}.dialog-copy img{width:100%;max-width:750px;display:block;margin:17px auto}.small-dialog{width:min(580px,95vw)}.small-dialog p{color:#afc4c9;line-height:1.8;margin:14px 0}.asset-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.asset-row{border:1px solid #35535e;border-radius:5px;background:#192e38;padding:14px;display:flex;flex-direction:column;gap:10px}.asset-row .asset-name{font-size:12px;font-weight:700;color:#e8f7f1}.asset-row .asset-info{font-size:10px;color:#87a9b2}.asset-row a{align-self:flex-start;color:#7fe3d2;text-decoration:none;font-size:10px;font-weight:800}.asset-row a:hover{text-decoration:underline}
@media(max-width:1420px){.layout{grid-template-columns:260px minmax(380px,1fr) 264px}.panel-heading{padding:20px 17px}.control-list,.panel-section,.panel-footer{padding-left:17px;padding-right:17px}.topstats{gap:13px;font-size:9px}.metric-primary{padding:20px 15px}.metric{padding-left:12px;padding-right:12px}.big-value strong{font-size:34px}.scene-toolbar{max-width:290px;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:1100px){body{overflow:auto}.topbar{flex-wrap:wrap;height:auto;min-height:72px;padding:12px}.topstats{display:none}.layout{display:flex;flex-direction:column;height:auto}.viewport-area{order:0;height:620px;flex:none}.leftpanel{order:1;display:block;border:0;overflow:visible}.rightpanel{order:2;overflow:visible;border:0}.control-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.control-list>.sectionlabel{grid-column:span 2}.panel-heading{padding:19px}.scene-toolbar{max-width:400px}}@media(max-width:680px){.topbuttons .outline{display:none}.scene-head{flex-direction:column;align-items:flex-start}.scene-toolbar{margin-top:6px}.scene-status{padding:8px 11px}.scene-bottom .navigation{display:none}.viewport-area{height:560px}.control-list{grid-template-columns:1fr}.control-list>.sectionlabel{grid-column:span 1}.chart-legend{display:none}.dashboard-footer{height:170px}.view-modes button{padding:8px}.world-tag{display:none}}