:root{--bg:#091219;--panel:#101a23;--panel2:#14212c;--line:#263643;--ink:#e8eff2;--muted:#8ba0aa;--lime:#b6e18a;--orange:#e7a76d;--blue:#64b5c4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:12px;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#app{height:100vh;display:grid;grid-template-columns:282px minmax(300px,1fr) 298px;grid-template-rows:65px minmax(0,1fr)}.topbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:0 23px;background:#0b1720;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:13px}.logo{display:grid;place-items:center;width:38px;height:38px;border:1px solid #527a80;color:#e8f3ee;font-size:23px;font-weight:800;font-family:'Barlow Condensed',sans-serif}.logo span{color:var(--lime)}.brand strong{display:block;font-family:'Barlow Condensed',sans-serif;letter-spacing:1.3px;font-size:22px;font-weight:800}.brand strong em{color:var(--lime);font-style:normal}.brand small{color:#8396a0;font-size:9px;letter-spacing:1.7px}.brand small b{color:#74aba0}.top-meta{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:1.1px;color:#a9bec6;display:flex;gap:12px;align-items:center}.status-dot{background:#9bdc89;box-shadow:0 0 9px #77cb70;width:6px;height:6px;border-radius:50%}.top-sep{color:#4a5a60}.sidebar,.inspector{background:var(--panel);overflow:auto;min-height:0;padding:20px 17px;scrollbar-width:thin;scrollbar-color:#31424d transparent}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.inspector{border-left:1px solid var(--line)}.section-tag{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.8px;font-size:11px;font-weight:700;color:var(--lime);display:flex;justify-content:space-between}.subtag{margin:22px 0 13px;color:#95abb3}.subtag span{color:#607984}.sidebar-title{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:700;margin-top:5px}.site-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.site-stats>div{background:var(--panel2);padding:14px 12px;border:1px solid #263744}.site-stats span,.micro-heading{color:#8398a1;font-size:9px;letter-spacing:1.3px;display:block}.site-stats strong{display:block;font:700 24px 'Barlow Condensed',sans-serif;margin-top:6px}.site-stats small{color:#95b2bb;font-size:12px}.search-wrap{height:35px;border:1px solid #364653;display:flex;align-items:center;padding:0 11px;gap:8px;color:#82a6ae}.search-wrap span{font-size:18px}.search-wrap input{width:100%;background:transparent;color:var(--ink);border:0;outline:none;font-size:12px}.zone-list{margin:9px -7px 10px;overflow:auto;flex:1;scrollbar-width:thin}.zone-item{width:100%;border:0;background:transparent;border-left:2px solid transparent;text-align:left;color:#c2d0d5;display:flex;align-items:center;padding:11px 11px;gap:10px;transition:background .2s}.zone-item:hover,.zone-item.active{background:#1a2d35}.zone-item.active{border-color:var(--lime);color:#f2faf3}.zone-item .node{height:7px;width:7px;flex:none;border-radius:50%;background:#678392}.zone-item.active .node{background:var(--lime);box-shadow:0 0 12px #9bc77e}.zone-item .zone-text{min-width:0}.zone-item strong{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:.6px;display:block}.zone-item small{font-size:10px;display:block;color:#738c99;margin-top:2px}.sidebar-footer{border-top:1px solid var(--line);padding:15px 4px 0}.small-label{color:#78929d;letter-spacing:1px;font-size:9px}.sidebar-footer strong{font:600 17px 'Barlow Condensed',sans-serif;display:block;color:var(--lime);margin:5px 0 2px}.sidebar-footer span{color:#879ca5;font-size:10px}.viewport{position:relative;overflow:hidden;background:#111f27}#world,#offlineFallback{height:100%;width:100%;position:absolute;inset:0;border:0}#world{display:none;touch-action:none;outline:none}.view-label{position:absolute;left:22px;top:22px;font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:1.2px;background:#091821ba;padding:10px 12px;color:#ecf5f4;pointer-events:none}.view-label b{color:#6f8795}.view-label span:last-child{color:#90abb7}.cross{color:var(--lime);font-size:17px;margin-right:7px}.view-actions{display:flex;flex-direction:column;position:absolute;right:20px;top:20px;gap:6px}.view-actions button{width:34px;height:34px;background:#0e2129d9;border:1px solid #36505b;color:#ddecef;font-size:19px}.view-actions button:hover{border-color:var(--lime);color:var(--lime)}.viewport-bottom{position:absolute;left:15px;right:15px;bottom:15px;display:flex;justify-content:space-between;align-items:end;gap:8px;pointer-events:none}.legend{display:flex;gap:14px;padding:11px 13px;background:#0b1c25cc}.legend span{display:flex;align-items:center;gap:6px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:.7px;color:#b1c0c7}.leg{width:7px;height:7px;display:inline-block}.leg.ore{background:#d6ae74}.leg.heat{background:#ee805b}.leg.process{background:#a7c3b7}.leg.logistics{background:#6aaabd}.help-text{font:500 10px 'Barlow Condensed',sans-serif;color:#b9c9cc;background:#0b1c25ba;padding:10px}.help-text b{color:#64818b}.inspector .green{color:#88d6a4;font-size:9px;letter-spacing:1px}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-top:27px}.inspector-title{font:700 19px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin-top:4px}.header-symbol{font-size:30px;color:#9ab9b9}.metric-main{display:flex;align-items:baseline;gap:7px;margin-top:22px}.metric-main strong{font:700 64px 'Barlow Condensed',sans-serif;line-height:.9;color:#f7faf7;letter-spacing:.5px}.metric-main span{font:500 16px 'Barlow Condensed',sans-serif;color:#b4c3c9}.meter{margin-top:17px;height:5px;background:#304350;overflow:hidden}.meter span{background:linear-gradient(90deg,#78c5aa,#c7db87);display:block;height:100%}.metric-note{margin-top:8px;display:flex;justify-content:space-between;color:#8097a1;font-size:10px}.metric-note strong{color:var(--lime)}.telemetry-grid{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.telemetry-grid>div{background:#172530;border:1px solid #2a3c46;padding:12px 10px}.telemetry-grid label{display:block;font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#96a9ae}.telemetry-grid strong{display:block;margin-top:10px;font:600 24px 'Barlow Condensed',sans-serif}.telemetry-grid small{font-size:12px;color:#86a1af}.rule{height:1px;background:var(--line);margin:22px 0}.control-row{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#c5d3da;padding:10px 0}.control-row span strong{font:600 13px 'Barlow Condensed',sans-serif;color:var(--lime);margin-left:7px}.control-row:has(input[type=range]){display:block}.control-row:has(input[type=range]) span{display:flex;justify-content:space-between}.control-row input[type=range]{accent-color:#9ecba3;width:100%;margin-top:12px;cursor:pointer}.control-row input[type=checkbox]{appearance:none;height:18px;width:33px;border-radius:20px;background:#334653;position:relative;cursor:pointer;flex:none;transition:background .2s}.control-row input[type=checkbox]::before{content:'';position:absolute;height:12px;width:12px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .2s}.control-row input[type=checkbox]:checked{background:#86ba8c}.control-row input[type=checkbox]:checked::before{transform:translateX(15px)}.asset-info{padding:14px 13px;background:#182832;border-left:2px solid #89b3a7;margin-top:12px;min-height:104px}.asset-info strong{font:600 15px 'Barlow Condensed',sans-serif}.asset-info p{color:#9cabb4;line-height:1.55;font-size:11px;margin:8px 0}.asset-info .detail{color:#b0dfaa;font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.action-row{display:flex;gap:8px;margin-top:15px}.action-row button{height:38px;font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1px}.solid-button{background:var(--lime);color:#15221b;border:0;flex:1}.outline-button{border:1px solid #46606a;background:#17242e;color:#e2f1ed;width:42px}.bottom-credit{font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#8aa1ab;display:flex;justify-content:space-between;margin-top:35px}.bottom-credit span{color:#56737f}.toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:#142831ef;color:#e0eee9;padding:10px 14px;opacity:0;transition:opacity .3s;pointer-events:none}.toast.visible{opacity:1}@media(max-width:1080px){#app{grid-template-columns:230px minmax(300px,1fr) 250px}.top-meta{display:none}.sidebar,.inspector{padding:13px}.legend{display:none}.metric-main strong{font-size:49px}}@media(max-width:760px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 230px}.topbar{grid-column:1}.sidebar{display:none}.inspector{grid-row:3;border-top:1px solid var(--line);border-left:0;display:block;overflow:auto}.inspector .telemetry-grid,.inspector .rule,.inspector .control-row,.inspector .action-row,.inspector .bottom-credit,.asset-info{display:none}.inspector-header{margin-top:6px}.metric-main{margin-top:7px}.metric-main strong{font-size:39px}.help-text{display:none}.viewport{grid-row:2}}