*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #080808;--white: #f0ece4;--accent: #c8f53a;--muted: rgba(240,236,228,.35);--glass: rgba(8,8,8,.55);--font-display: "Unbounded", sans-serif;--font-mono: "DM Mono", monospace;--ease-expo: cubic-bezier(.16, 1, .3, 1)}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--white);font-family:var(--font-mono);cursor:crosshair}#splat-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.ui-layer>*{pointer-events:auto}.header{position:absolute;top:2rem;left:2.5rem;right:2.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--white);text-decoration:none}.logo span{color:var(--accent)}.nav{display:flex;gap:2rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav a{color:inherit;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--white)}.scene-label{position:absolute;bottom:2.5rem;left:2.5rem}.scene-label .title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4.5rem);font-weight:200;line-height:1;letter-spacing:-.02em;color:var(--white);opacity:0;transform:translateY(20px);animation:fadeUp 1s var(--ease-expo) .5s forwards}.scene-label .subtitle{margin-top:.6rem;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:0;animation:fadeUp 1s var(--ease-expo) .8s forwards}.status-bar{position:absolute;bottom:2.5rem;right:2.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:.5rem;animation:pulse 2s infinite}.hotspot{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid var(--accent);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-expo),background .3s;transform:translate(-50%,-50%)}.hotspot:before{content:"+";font-size:1.1rem;color:var(--accent);font-weight:300}.hotspot:hover{transform:translate(-50%,-50%) scale(1.25);background:#c8f53a1f}.hotspot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--accent);opacity:.4;animation:ring 2.5s ease-in-out infinite}.info-panel{position:absolute;width:min(340px,90vw);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(240,236,228,.12);border-radius:2px;padding:1.5rem;opacity:0;transform:translateY(8px) scale(.97);pointer-events:none;transition:opacity .3s var(--ease-expo),transform .3s var(--ease-expo)}.info-panel.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.info-panel .tag{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.info-panel h3{font-family:var(--font-display);font-weight:400;font-size:1.1rem;margin-bottom:.5rem;line-height:1.2}.info-panel p{font-size:.75rem;line-height:1.7;color:var(--muted);margin-bottom:1rem}.info-panel .media-slot{width:100%;aspect-ratio:16/9;background:#c8f53a0d;border:1px dashed rgba(200,245,58,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#c8f53a66;letter-spacing:.15em;margin-bottom:1rem}.info-panel .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--black);background:var(--accent);border:none;padding:.6rem 1rem;cursor:pointer;transition:opacity .2s}.info-panel .btn:hover{opacity:.85}.info-panel .close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;transition:color .2s}.info-panel .close:hover{color:var(--white)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transition:opacity .8s var(--ease-expo)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.08em;color:var(--white)}.loading-logo span{color:var(--accent)}.loading-bar-track{width:200px;height:1px;background:#f0ece41a}.loading-bar-fill{height:100%;background:var(--accent);width:0%;transition:width .4s var(--ease-expo)}.loading-text{font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.controls-hint{position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.6rem;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#f0ece440}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes ring{0%{transform:scale(1);opacity:.4}to{transform:scale(1.8);opacity:0}}