@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a12;--bg-secondary:#12121e;--bg-tertiary:#1a1a2e;--bg-card:#16162a;--bg-hover:#1e1e3a;--bg-glass:#16162ad9;--text-primary:#e8e8f0;--text-secondary:#9898b8;--text-muted:#5e5e80;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:#6c5ce74d;--success:#00d2a0;--danger:#ff6b6b;--portal-color:orange;--info-color:#00bcd4;--border:#ffffff0f;--border-accent:#6c5ce766;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.viewer-layout{width:100vw;height:100vh;position:relative;overflow:hidden}.viewer-title-overlay{z-index:500;pointer-events:none;animation:4s forwards title-fade;position:fixed;top:20px;left:50%;transform:translate(-50%)}.viewer-title-overlay h1{color:var(--text-primary);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);white-space:nowrap;letter-spacing:.02em;padding:10px 28px;font-size:1.4rem;font-weight:600}@keyframes title-fade{0%{opacity:0;transform:translate(-50%)translateY(-10px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0;pointer-events:none}}.viewer-loading{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex}.viewer-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.viewer-loading p{color:var(--text-secondary);font-size:1rem;font-weight:500}.viewer-error{background:radial-gradient(ellipse at center, var(--bg-tertiary) 0%, var(--bg-primary) 70%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.viewer-error-card{text-align:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;box-shadow:var(--shadow-lg);padding:40px 50px}.viewer-error-icon{margin-bottom:16px;font-size:3rem;display:block}.viewer-error-card h1{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.viewer-error-card p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.6}.viewer-error-card code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-light);border:1px solid var(--border);padding:8px 16px;font-family:Courier New,monospace;font-size:.85rem;display:inline-block}.viewer-error-card code strong{color:var(--success)}.viewer-error-back{color:var(--accent-light);transition:var(--transition);margin-top:16px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-block}.viewer-error-back:hover{color:var(--text-primary)}.scene-nav-bar{z-index:550;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);scrollbar-width:none;gap:8px;max-width:90vw;padding:8px 12px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%)}.scene-nav-bar::-webkit-scrollbar{display:none}.scene-nav-bar.scene-nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(150px)}.scene-nav-toggle{z-index:551;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:var(--transition), bottom .4s ease;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:125px;left:50%;transform:translate(-50%)}.scene-nav-toggle:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent-light)}.scene-nav-toggle.closed{bottom:20px}.scene-nav-toggle svg{width:20px;height:20px}.scene-nav-item{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-primary);background:0 0;border:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;display:flex}.scene-nav-item:hover{background:var(--bg-hover);border-color:var(--border)}.scene-nav-active{box-shadow:0 0 12px var(--accent-glow);background:#6c5ce71a;border-color:var(--accent)!important}.scene-nav-thumb{border-radius:var(--radius-sm);background-position:50%;background-size:cover;background-color:var(--bg-tertiary);justify-content:center;align-items:center;width:64px;height:40px;display:flex;overflow:hidden}.scene-nav-initial{color:var(--text-muted);font-size:1rem;font-weight:700}.scene-nav-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:72px;font-size:.68rem;font-weight:500;overflow:hidden}.scene-nav-active .scene-nav-name{color:var(--accent-light);font-weight:600}.hotspot-marker{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;animation:2s ease-in-out infinite hotspot-pulse;display:flex;position:relative}.hotspot-info{border:2px solid var(--info-color);background:radial-gradient(circle,#00bcd466,#00bcd426);box-shadow:0 0 12px #00bcd466}.hotspot-portal{border:2px solid var(--portal-color);background:radial-gradient(circle,#ffa50066,#ffa50026);box-shadow:0 0 12px #ffa50066}.hotspot-tooltip{white-space:nowrap;background:var(--bg-glass);color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;padding:4px 10px;font-family:Inter,sans-serif;font-size:.72rem;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-always,.hotspot-marker:hover .hotspot-tooltip{opacity:1}.hotspot-marker:hover{transition:transform .15s;transform:scale(1.2)}.hotspot-icon-img{object-fit:contain;border-radius:50%;width:100%;height:100%}.hotspot-tint-overlay{opacity:.35;pointer-events:none;mix-blend-mode:color;border-radius:50%;position:absolute;inset:0}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 12px #6c5ce74d}50%{box-shadow:0 0 22px #6c5ce799}}.info-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;background:#000000a6;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.info-modal{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);width:500px;max-width:92vw;max-height:80vh;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:0;animation:.25s slide-up;overflow-y:auto}.info-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.info-modal-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.info-modal-icon{font-size:1.3rem}.info-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:1.1rem}.info-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.info-modal-body{padding:20px}.info-modal-description{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.6}.info-modal-content{color:var(--text-primary);font-size:.9rem;line-height:1.7}.info-modal-content a{color:var(--accent-light)}.info-modal-content iframe{aspect-ratio:16/9;border-radius:var(--radius-sm);border:none;width:100%;margin:12px 0}.info-modal-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.music-player{z-index:600;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text-secondary);border-radius:24px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;display:flex;position:fixed;top:16px;right:16px}.music-play-btn,.music-mute-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:2px 6px;font-family:inherit;font-size:.85rem}.music-play-btn:hover,.music-mute-btn:hover{background:var(--bg-hover)}.music-player-track{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text-primary);font-weight:500;overflow:hidden}.music-player-blocked{color:#ffc850e6;font-style:italic;animation:1.5s ease-in-out infinite music-blocked-pulse}@keyframes music-blocked-pulse{0%,to{opacity:.6}50%{opacity:1}}.music-volume-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:2px;width:60px;height:3px}.music-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-light);cursor:pointer;border-radius:50%;width:10px;height:10px}.music-vol-label{color:var(--text-muted);text-align:right;min-width:28px;font-size:.68rem}.vr-button{z-index:600;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;transition:var(--transition);box-shadow:var(--shadow-sm);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px}.vr-button:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.1)}.vr-button.active{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);animation:2s ease-in-out infinite vr-pulse}.vr-icon{flex-shrink:0;width:22px;height:22px}@keyframes vr-pulse{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 24px #6c5ce780}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-screen{z-index:999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:absolute;inset:0;overflow:hidden}.splash-exit{opacity:0;visibility:hidden}.splash-bg{z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.splash-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0a0a1299;position:absolute;inset:0}.splash-content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:32px;padding:24px;display:flex;position:relative}.splash-title{color:#fff;text-shadow:0 4px 16px #00000080;letter-spacing:.02em;margin:0;font-size:2.4rem;font-weight:700}.splash-play-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.splash-play-btn:hover{transform:scale(1.05)}.splash-play-btn:active{transform:scale(.95)}.splash-play-icon{filter:drop-shadow(0 4px 12px #0006);width:80px;height:80px;transition:color .2s,filter .2s}.splash-play-btn:hover .splash-play-icon{color:var(--accent-light);filter:drop-shadow(0 0 20px var(--accent-glow))}.splash-play-btn:hover circle{opacity:1;stroke:var(--accent)}.splash-play-label{letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 8px #00000080;font-size:1.1rem;font-weight:500}