:root{--bg: #04060c;--glass: rgba(10, 14, 24, .55);--glass-border: rgba(255, 255, 255, .08);--txt: #e7ecf5;--muted: #93a0b8;--accent: #6ea8ff;--live: #4ade80;--radius: 18px;--radius-sm: 12px;--ease: cubic-bezier(.2, .8, .2, 1);--font-ui: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", var(--font-ui)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font-family:var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}#scene,#scene canvas{position:absolute;inset:0}#scene canvas{display:block}#vignette{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.42) 100%)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 12px 40px #00000059}#topbar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(1100px,calc(100vw - 32px));height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px;z-index:10}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 22px #6ea8ff80;flex:none}.brand-name{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.brand-sep{width:1px;height:18px;background:var(--glass-border)}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-controls{display:flex;align-items:center;gap:18px;padding-right:6px}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:32px;height:18px;border-radius:9px;background:#ffffff1f;border:1px solid var(--glass-border);position:relative;transition:background .18s var(--ease);flex:none}.switch .thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#aeb9cc;transition:transform .18s var(--ease),background .18s var(--ease)}.switch input:checked+.track{background:#6ea8ff59;border-color:#6ea8ff66}.switch input:checked+.track .thumb{transform:translate(14px);background:var(--accent)}.switch-label{font-size:12px;color:var(--muted);transition:color .15s}.switch:hover .switch-label{color:var(--txt)}#layers-btn{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:10px;font-size:12px;color:var(--muted);transition:color .15s,background .15s}#layers-btn:hover,#layers-btn.open{color:var(--txt);background:#ffffff12}#layers-pop{position:fixed;z-index:30;width:248px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}#layers-pop.open{opacity:1;transform:translateY(0);pointer-events:auto}.layer-row{display:flex;flex-direction:column;gap:3px}.switch.layer{width:100%}.switch.layer .switch-label{flex:1;color:var(--txt)}.layer-sub{font-size:10.5px;color:#93a0b8b3;min-height:13px}.layer-section{display:flex;flex-direction:column;gap:8px}.layer-sec-head{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#93a0b8d9;transition:color .15s}.layer-sec-head:hover{color:var(--txt)}.layer-sec-chev{font-size:9px;transition:transform .18s var(--ease)}.layer-section.open .layer-sec-chev{transform:rotate(90deg)}.layer-sec-body{display:none;flex-direction:column;gap:10px;padding-left:4px}.layer-section.open .layer-sec-body{display:flex}#explorer{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:12}#exp-btn{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,background .15s}#exp-btn:hover,#exp-btn.open{color:var(--txt)}#exp-panel{position:absolute;left:56px;top:50%;transform:translateY(-50%) translate(-8px);width:min(312px,calc(100vw - 96px));max-height:min(560px,74vh);display:flex;flex-direction:column;padding:12px;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}#exp-panel.open{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}#exp-search{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:11px;padding:9px 12px;font:500 13px var(--font-ui);color:var(--txt);outline:none}#exp-search::placeholder{color:var(--muted)}#exp-search:focus{border-color:#6ea8ff66}#exp-cats{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 8px}.exp-cat{padding:4px 10px;border-radius:99px;font-size:11px;font-weight:500;color:var(--muted);border:1px solid var(--glass-border);transition:color .15s,background .15s,border-color .15s}.exp-cat:hover{color:var(--txt)}.exp-cat.active{color:var(--accent);background:#6ea8ff1a;border-color:#6ea8ff59}#exp-list{list-style:none;margin:0;padding:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.exp-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer}.exp-row:hover{background:#6ea8ff1a}.exp-main{min-width:0}.exp-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-sub{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-empty{padding:14px 10px;font-size:12px;color:var(--muted)}#scalebar{position:fixed;left:16px;bottom:16px;z-index:9;height:36px;display:flex;align-items:center;gap:11px;padding:0 14px;border-radius:12px}.sb-line{height:7px;width:100px;border-left:1.5px solid rgba(231,236,245,.75);border-right:1.5px solid rgba(231,236,245,.75);border-bottom:1.5px solid rgba(231,236,245,.75);transition:width .2s var(--ease)}#sb-label{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}#zoomscale{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:8;padding:14px 10px;border-radius:14px;transition:right .28s var(--ease)}#zoomscale.shifted{right:362px}.zs-track{position:relative;width:86px;height:300px}.zs-rail{position:absolute;right:5px;top:0;bottom:0;width:2px;background:#ffffff24;border-radius:1px}.zs-handle{position:absolute;right:1.5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #6ea8ffcc;transform:translateY(-50%);transition:top .12s linear;pointer-events:none}.zs-tick{position:absolute;right:14px;transform:translateY(-50%);font-size:10px;font-weight:500;color:var(--muted);white-space:nowrap;padding:2px 5px;border-radius:6px;transition:color .15s,background .15s}.zs-tick:after{content:"";position:absolute;right:-9px;top:50%;width:6px;height:1.5px;background:#ffffff4d}.zs-tick:hover{color:var(--txt);background:#ffffff12}#views{position:fixed;right:16px;bottom:16px;z-index:9;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px}#views button{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,background .15s}#views button:hover{color:var(--txt);background:#ffffff12}#panel{position:fixed;right:16px;top:86px;bottom:86px;width:330px;padding:22px;z-index:10;overflow-y:auto;opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}#panel.open{opacity:1;transform:translate(0);pointer-events:auto}#panel-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,background .15s}#panel-close:hover{color:var(--txt);background:#ffffff12}#panel-type{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#6ea8ff1a;border:1px solid rgba(110,168,255,.25);padding:3px 9px;border-radius:99px}#panel-name{font-family:var(--font-display);font-size:27px;font-weight:600;margin:10px 0 4px;letter-spacing:.01em}#panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;margin:18px 0 16px}#panel-stats>div{min-width:0}#panel-stats dt{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:3px;display:flex;align-items:center;gap:5px}#panel-stats dd{margin:0;font-size:13.5px;font-weight:500;line-height:1.35}#panel-stats .live-mini{width:5px;height:5px;border-radius:50%;background:var(--live);animation:pulse 2.2s infinite}#panel-compare{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 14px}#panel-compare:empty{display:none}.compare-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px}#panel-blurb{font-size:13px;line-height:1.65;color:var(--muted);margin:0;user-select:text}.panel-credit{margin-top:18px;padding-top:12px;border-top:1px solid var(--glass-border);font-size:10px;line-height:1.5;color:#93a0b899}#timedock{position:fixed;bottom:16px;left:50%;transform:translate(-50%);height:52px;display:flex;align-items:center;gap:2px;padding:0 12px 0 8px;z-index:10;white-space:nowrap}.t-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,background .15s}.t-btn:hover{color:var(--txt);background:#ffffff12}.t-divider{width:1px;height:22px;background:var(--glass-border);margin:0 10px 0 8px}#t-speed{font-size:12px;font-weight:500;min-width:66px;text-align:center}#t-clock{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:10px}#t-clock.clickable{cursor:pointer;transition:color .15s}#t-clock.clickable:hover{color:var(--txt)}#time-pop{position:fixed;z-index:30;width:320px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}#time-pop.open{opacity:1;transform:translateY(0);pointer-events:auto}.time-pop-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.time-pop-row{display:flex;gap:8px}#time-input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;padding:7px 10px;font:500 12.5px var(--font-ui);color:var(--txt);outline:none;color-scheme:dark}#time-input:focus{border-color:#6ea8ff66}#time-go{padding:0 16px;border-radius:10px;font-size:12px;font-weight:600;color:var(--accent);background:#6ea8ff1f;border:1px solid rgba(110,168,255,.35);transition:background .15s}#time-go:hover{background:#6ea8ff38}.time-pop-eras{display:flex;flex-wrap:wrap;gap:5px}#t-live{display:flex;align-items:center;gap:6px;margin-left:12px;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--glass-border);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .15s,border-color .15s,background .15s}#t-live .live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}#t-live:hover{color:var(--txt)}#t-live.synced{color:var(--live);border-color:#4ade8059;background:#4ade8014}#t-live.synced .live-dot{animation:pulse 2.2s infinite}.label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;letter-spacing:.04em;color:#e7ecf5e0;text-shadow:0 1px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);transform:translateY(-19px);cursor:pointer;pointer-events:auto;white-space:nowrap;transition:opacity .2s var(--ease)}.label:hover{color:#fff}.label.selected{color:var(--accent)}.label.occluded{opacity:0;pointer-events:none}.label-dot{width:4px;height:4px;border-radius:50%;flex:none}.label-minor{font-size:10px;color:#e7ecf5c7}#search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;color:var(--muted);transition:color .15s,background .15s}#search-btn:hover{color:var(--txt);background:#ffffff12}#search-overlay{position:fixed;inset:0;z-index:40;background:#02040973;display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;opacity:0;pointer-events:none;transition:opacity .18s var(--ease)}#search-overlay.open{opacity:1;pointer-events:auto}#search-box{width:min(460px,calc(100vw - 32px));padding:8px;transform:translateY(-8px);transition:transform .18s var(--ease)}#search-overlay.open #search-box{transform:translateY(0)}#search-input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:11px 14px;font:500 14px var(--font-ui);color:var(--txt);outline:none}#search-input::placeholder{color:var(--muted)}#search-input:focus{border-color:#6ea8ff66}#search-results{list-style:none;margin:6px 0 0;padding:0}.search-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13.5px}.search-row.active{background:#6ea8ff1f}.search-name{font-weight:500}.search-type{margin-left:auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .7s ease}#loader.done{opacity:0;pointer-events:none}.loader-brand{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--txt);animation:rise 1s var(--ease)}.loader-bar{width:180px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}#loader-fill{height:100%;width:0%;background:var(--accent);border-radius:1px;transition:width .25s var(--ease)}#loader-status{font-size:11px;color:var(--muted);letter-spacing:.04em}#stats{position:fixed;left:16px;bottom:16px;z-index:20;font-size:11px;color:var(--live);font-variant-numeric:tabular-nums;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;padding:5px 9px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.brand-sub,.brand-sep,.switch-label{display:none}.brand-name{letter-spacing:.08em;font-size:12px}}@media(max-width:560px){.brand-name{display:none}#panel{width:calc(100vw - 32px);top:auto;bottom:86px;max-height:46vh}#scalebar,#zoomscale,#t-clock{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}