:root{color-scheme:dark;--a:#e3b667;--cyan:#87dbe9;--ink:#091219;--panel:rgba(7,20,29,.88);--line:rgba(146,198,211,.17);--light:#e9f1ef;--quiet:#84a4b3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#13232b;color:var(--light)}button,input,select{font:inherit}button{cursor:pointer}#viewport{display:block;position:fixed;inset:0;width:100%;height:100%;touch-action:none}#sky-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 13%,rgba(244,180,106,.20),transparent 55%);mix-blend-mode:screen}#crosshair{position:fixed;left:50%;top:52%;transform:translate(-50%,-50%);font:26px monospace;color:rgba(219,238,241,.28);pointer-events:none}
.topbar{position:absolute;top:0;left:0;right:0;height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;background:linear-gradient(180deg,rgba(6,15,23,.92),rgba(6,15,23,.02));pointer-events:none}.identity{display:flex;align-items:center;gap:14px}.identity-icon{height:48px;width:48px;border:1px solid #a88a52;background:#162635;display:grid;place-items:center;font-size:27px;font-weight:900;color:#e7c179;letter-spacing:-5px}.identity-icon span,.loading-symbol span{color:#80dceb}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#99bac5;font-weight:700}.brand{font-weight:900;letter-spacing:1.6px;font-size:20px;line-height:30px}.brand-light{color:#e5b764;font-weight:500}.top-data{display:flex;align-items:center;gap:34px}.top-data>div{display:flex;flex-direction:column;gap:6px}.top-data small,.metric-pair small{font-size:9px;font-weight:750;color:var(--quiet);letter-spacing:1.4px}.top-data strong{font:700 22px/24px ui-monospace,Menlo,monospace;color:#f5f1e7}.top-data em{font:600 11px sans-serif;font-style:normal;color:var(--a)}.top-data .status{border:1px solid #439d95;background:rgba(15,60,53,.48);padding:10px 14px;flex-direction:row;align-items:center;gap:9px;color:#9ef1da;font-size:10px;font-weight:850;letter-spacing:1.4px}.status i,.pulse{height:7px;width:7px;border-radius:50%;background:#7bf1bd;box-shadow:0 0 12px #55e3b9;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4}}
.scene-legend{position:absolute;left:calc(285px + 35px);top:118px;text-shadow:0 1px 7px #0009;pointer-events:none}.legend-tag{font-size:10px;letter-spacing:2.4px;font-weight:900;color:#e7bb73}.legend-tag .cross{font-size:17px}.tiny{font-size:8px;color:#b5d3df;margin-left:8px}#location-label{font-weight:800;font-size:32px;letter-spacing:1.1px;max-width:710px;margin:13px 0}.subline{font-size:10px;color:#cee2e9;font-weight:800;letter-spacing:2px}.subline span{color:var(--a);padding:0 6px}
.panel{position:absolute;background:var(--panel);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border:1px solid var(--line);box-shadow:0 12px 35px #0006}.left-panel{left:22px;top:115px;bottom:75px;width:280px;display:flex;flex-direction:column}.right-panel{right:22px;top:115px;bottom:75px;width:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#526770 transparent}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 15px;border-bottom:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:1.8px}.panel-tag{font-size:8px;font-weight:900;color:var(--a);letter-spacing:1px}.panel-tag.active{color:#7ed9b9}.panel-scroll{overflow:auto;flex:1;min-height:110px;scrollbar-width:thin;scrollbar-color:#415967 transparent}.site-button{width:100%;padding:14px 14px 13px 16px;background:transparent;border:0;border-bottom:1px solid rgba(137,185,199,.09);display:flex;text-align:left;align-items:center;gap:12px;color:#e2edee}.site-button:hover,.site-button.selected{background:linear-gradient(90deg,#b68d3330,transparent)}.site-button.selected{box-shadow:inset 3px 0 var(--a)}.site-number{font:600 10px/1 ui-monospace,monospace;color:var(--a);background:#74603922;padding:7px}.site-body{min-width:0}.site-body b{font-size:11px;display:block;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-body small{display:block;font-size:9px;color:#7c9dac;margin-top:5px;letter-spacing:.8px}.site-action{margin-left:auto;color:var(--cyan);font-size:16px}.map-title{padding:16px 17px 9px;display:flex;justify-content:space-between;letter-spacing:1.2px;font-size:9px;font-weight:850;border-top:1px solid var(--line)}.map-title span+span{color:var(--quiet)}.map-wrap{margin:0 16px;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#23343b,#152229);border:1px solid #49728544;position:relative;flex:0 1 220px;min-height:90px}#minimap{width:100%;height:100%;cursor:crosshair}.map-overlay{position:absolute;bottom:8px;left:9px;font:8px ui-monospace,monospace;letter-spacing:2px;color:#6c9fa5;pointer-events:none}.panel-footer{padding:10px 16px 17px;color:#8faeb9;font-size:9px;line-height:1.7}
.control-section{padding:16px 18px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:850;letter-spacing:1.6px;color:#a9cbd4;margin-bottom:18px}.section-heading span:last-child{color:var(--a);font-size:10px}.time-chart{height:45px;position:relative;overflow:hidden;background:linear-gradient(90deg,#15243d,#487a88 27%,#edbd75 52%,#8e5c57 74%,#17223d);clip-path:polygon(0 100%,0 35%,25% 20%,49% 0,75% 20%,100% 35%,100% 100%)}.time-chart-fill{position:absolute;left:0;top:0;bottom:0;width:56%;background:linear-gradient(90deg,transparent,#fff5b822)}.time-sun{position:absolute;left:56%;top:2px;transform:translateX(-50%);color:#ffe3a2;font-size:20px}input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:3px;background:#3d555b;outline:none;margin:12px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:13px;width:13px;border:2px solid #e5c28a;background:#273942;border-radius:50%}.range-ends{display:flex;justify-content:space-between;color:#738f98;font:8px ui-monospace,monospace}.toggle-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-row div{display:flex;flex-direction:column;gap:4px}.toggle-row b{font-size:10px;letter-spacing:1.15px}.toggle-row small{font-size:9px;color:#7294a3}.toggle-row input{position:absolute;opacity:0}.switch{width:35px;height:18px;border:1px solid #536975;background:#283841;border-radius:10px;position:relative;transition:.2s}.switch:after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#87a1ad;transition:.2s}.toggle-row input:checked+.switch{background:#977337;border-color:#cfaa6d}.toggle-row input:checked+.switch:after{transform:translateX(16px);background:#fff3d0}.metric-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid #39515c}.metric-pair>div{display:flex;flex-direction:column;gap:8px;padding:11px}.metric-pair>div+div{border-left:1px solid #39515c}.metric-pair b{font:700 23px ui-monospace,monospace;color:#e6c993}.slider-label{display:flex;justify-content:space-between;font-size:9px;font-weight:850;letter-spacing:1.1px;margin-top:21px;color:#e1e8e9}.slider-label span{color:var(--a)}.control-section select{width:100%;padding:10px;border:1px solid #4c6471;background:#172934;color:#d7e7e9;margin:10px 0;font-size:10px;letter-spacing:1px}.performance-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.performance-grid div{font-size:8px;letter-spacing:1px;color:#8caab5;display:flex;flex-direction:column;gap:5px}.performance-grid b{color:#e8e7e0;font:600 12px ui-monospace,monospace}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.action-grid button{background:#263e4a;border:1px solid #60747b;padding:11px 3px;color:#e8e1d1;font-size:9px;font-weight:900;letter-spacing:1px}.action-grid button:hover{background:#38616c}
.bottom-bar{position:absolute;bottom:0;left:0;right:0;height:54px;background:rgba(3,14,23,.89);border-top:1px solid #4b667377;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#a0bfca;font:9px ui-monospace,monospace;letter-spacing:1px}.coordinates{display:flex;gap:14px;align-items:center}.coordinates strong{color:#d5e9ed}.signal{color:#e1b66c}.bottom-inner{display:flex;align-items:center;gap:13px}.bottom-inner strong{color:#8fdeb9}.progress-track{width:115px;height:5px;background:#324a55}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#a77a3e,#e9c978);transition:width .3s}.help span{color:#b9945e}#labels{position:absolute;inset:0;pointer-events:none}.world-label{position:absolute;transform:translate(-50%,-100%);text-align:center;background:linear-gradient(90deg,transparent,#10232baa,transparent);padding:6px 14px;font-size:9px;font-weight:850;letter-spacing:2px;color:#ffe5aa;text-shadow:0 2px 3px #000;white-space:nowrap;cursor:pointer;pointer-events:auto}.world-label:before{content:'◇';color:#fff;display:block;font-size:21px;text-align:center}.world-label:hover{color:#fff}#inspector{position:absolute;bottom:75px;left:calc(300px + 40px);max-width:360px;background:rgba(4,22,30,.92);border:1px solid #b38c4e77;padding:18px 23px 22px;backdrop-filter:blur(16px);box-shadow:0 15px 40px #0005}#inspector[hidden]{display:none}#inspector>small{color:var(--a);font-size:9px;letter-spacing:2px}#inspector h3{font-size:20px;letter-spacing:.7px;line-height:1.2;margin:10px 0}#inspector p{font-size:12px;line-height:1.6;color:#a9c2c9}#inspector-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#b5d7df;font-size:24px}.inspector-stats{display:flex;justify-content:space-between;border-top:1px solid #4d6269;padding-top:13px;gap:15px;font-size:8px;color:#77949f;letter-spacing:1px}.inspector-stats span{display:flex;flex-direction:column;gap:5px}.inspector-stats b{color:#d8cfaf}#loading{position:fixed;inset:0;background:#081721;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .9s}#loading.done{opacity:0;pointer-events:none}.loading-symbol{font-size:84px;font-weight:900;letter-spacing:-17px;color:#ecbe79}.loading-label{font-size:13px;font-weight:850;letter-spacing:4px}.loading-progress{height:3px;width:230px;background:#243a43;overflow:hidden}.loading-progress i{display:block;width:55%;height:100%;background:#dab579;animation:progress 2s infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}#loading small{font-size:9px;letter-spacing:2px;color:#7899aa}#toast{position:absolute;left:50%;bottom:82px;transform:translateX(-50%);padding:12px 22px;background:#0d2c35;border:1px solid #5d8c92;color:#d9ecea;z-index:40;font-size:11px;letter-spacing:1px;opacity:0;pointer-events:none;transition:opacity .25s}#toast.visible{opacity:1}
@media(max-width:1150px){.left-panel{width:230px}.right-panel{width:264px}.scene-legend{left:275px;top:112px}#location-label{font-size:23px}.top-data{gap:14px}.bottom-inner{display:none}}
@media(max-width:850px){.left-panel{display:none}.right-panel{right:8px;top:110px;bottom:62px;width:245px}.topbar{padding:0 10px}.brand{font-size:15px}.top-data>div:not(.status){display:none}.scene-legend{left:13px;top:110px;right:260px}#location-label{font-size:20px}.subline{font-size:8px;line-height:1.9}#inspector{left:12px;bottom:67px;right:262px}.help{display:none}.bottom-bar{height:48px;padding:0 10px}}
@media(max-width:520px){.right-panel{top:auto;bottom:51px;right:0;left:0;width:auto;max-height:34%;border-radius:0}.right-panel .control-section{padding:11px 15px}.scene-legend{right:10px}.top-data{display:none}#inspector{bottom:36%;right:12px}.scene-legend .subline{display:none}}