:root{color-scheme:dark;--bg:#071721;--panel:rgba(8,21,32,.91);--edge:rgba(137,184,198,.16);--txt:#dae7e7;--muted:#839fa9;--cyan:#51d3d7;--gold:#eac16e;--danger:#f07863;font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081623}button,select,input{font:inherit}button{cursor:pointer}#scene{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 center,transparent 45%,rgba(2,11,17,.36) 100%)}.topbar{position:fixed;inset:0 0 auto;height:72px;display:flex;align-items:center;gap:30px;padding:0 30px;background:linear-gradient(180deg,#071923f2,#071923af);border-bottom:1px solid var(--edge);z-index:5}.brand{display:flex;gap:14px;align-items:center}.brand strong{display:block;font-size:16px;letter-spacing:3.5px;font-weight:800}.brand small{display:block;color:#83a5ad;font-size:9px;letter-spacing:1.8px;margin-top:4px;font-weight:600}.logo,.loading-logo{border:2px solid var(--cyan);color:#b9eff0;letter-spacing:1px;padding:12px 9px;font-size:15px;font-weight:800;line-height:1}.logo span,.loading-logo span{color:#f5c77c;font-size:9px}.system-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#a7dcce;white-space:nowrap}.dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#63dec2;box-shadow:0 0 12px #57ecc5;margin-right:8px}.meta{margin-left:auto;display:flex;gap:16px;align-items:center;color:#a7bbc1;font-size:10px;font-weight:750;letter-spacing:1.4px}.meta #clock{color:#f0dca5;font-size:17px;font-variant-numeric:tabular-nums}.sep{height:18px;width:1px;background:#47717a}.top-icon{border:1px solid var(--edge);border-radius:5px;color:#b3c6cb;background:#132b37;padding:6px 11px;font-size:18px}.panel{position:fixed;top:83px;bottom:44px;width:301px;overflow:auto;scrollbar-width:thin;scrollbar-color:#274552 transparent;background:var(--panel);border:1px solid var(--edge);box-shadow:0 12px 45px #03101877;z-index:4;padding:18px 18px 24px;backdrop-filter:blur(13px)}.left-panel{left:13px}.right-panel{right:13px;width:277px}.eyebrow{color:var(--cyan);font-size:9px;letter-spacing:2px;font-weight:800}.panel-heading{font-size:22px;font-weight:760;margin-top:7px;letter-spacing:-.6px}.panel-heading span{float:right;color:#537886;font-weight:300}.subhead{font-size:10px;color:#879fab;margin-top:3px}.section-head{border-top:1px solid var(--edge);padding-top:16px;margin-top:20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;color:#dce8eb;letter-spacing:1.2px;font-size:9px;font-weight:800}.section-head span{color:#789ca6;font-size:9px;letter-spacing:.7px}.hero-metric{display:flex;justify-content:space-between;border:1px solid #2b5760;background:linear-gradient(125deg,#0a3139,#10212c);padding:11px 12px;margin-bottom:10px}.hero-metric span,.metric span{color:#9bbac1;display:block;font-size:9px;font-weight:750;letter-spacing:1px}.measure b{font-size:34px;letter-spacing:-.8px;font-weight:740;color:#ebf9fa}.measure em{color:#92a9b2;font-size:10px;font-style:normal;margin-left:5px}.wave-icon{font-size:27px;color:#59c6cf;margin-top:13px}.metric-row{display:flex;gap:9px}.metric{flex:1;background:rgba(32,57,68,.55);border:1px solid var(--edge);padding:11px 10px}.metric b{display:block;color:#e2eef0;font-size:20px;letter-spacing:-.5px;margin-top:9px;font-weight:730}.metric b small{font-size:10px;font-weight:500;color:#a8b6bc}.metric-row.compact .metric b{font-size:18px}.chart-box{margin-top:10px;padding:11px 10px 8px;border:1px solid #23404e;background:#071a26}.chart-legend{display:flex;justify-content:space-between;font-size:9px;color:#98afb7;font-weight:700}.swatch{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50d3d9;margin-right:6px}.swatch.gold{background:var(--gold)}#trend{width:100%;height:96px;margin-top:4px}.axis{display:flex;justify-content:space-between;font-size:8px;color:#6a8994;letter-spacing:1px}.asset-row{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:#96b4bf;font-weight:650}.asset-row b{color:#e4f2ed}.mini-progress{height:3px;background:#213b46;margin-top:8px;margin-bottom:16px}.mini-progress>div{width:0;height:100%;background:var(--cyan);box-shadow:0 0 6px #2ad9d7}.mini-progress.gold>div{background:var(--gold)}select{appearance:none;color:#e6eff1;border:1px solid #2d515c;border-radius:3px;background:#102b38 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Cpath d='m2 2 5 5 5-5' stroke='%2384acb5' fill='none'/%3E%3C/svg%3E") right 10px center/14px no-repeat;padding:12px 24px 12px 10px;width:100%;font-size:10px;font-weight:800;letter-spacing:.6px;margin:7px 0 10px}.form-label{font-size:10px;color:#98b1b9;display:block}.control-line{display:flex;justify-content:space-between;color:#a0b9c0;margin:7px 0 8px;font-size:10px}.control-line span{color:#e3eec7}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#4ac4ca,#3b717d);margin:6px 0 19px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#d3f4f1;border:2px solid #236577;border-radius:50%}.danger-title{color:#eeaa99}.scenario-grid,.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenario,.view-btn,.speed,.quality,.lock,.outline{border:1px solid #31505c;background:#102731;color:#acc4cb;font-size:10px;font-weight:770;letter-spacing:.45px;padding:11px 5px;border-radius:3px;transition:background .15s,border .15s}.scenario.active,.view-btn.active,.speed.active,.quality.active{background:#174c59;color:#aef2e9;border-color:#51c2c4}.scenario[data-scenario=storm]:hover,.scenario[data-scenario=blackout]:hover,.scenario[data-scenario=jam]:hover{border-color:var(--danger)}.warning-row{color:#81d3bc;border-left:2px solid #489c8f;padding:9px 10px;margin-top:14px;background:#102a30;font-size:10px;font-weight:700}.warning-row.alert{border-color:var(--danger);color:#ffb2a2;background:#372827}.right-panel .section-head:first-of-type{margin-top:20px}.view-btn{text-align:left;padding:14px 9px;font-size:17px;display:flex;align-items:center;gap:9px;color:#64b2c1}.view-btn span{font-size:9px;color:#c4d6d9}.speed-row{display:flex;gap:6px}.speed,.quality{flex:1;padding:11px 2px}.lock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.lock{font-size:9px;padding:10px 1px}.lock small{color:#7c9aa4;font-size:8px}.lock.open{background:#265c52;border-color:#79cca4;color:#d0fbdf}.outline{width:100%;margin-top:2px;font-size:9px;color:#d1e6e9}.worldstat{display:flex;justify-content:space-between;border-bottom:1px solid #24404a;padding:8px 0;font-size:9px;color:#91adb7;letter-spacing:.7px}.worldstat b{color:#d8e6e9}.bottom-info{position:fixed;bottom:0;left:0;right:0;height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;color:#91aeb8;background:#081d28e8;border-top:1px solid var(--edge);z-index:5;font-size:9px;font-weight:700;letter-spacing:1.1px;pointer-events:none}.coordinates b{color:#cbdddf}.scale span{color:var(--gold)}.hint{color:#b1c8cb}.load{position:fixed;inset:0;background:#06131de5;display:flex;align-items:center;justify-content:center;z-index:15;transition:opacity .6s}.load.done{opacity:0;pointer-events:none}.loading-card{padding:35px;background:#0c2531;border:1px solid #31545c;width:min(410px,85vw);text-align:center}.loading-logo{display:inline-block;margin-bottom:24px}.loading-card b{font-size:12px;letter-spacing:1px;display:block}.loading-card p{font-size:11px;color:#8babba;line-height:1.8}.loadbar{height:4px;background:#17333c;margin:26px 0 10px;overflow:hidden}.loadbar>div{width:9%;height:100%;background:#50d4d3;transition:width .2s}.loading-card small{color:#8eacb2;font-size:10px}.error{position:fixed;inset:20%;z-index:100;background:#2f141b;border:2px solid #fa877e;padding:30px;color:#ffe9e8;white-space:pre-wrap;font-family:monospace}.hide-panels .panel,.hide-panels .bottom-info{display:none}@media(max-width:1000px){.right-panel{width:238px}.left-panel{width:270px}.meta #viewname{display:none}}@media(max-width:680px){.right-panel{display:none}.left-panel{width:260px;top:78px;max-height:calc(100% - 115px)}.meta{display:none}.topbar{padding:0 14px}.system-label{margin-left:auto}.bottom-info .hint{display:none}}