html,body{background:#0a0807;height:100%;margin:0;padding:0;font-family:Space Grotesk,sans-serif;overflow:hidden}.explorer-nav{backdrop-filter:blur(12px);z-index:10;background:#0a0807d9;border-bottom:1px solid #3d2d22;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.explorer-back{color:#8a7f78;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.8125rem;text-decoration:none;transition:all .15s ease-out;display:inline-flex}.explorer-back:hover{color:#fbbf24;background:#fbbf2414}.explorer-title{color:#10b981;font-family:JetBrains Mono,monospace;font-size:.75rem}.explorer-controls{align-items:center;gap:8px;display:flex}.explorer-legend{color:#8a7f78;cursor:pointer;border:1px solid #3d2d22;border-radius:4px;align-items:center;padding:6px;transition:all .15s ease-out;display:flex}.explorer-legend:hover{color:#fbbf24;border-color:#fbbf24}.explorer-ctrl-btn{color:#8a7f78;cursor:pointer;border:1px solid #3d2d22;border-radius:4px;align-items:center;padding:6px;transition:all .15s ease-out;display:flex}.explorer-ctrl-btn:hover{color:#fbbf24;border-color:#fbbf24}.explorer-ctrl-btn.active{color:#10b981;background:#10b98114;border-color:#10b981}.scene-container{width:100vw;height:100vh;position:relative}.scene-container canvas{display:block}.loading-screen{z-index:5;background:#0a0807;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .6s ease-out;display:flex;position:absolute;inset:0}.loading-spinner{border:2px solid #3d2d22;border-top-color:#fbbf24;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#8a7f78;font-family:JetBrains Mono,monospace;font-size:.8125rem}.info-panel{z-index:10;background:#1a1512;border:1px solid #3d2d22;border-radius:8px;width:calc(100% - 48px);max-width:460px;padding:20px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 8px 32px #00000080}.info-panel.visible{transform:translate(-50%)translateY(0)}.info-close{color:#8a7f78;cursor:pointer;background:0 0;border:1px solid #3d2d22;border-radius:4px;padding:4px;transition:all .15s ease-out;display:flex;position:absolute;top:12px;right:12px}.info-close:hover{color:#fbbf24;border-color:#fbbf24}.info-title{color:#f5f0ea;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:600}.info-subtitle{color:#fbbf24;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:.75rem}.info-desc{color:#a1a1aa;margin:0 0 12px;font-size:.875rem;line-height:1.6}.info-tags{flex-wrap:wrap;gap:4px;display:flex}.info-tag{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;display:inline-block}.hint-overlay{z-index:9;cursor:pointer;backdrop-filter:blur(8px);background:#1a1512e6;border:1px solid #3d2d22;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;transition:opacity .4s ease-out;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.hint-text{color:#a1a1aa;font-family:JetBrains Mono,monospace;font-size:.75rem}.legend-panel{z-index:9;opacity:0;pointer-events:none;backdrop-filter:blur(8px);background:#1a1512f2;border:1px solid #3d2d22;border-radius:8px;flex-direction:column;gap:8px;padding:14px 18px;transition:all .2s ease-out;display:flex;position:fixed;top:64px;right:16px;transform:translateY(-8px)}.legend-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.legend-title{color:#8a7f78;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.6875rem}.legend-item{color:#f5f0ea;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=640px){.info-panel{width:calc(100% - 32px);padding:16px;bottom:16px}.explorer-title{display:none}.hint-overlay{padding:8px 14px;bottom:80px}.hint-text{font-size:.6875rem}}