@import url('data:text/css,');
:root{color-scheme:dark;--fg:#deebef;--muted:#86a0af;--faint:#617b8d;--accent:#61d8dd;--edge:rgba(164,207,221,.13);--panel:rgba(8,21,33,.95);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:12px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#08111d;color:var(--fg);overflow:hidden}button,input{font:inherit}button{cursor:pointer;transition:color .16s,background .16s,border .16s}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#viewport{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.44) 100%);z-index:1}.topbar{z-index:5;position:absolute;top:0;left:0;right:0;height:76px;background:linear-gradient(180deg,rgba(5,16,27,.96),rgba(5,16,27,.71));border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:290px}.brandmark{width:40px;height:40px;border:1px solid #5fdde8;display:grid;place-items:center;transform:rotate(-12deg);border-radius:9px;color:#75d9e4;box-shadow:0 0 32px #2daeba1f}.brandglyph{font-size:30px;line-height:1;display:block;transform:rotate(12deg)}.brand b{font-size:15px;letter-spacing:2px;font-weight:790;white-space:nowrap}.brand i{font-style:normal;color:var(--accent);font-weight:350}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.7px;color:var(--muted);font-weight:670}.topcenter{color:#9fb6c3;font-size:9px;display:flex;align-items:center;gap:10px;letter-spacing:1.6px;font-weight:700;white-space:nowrap}.pulse,.tiny-led{width:6px;height:6px;background:#53e6c6;border-radius:50%;box-shadow:0 0 12px #53e6c6;display:inline-block;flex:none}.separator{width:1px;height:14px;background:#365060;margin:0 10px}.topactions{display:flex;align-items:center;gap:8px}.topactions button{background:#142b3ac7;color:#afcbd7;border:1px solid #2e4b59;padding:10px 12px;border-radius:3px;font-weight:700;font-size:9px;letter-spacing:.8px;white-space:nowrap}.topactions button:hover{color:#fff;background:#225167}main{pointer-events:none;position:fixed;inset:0;z-index:3}main>*{pointer-events:auto}.sidebar{position:absolute;top:76px;left:0;bottom:0;width:342px;background:var(--panel);border-right:1px solid rgba(133,176,194,.19);backdrop-filter:blur(21px);display:flex;flex-direction:column;overflow:hidden}.sidehead{padding:24px 24px 22px}.eyebrow{color:#7ed5df;font-size:9px;font-weight:750;letter-spacing:2.1px;display:flex;align-items:center;gap:10px}.line{height:1px;width:32px;background:#5d9caa}.sidehead h1{margin:15px 0 10px;font-size:38px;line-height:1.02;letter-spacing:-1.5px;font-weight:750}.sidehead h1 em{font-style:normal;color:var(--accent);font-weight:400}.sidehead p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);margin:0 16px;border-bottom:1px solid var(--edge)}.tab{background:none;color:#8098a5;border:0;border-bottom:2px solid transparent;font-size:10px;font-weight:750;letter-spacing:1.2px;padding:14px 3px}.tab.active{border-color:var(--accent);color:#e6faff}.tabbody{padding:19px 22px 12px;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-color:#305263 #101d2a;scrollbar-width:thin}.hidden{display:none!important}.section-title{font-size:10px;color:#b8d0d8;font-weight:750;letter-spacing:1.45px;display:flex;align-items:center;gap:8px;margin:2px 0 19px}.section-title>span{color:#56d0da;font-size:10px}.section-title small{margin-left:auto;font-size:9px;color:#6ce7bc}.sliderlabel{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aabecb;font-size:11px;margin:0 0 5px}.sliderlabel strong{color:#e7f7fa;font-weight:750;font-variant-numeric:tabular-nums}.sliderlabel strong small{font-size:9px;color:#8ba9b9;font-weight:500}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:3px;margin:5px 0 20px;background:linear-gradient(90deg,#4ad0d2,#315465);outline:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#9af5ed;border:2px solid #163747;cursor:pointer;box-shadow:0 0 0 3px #70dce12a}.hairline{height:1px;background:var(--edge);margin:0 0 21px}.controls-row{display:flex;gap:9px;margin:6px 0 9px}.softbtn{flex:1;background:#12313f;border:1px solid #305466;color:#b1d3de;padding:11px 7px;font-size:10px;font-weight:740}.softbtn:hover{background:#215366;color:#e9fff9}.stopbtn{width:100%;padding:13px 9px;background:#472330;border:1px solid #9b4b58;color:#ffc9c7;font-size:10px;letter-spacing:1.1px;font-weight:800}.stopbtn.active{background:#bf404b;color:white;box-shadow:0 0 18px #bc505044}.resetbtn{width:100%;margin-top:9px;background:transparent;border:0;color:#89acbc;padding:10px;font-size:9px;font-weight:700;letter-spacing:.8px}.resetbtn:hover{color:#fff}.sidefooter{display:flex;justify-content:space-between;border-top:1px solid var(--edge);font-size:8px;letter-spacing:.7px;color:#617d8f;padding:14px 18px;white-space:nowrap}.map-side{position:absolute;right:23px;top:94px;width:346px;background:rgba(8,22,34,.89);border:1px solid #31506177;backdrop-filter:blur(20px);padding:16px 17px 14px;box-shadow:0 15px 50px #02080e5c}.cardtop,.mini-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#afccd9}.cardtop>span:first-child{display:flex;align-items:center;gap:8px}.cardtop>span:last-child{font-size:9px;color:#63899b}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#28435344;margin-top:14px;border:1px solid #25435044}.metric{padding:14px 12px 13px;background:#0e2231}.metric>span{font-size:8px;color:#86a6b7;font-weight:800;letter-spacing:1px;white-space:nowrap}.metric strong{display:block;font-size:27px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:7px;color:#d6f6ef}.metric small{font-size:9px;color:#6f92a5}.chart-title{margin:19px 0 7px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9db8c5;letter-spacing:1px;font-weight:720}.chart-title b{color:#a1dfc5;font-size:9px;letter-spacing:.3px}#process-chart{width:100%;height:92px;display:block}.processfooter{display:flex;align-items:center;gap:12px;color:#9ab2c0;font-size:9px}.processfooter>span:last-child{margin-left:auto;font-size:8px;color:#6fe1bb}.swatch{display:inline-block;width:12px;height:3px;margin:0 5px 2px 0}.swatch.green{background:#5ce3b0}.swatch.blue{background:#59bdf4}.minimap{position:absolute;right:23px;bottom:85px;width:306px;background:rgba(8,22,34,.88);border:1px solid #31506166;padding:13px 13px 9px;box-shadow:0 9px 38px #0006}.minimap .mini-title span:last-child{color:#619aab;font-size:9px}#minimap{display:block;width:100%;height:160px;margin-top:12px;border:1px solid #315366;cursor:crosshair}.mini-sub{font-size:8px;color:#688d9c;letter-spacing:.5px;display:flex;justify-content:space-between;margin-top:8px}.viewport-note{position:absolute;top:106px;left:365px;display:flex;flex-direction:column;gap:9px;pointer-events:none}.viewport-note b{font-size:10px;letter-spacing:1.7px;color:#b8d8e2}.viewport-note>span{font-size:10px;color:#a7c4cd}.keyboard{font-size:9px;background:#142d3aaa;padding:3px 4px;color:#e7fbff;letter-spacing:1px}.bottomhud{position:absolute;left:342px;bottom:0;right:0;height:57px;background:linear-gradient(90deg,rgba(6,19,30,.94),rgba(8,24,35,.76));display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-top:1px solid #43697977}.bottomhud>div:first-child{display:flex;align-items:center;gap:11px}.bottomhud strong{font-size:10px;letter-spacing:1.3px;color:#d3eef6}.bottomhud small{margin-left:12px;font-size:9px;color:#7394a5;letter-spacing:.5px}.bottomstats{display:flex;gap:23px;color:#81a8b8;letter-spacing:.6px;font-size:9px}.toast{position:absolute;top:84px;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;background:#183c49;color:#d7fef8;padding:10px 16px;border:1px solid #6ac7d8;transition:opacity .3s}.toast.show{opacity:1}.tabintro{color:#8fa9b8;line-height:1.6;font-size:11px;margin:-7px 0 17px}.zoneslist{display:flex;flex-direction:column;gap:6px}.zoneslist button{display:flex;align-items:center;gap:11px;width:100%;padding:11px;background:#0e2837;border:1px solid #2c4755;color:#c2dbe3;text-align:left}.zoneslist button:hover,.zoneslist button.selected{border-color:#5bd5d5;background:#194356}.zoneslist .zone-num{color:#62d0de;font-weight:800;font-size:11px}.zoneslist small{display:block;font-size:9px;color:#799eb0;margin-top:3px}.assetslist{display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 420px);overflow-y:auto}.assetrow{display:flex;align-items:center;justify-content:space-between;text-align:left;color:#aac8d5;background:#0d2635;border:1px solid #274454;padding:10px}.assetrow:hover{color:#fff;border-color:#55b9d0}.assetrow span{font-size:10px}.assetrow small{color:#77aab9;font-size:9px}.search{width:100%;margin-bottom:13px;background:#122c3c;color:#e3f8fd;border:1px solid #365668;padding:10px;outline:none}.search::placeholder{color:#7b9caa}@media(max-width:1190px){.topcenter{display:none}.topactions button{padding:9px}.map-side{width:291px;right:12px}.minimap{width:265px;right:12px}.metric strong{font-size:23px}}@media(max-width:860px){.sidebar{width:300px}.bottomhud{left:300px}.viewport-note{left:314px}.map-side{display:none}.minimap{display:none}.brand{min-width:auto}.brand small{display:none}.topactions button:nth-child(1),.topactions button:nth-child(4){display:none}}@media(max-width:600px){.sidebar{width:248px}.sidehead{padding:20px 16px}.sidehead h1{font-size:30px}.bottomhud{left:248px;padding:8px;height:46px}.bottomhud small,.bottomstats{display:none}.viewport-note{display:none}.brand b{font-size:10px}.brandmark{width:29px;height:29px}.topbar{padding:0 8px;height:65px}.sidebar{top:65px}.topactions button{padding:8px 5px;font-size:8px}.tabbody{padding:14px}}
