@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#07111c;--sheet:rgba(7,18,30,.92);--line:#314052;--text:#e7f2f7;--muted:#8095a9;--mint:#6ce8c3;--gold:#e4ad65}*{box-sizing:border-box}html,body,#app{padding:0;margin:0;width:100%;height:100%;overflow:hidden;background:#091521;font-family:Inter,system-ui,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;outline:none}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,21,.4),transparent 50%),linear-gradient(0deg,rgba(5,12,21,.58),transparent 20%)}.topbar{position:absolute;z-index:4;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(177,217,238,.12);background:linear-gradient(180deg,rgba(5,15,25,.88),rgba(5,15,25,.5))}.identity{display:flex;gap:12px;align-items:center}.brand-mark,.load-brand{height:43px;width:43px;border:2px solid var(--mint);display:grid;place-content:center;font-family:'Barlow Condensed';font-size:24px;font-weight:800;letter-spacing:-2px;transform:skew(-8deg)}.brand-mark span,.load-brand span{color:var(--mint)}.eyebrow{font-family:'DM Mono',monospace;color:#8195a6;font-size:9px;letter-spacing:2.2px}.eyebrow b{color:var(--mint)}h1{font-family:'Barlow Condensed';font-size:25px;margin:1px 0 0;letter-spacing:2.1px;font-weight:800}h1 span{color:var(--mint);font-weight:500}.top-meta{font:10px 'DM Mono';letter-spacing:1.2px;display:flex;align-items:center;gap:16px;color:#b3c7cf}.status-dot{width:6px;height:6px;background:#6ce8c3;border-radius:100%;box-shadow:0 0 11px #56e2c1}.bar-sep{height:15px;width:1px;background:#526071}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;padding:8px 12px}.sidebar{position:absolute;top:82px;bottom:56px;left:0;width:348px;overflow-y:auto;z-index:3;padding:26px 24px 22px;background:linear-gradient(90deg,rgba(6,16,26,.98),rgba(7,19,30,.94));border-right:1px solid rgba(173,207,229,.15);scrollbar-width:thin;scrollbar-color:#344a58 transparent}.panel-kicker,.section-label{font:10px 'DM Mono';letter-spacing:1.5px;color:var(--mint);display:flex;justify-content:space-between}.panel-kicker span{color:#637686}.big-title{font:700 38px/1 'Barlow Condensed';letter-spacing:.25px;margin:23px 0 13px}.big-title em{font-style:normal;color:var(--mint)}.intro{font-size:11.3px;line-height:1.75;color:#9badbc;margin:0 0 27px}.section-label{border-bottom:1px solid #263747;padding-bottom:10px;color:#a4b6c5}.section-label span{color:#628278}.locations{margin:7px 0 24px}.location{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:none;padding:11px 8px;color:var(--text);border-radius:3px}.location:hover,.location.active{background:rgba(97,236,196,.07);border-color:rgba(97,236,196,.21)}.loc-index{border:1px solid #405468;color:var(--mint);font:10px 'DM Mono';padding:7px}.location b{font-size:11.5px;display:block;font-weight:600}.location small{font-size:9px;color:#8095aa;display:block;margin-top:4px}.arr{margin-left:auto;color:#63808c}.sliders-title,.toggles-title{margin-top:24px}.setting{margin-top:16px}.setting label{display:flex;justify-content:space-between;color:#a6b7c4;font:9.5px 'DM Mono';letter-spacing:.3px;margin-bottom:10px}.setting output{color:var(--mint)}input[type=range]{width:100%;height:4px;appearance:none;background:#33485a;outline:0;accent-color:var(--mint)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px rgba(108,232,195,.5)}.toggle-row{display:flex;justify-content:space-between;margin-top:15px;gap:6px}.toggle-row label{display:flex;align-items:center;gap:7px;color:#b5c2ce;font-size:10px;width:50%;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.switch{position:relative;background:#354758;width:26px;height:14px;border-radius:9px;flex:none}.switch:after{content:'';position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#b5c9d4;transition:transform .2s}.toggle-row input:checked+.switch{background:#286b62}.toggle-row input:checked+.switch:after{background:var(--mint);transform:translateX(12px)}.action-row{display:flex;gap:8px;margin-top:24px}.action-row button{flex:1;padding:11px 6px;border:1px solid #405365;color:#dce9ef;background:#203142;font:10px 'DM Mono'}.action-row .primary-action{background:var(--mint);color:#09201e;border-color:var(--mint);font-weight:bold}.disclaimer{color:#607789;font:8px/1.8 'DM Mono';letter-spacing:.65px;margin-top:25px}.right-ui{position:absolute;right:22px;top:105px;z-index:2;width:197px}.coords{text-align:right;color:#8ea9b6;font:9px 'DM Mono';white-space:nowrap}.coords b{display:block;color:#c7e4e8;font-size:10px;margin-top:4px}.view-card,.inspector{margin-top:23px;padding:15px;border:1px solid #405465;background:rgba(9,22,35,.78);backdrop-filter:blur(9px)}.view-top{font:9px 'DM Mono';letter-spacing:.3px;border-bottom:1px solid #30465a;padding-bottom:12px;display:flex;justify-content:space-between;white-space:nowrap}.view-top span{color:var(--mint);font-size:8px}.stat{display:flex;align-items:baseline;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(118,149,166,.13)}.stat:last-child{border:0}.stat b{font:700 28px 'Barlow Condensed'}.stat small{font:8px 'DM Mono';color:#91a4b5}.inspector h3{font:24px 'Barlow Condensed';margin:12px 0 7px}.inspector p{font-size:11px;line-height:1.6;color:#a7bdcc}.inspect-eyebrow{font:9px 'DM Mono';color:var(--mint);display:flex;justify-content:space-between}.inspect-eyebrow button{background:transparent;border:none;color:white;font-size:16px}#sectorChip{position:absolute;bottom:82px;left:374px;z-index:2;font:11px 'DM Mono';letter-spacing:1.2px;color:white;background:rgba(7,20,33,.82);border:1px solid #43596a;padding:14px 17px}#sectorChip span{color:var(--mint)}.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:56px;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 372px;border-top:1px solid #384858;background:rgba(6,15,24,.93);color:#93a7b7;font:9px 'DM Mono';letter-spacing:.4px}.bottom-bar .key{display:inline-block;padding:5px 6px;border:1px solid #3f5364;color:#dfebf3;margin-left:10px}.bottom-bar button{background:none;border:none;color:#b6d4df;font:9px 'DM Mono';padding:6px;margin-left:8px}.bottom-bar button:hover{color:var(--mint)}#loader{position:absolute;inset:0;z-index:20;background:#06111d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .7s}#loader.hidden{opacity:0;pointer-events:none}.load-brand{height:76px;width:76px;font-size:45px}.load-title{font:16px 'Barlow Condensed';letter-spacing:4px}.load-track{height:2px;width:250px;background:#284254}.load-track div{height:100%;width:10%;background:var(--mint);transition:width .4s}#loadStatus{font:10px 'DM Mono';color:#6e8999}#toast{position:absolute;z-index:9;bottom:82px;right:22px;padding:12px 16px;color:#effdf8;background:#173b3b;border:1px solid #419f8a;font:11px 'DM Mono';display:none;max-width:350px}
@media(max-width:1050px){.sidebar{width:296px;padding:22px 17px}.bottom-bar{padding-left:312px}.right-ui{width:155px}#sectorChip{left:312px}.view-card{padding:9px}.view-top{font-size:8px}.stat b{font-size:24px}}@media(max-width:750px){.topbar{padding:0 14px;height:65px}.top-meta{display:none}.menu-toggle{display:block}.sidebar{top:65px;bottom:0;width:min(325px,92vw);transform:translateX(-105%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.right-ui{top:77px;right:8px;width:142px}.coords{display:none}.view-card{margin-top:0}.view-top{font-size:7px}.view-top span{display:none}.stat{padding:5px 0}.stat b{font-size:21px}.stat small{font-size:7px}.bottom-bar{padding:0 9px;height:43px}.bottom-bar>div:first-child{display:none}#sectorChip{left:8px;bottom:59px;font-size:9px}.bottom-bar button{font-size:9px}}
.fallback-marker{position:absolute;z-index:1;min-width:180px;transform:translate(-50%,-50%);text-align:left;background:rgba(7,24,34,.83);border-left:3px solid #6ce8c3;padding:8px 12px;pointer-events:none;box-shadow:0 5px 20px #0007}.fallback-marker b{display:block;letter-spacing:1.2px;font:700 12px 'Barlow Condensed',sans-serif;color:#f1fafa}.fallback-marker small{font:7px 'DM Mono',monospace;color:#6ce8c3;letter-spacing:1px;white-space:nowrap}
