:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e8f5ff;background:#07131e;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}#viewport:active{cursor:grabbing}.veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,18,28,.25),transparent 36%,transparent 75%,rgba(6,18,28,.22)),linear-gradient(180deg,rgba(5,15,23,.18),transparent 25%,transparent 75%,rgba(5,15,23,.35))}.topbar{position:fixed;left:0;right:0;top:0;height:87px;display:flex;justify-content:space-between;align-items:center;padding:0 32px 0 28px;background:linear-gradient(180deg,rgba(7,21,32,.95),rgba(7,21,32,.81));border-bottom:1px solid #344a56c9;backdrop-filter:blur(14px);z-index:10}.identity{display:flex;gap:15px;align-items:center}.mark{height:43px;width:43px;border:1px solid #7ad6e4;background:#1a4756;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;position:relative}.mark span{color:#61d5dc;font-size:10px;position:absolute;right:3px;top:3px}.overline{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7897a9}.sep{color:#4b8799;margin:0 4px}h1{font-size:21px;letter-spacing:1.5px;font-weight:800;margin:4px 0 0}h1 em{font-style:normal;color:#53c7d9}.topstats{display:flex;align-items:center;gap:37px}.topstats div:not(.operational){display:flex;flex-direction:column;gap:3px}.topstats b{font-size:22px;letter-spacing:.5px}.topstats small{font-size:9px;letter-spacing:1.2px;color:#8da7b6}.operational{border:1px solid #29796f;background:#0e3a38;color:#9ce8d2;font-size:10px;letter-spacing:1.4px;padding:11px 13px;font-weight:700;white-space:nowrap}.pulse,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65e5ac;box-shadow:0 0 12px #66e4ae;margin-right:8px;animation:pulse 2.2s infinite}@keyframes pulse{50%{opacity:.45}}.sidebar{position:fixed;left:18px;top:107px;bottom:62px;width:293px;max-height:calc(100vh - 169px);z-index:8;background:rgba(7,22,34,.9);border:1px solid #3b586a;backdrop-filter:blur(14px);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#476678 transparent}.sidebar-title{padding:19px 19px 21px;border-bottom:1px solid #243d4c}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#55c4d9}.sidebar-heading{margin-top:7px;font-size:21px;font-weight:770}.sidebar-heading span{font-size:9px;color:#98b1c1;margin-left:4px}.sidebar section{padding:20px 19px 21px;border-bottom:1px solid #223b49}.section-label{font-size:10px;color:#93aebf;letter-spacing:1.7px;font-weight:800;margin-bottom:16px;display:flex;justify-content:space-between}.section-label span{color:#4c6d7e}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{font-family:inherit;cursor:pointer}.preset{height:48px;border:1px solid #2e4b5b;background:#0c2434;color:#b4cdd9;text-align:left;padding:8px 10px;font-size:11px;font-weight:660;transition:.2s}.preset span{display:block;color:#4bc9d5;font-size:18px;line-height:18px;margin-bottom:2px}.preset:hover,.preset.active{border-color:#5ecad8;background:#163d4e;color:#fff}.range-label{display:flex;justify-content:space-between;font-size:11px;font-weight:650;margin:14px 0 9px}.range-label output{color:#6dd7e2;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#5ad4dd;margin:0 0 6px}.toggles{display:flex;flex-direction:column;gap:12px;margin-top:16px}.toggles label{display:flex;align-items:center;gap:10px;font-size:11px;color:#c7dbe6;cursor:pointer}.toggles input{position:absolute;opacity:0}.switch{width:28px;height:15px;flex:none;border:1px solid #506474;border-radius:20px;background:#243849;position:relative;transition:.2s}.switch:before{content:'';position:absolute;width:9px;height:9px;top:2px;left:2px;background:#788a96;border-radius:50%;transition:.2s}.toggles input:checked+.switch{background:#146170;border-color:#37b9ca}.toggles input:checked+.switch:before{left:15px;background:#94f4ef}.action-row{display:flex;gap:7px;margin-top:18px}.outline{flex:1;padding:10px 4px;background:#103042;color:#b7d8e2;border:1px solid #386174;font-size:11px;font-weight:700}.outline:hover{background:#1c5061}.quality{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b7cfda}.quality select{font-family:inherit;border:1px solid #416271;background:#112d3e;color:#dbf2f8;padding:6px;font-size:10px;max-width:146px}.sidebar-bottom{padding:16px 19px;font-size:10px;color:#9bd7cb;margin-top:auto}.sidebar-bottom div{font-size:9px;color:#547384;letter-spacing:1.3px;margin-top:10px}.view-label{position:fixed;left:337px;top:110px;z-index:7;display:flex;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 1px 12px #071724}.view-label strong{font-size:25px;font-weight:780;letter-spacing:-.5px}.view-label small{font-size:12px;color:#c6e0eb}.right-rail{position:fixed;right:20px;top:107px;width:306px;z-index:8;display:flex;flex-direction:column;gap:12px;pointer-events:none}.mini-panel{background:#091d2ed9;border:1px solid #426275;backdrop-filter:blur(13px);padding:15px;pointer-events:auto}.panel-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;font-weight:850;color:#cce5ee}.panel-title>span{color:#64d9bf;font-size:9px}.panel-title i{display:inline-block;width:6px;height:6px;background:#65e5a7;border-radius:50%}.mini-panel canvas{width:100%;height:174px;object-fit:fill;margin-top:12px;border:1px solid #345769;background:#0d283a}.map-legend{display:flex;gap:12px;margin-top:9px;font-size:9px;color:#a9c1cb}.map-legend i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.blue{background:#58c6e0}.yellow{background:#fbd778}.orange{background:#f9a569}.feed{padding-bottom:14px}.metric{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#b5cdd9}.metric strong{font-size:12px;color:#effeff}.meter{height:4px;background:#1c394c;margin-top:7px}.meter span{height:100%;display:block;background:#74caca}.meter.teal span{background:#4ba9d3}.meter.amber span{background:#e2bd70}.events{margin-top:20px;padding-top:11px;border-top:1px solid #294759;color:#b9ceda;font-size:10px}.events>div{margin:9px 0}.events span{color:#6e96aa;font-family:ui-monospace,monospace;margin-right:9px}.bottombar{position:fixed;left:0;right:0;bottom:0;height:44px;background:#061724e8;border-top:1px solid #385364;display:flex;align-items:center;justify-content:space-between;padding:0 26px;color:#9ab6c5;font-size:10px;z-index:10;letter-spacing:.5px}.key{color:#d5f4f6;border:1px solid #375567;background:#183242;padding:3px 5px;margin:0 5px 0 11px;border-radius:2px;font-size:9px;font-weight:750}.key:first-child{margin-left:0}.pipe{color:#466577;margin:0 10px}.world-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.world-label{position:absolute;background:#0a2234df;border:1px solid #5d9db2;color:#d9f6ff;padding:5px 8px;font-weight:750;font-size:10px;letter-spacing:.6px;white-space:nowrap;transform:translate(-50%,-100%);box-shadow:0 5px 15px #0005}.world-label:after{content:'';position:absolute;width:1px;height:17px;background:#63b3c7;bottom:-17px;left:50%}.world-label span{display:block;font-size:8px;color:#77b4c5;margin-top:3px;letter-spacing:1px}#toast{position:fixed;left:50%;bottom:66px;transform:translateX(-50%);padding:10px 18px;background:#10384adf;border:1px solid #64b2c1;font-size:11px;z-index:20;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1}#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;width:min(700px,90vw);background:#1b1620;border:1px solid #d85f75;padding:30px;color:#ffb9bd;white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:1350px){.right-rail{width:250px}.topstats{gap:20px}.topstats small{font-size:8px}.sidebar{width:260px}.view-label{left:300px}}@media(max-width:980px){.right-rail{display:none}.topstats>div:not(.operational){display:none}.sidebar{width:235px}.view-label{left:275px}.bottombar div:first-child{display:none}.bottombar{justify-content:flex-end}}@media(max-width:600px){.topbar{padding:0 12px}.topstats{display:none}h1{font-size:15px}.mark{width:34px;height:34px}.overline{font-size:7px}.sidebar{top:auto;bottom:44px;left:0;width:100%;height:185px;max-height:none;border-left:none;border-right:none;display:block;overflow:auto}.sidebar-title,.sidebar section:not(:first-of-type),.sidebar-bottom{display:none}.sidebar section:first-of-type{border:none;padding:11px}.sidebar section:first-of-type .section-label{display:none}.preset-grid{grid-template-columns:repeat(3,1fr)}.preset{height:44px}.view-label{left:15px;top:100px}.view-label strong{font-size:18px}.world-labels{display:none}}
