:root{--void: #060810;--deep: #0c0e18;--surface: #141824;--border: #1e2a3a;--dim: #445566;--mid: #7799aa;--bright: #c0dde8;--white: #e8f4ff;--gold: #d4a853;--gold-dim: #6a5428;--cyan: #00ffc8;--cyan-dim: #0a3a2e;--rose: #ff4488;--violet: #aa66ff;--lime: #88ff44;--fern: #44aa55;--font-display: "Bebas Neue", sans-serif;--font-body: "Cormorant Garamond", Georgia, serif;--font-mono: "Space Mono", monospace;--glass-bg: rgba(12, 14, 24, .85);--glass-border: rgba(30, 42, 58, .6);--glass-blur: 16px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--void);color:var(--bright);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow:hidden;width:100vw;height:100vh}#graph-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#topology-selector{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;padding:4px}.topo-btn{background:transparent;border:1px solid transparent;border-radius:6px;padding:10px 18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .3s ease;min-width:140px}.topo-btn:hover{background:#00ffc80a;border-color:var(--border)}.topo-btn.active{background:#00ffc814;border-color:var(--cyan-dim);box-shadow:0 0 20px #00ffc80f}.topo-icon{font-size:1.2rem;color:var(--dim);transition:color .3s}.topo-btn.active .topo-icon{color:var(--cyan)}.topo-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);transition:color .3s}.topo-btn.active .topo-label{color:var(--white)}.topo-desc{font-family:var(--font-mono);font-size:.55rem;color:var(--dim);letter-spacing:.02em;max-width:160px;text-align:center;line-height:1.3}#category-legend{position:fixed;bottom:28px;right:28px;display:flex;flex-direction:column;gap:8px;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;padding:14px 18px}.legend-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);cursor:pointer;transition:color .3s}.legend-item:hover{color:var(--white)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.history{background:var(--violet);box-shadow:0 0 8px #a6f6}.legend-dot.land{background:var(--cyan);box-shadow:0 0 8px #00ffc866}.legend-dot.future{background:var(--lime);box-shadow:0 0 8px #8f46}#detail-panel{position:fixed;top:28px;right:28px;width:340px;max-height:calc(100vh - 56px);overflow-y:auto;z-index:20;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:10px;padding:24px;transition:opacity .4s ease,transform .4s ease}#detail-panel.hidden{opacity:0;transform:translate(20px);pointer-events:none}#detail-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--dim);font-size:1rem;cursor:pointer;transition:color .2s;padding:4px 8px}#detail-close:hover{color:var(--white)}#detail-type-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:3px 10px;border-radius:3px;display:inline-block;margin-bottom:10px}#detail-type-badge.history{background:#aa66ff26;color:var(--violet);border:1px solid rgba(170,102,255,.2)}#detail-type-badge.land{background:#00ffc81a;color:var(--cyan);border:1px solid rgba(0,255,200,.15)}#detail-type-badge.future{background:#88ff441a;color:var(--lime);border:1px solid rgba(136,255,68,.15)}#detail-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.06em;color:var(--white);margin-bottom:12px;line-height:1.1}#detail-description{font-family:var(--font-body);font-size:.92rem;color:var(--bright);line-height:1.65;margin-bottom:16px}#detail-metadata{font-family:var(--font-mono);font-size:.68rem;color:var(--dim);line-height:1.8;border-top:1px solid var(--border);padding-top:12px;margin-bottom:16px}#detail-metadata .meta-row{display:flex;gap:8px}#detail-metadata .meta-key{color:var(--mid);min-width:80px}#detail-metadata .meta-value{color:var(--bright)}#detail-connections h3{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}#detail-connections-list{list-style:none;display:flex;flex-direction:column;gap:6px}#detail-connections-list li{font-family:var(--font-mono);font-size:.7rem;color:var(--mid);padding:6px 10px;background:#14182499;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s}#detail-connections-list li:hover{border-color:var(--cyan-dim);color:var(--bright);background:#00ffc80a}#detail-connections-list .conn-label{color:var(--cyan);margin-left:6px;font-size:.6rem}#title-overlay{position:fixed;top:28px;left:28px;z-index:10;pointer-events:none}#title-overlay .title-sub{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.35em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}#title-overlay h1{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.1em;line-height:1;color:var(--white);text-shadow:0 0 40px rgba(0,255,200,.1)}#title-overlay h1 .cyan{color:var(--cyan);text-shadow:0 0 30px rgba(0,255,200,.2)}#title-overlay h1 .gold{color:var(--gold);text-shadow:0 0 30px rgba(212,168,83,.2)}#title-overlay .title-hint{font-family:var(--font-mono);font-size:.55rem;color:var(--dim);letter-spacing:.05em;margin-top:10px}#detail-panel::-webkit-scrollbar{width:4px}#detail-panel::-webkit-scrollbar-track{background:transparent}#detail-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}#detail-panel::-webkit-scrollbar-thumb:hover{background:var(--dim)}@media(max-width:768px){#topology-selector{bottom:16px;flex-direction:column;width:calc(100% - 32px);left:16px;transform:none}.topo-btn{flex-direction:row;min-width:auto;padding:8px 14px;gap:10px}.topo-desc{display:none}#detail-panel{inset:auto 16px 180px;width:auto;max-height:50vh}#category-legend{display:none}#title-overlay h1{font-size:1.6rem}}#xr-buttons{position:fixed;top:28px;right:28px;z-index:15;display:flex;gap:8px}#detail-panel{top:80px}.xr-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:all .3s ease;color:var(--bright)}.xr-btn:hover{transform:translateY(-1px)}.xr-btn:active{transform:scale(.96)}.xr-btn.xr-ar{border-color:var(--cyan-dim);color:var(--cyan)}.xr-btn.xr-ar:hover{background:#00ffc81a;box-shadow:0 0 24px #00ffc826;border-color:var(--cyan)}.xr-btn.xr-vr{border-color:#aa66ff40;color:var(--violet)}.xr-btn.xr-vr:hover{background:#aa66ff1a;box-shadow:0 0 24px #aa66ff26;border-color:var(--violet)}.xr-btn.unsupported{opacity:.35;pointer-events:none;text-decoration:line-through}#xr-buttons.hidden{display:none}.xr-hidden{display:none!important}