@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Space+Mono&display=swap";:root{--bg-color:#050505;--text-color:#fff;--accent-magenta:#ed0eab;--accent-cyan:#0ff;--accent-green:#0f0;--glitch-speed:.2s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}.viewport{perspective:1000px;perspective-origin:50%;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene{width:0;height:0;transform-style:preserve-3d;position:relative}.star{pointer-events:none;background:#fff;width:3px;height:3px;position:absolute;box-shadow:0 0 5px #fff}.star.glitch-magenta{background:var(--accent-magenta);box-shadow:0 0 5px var(--accent-magenta)}.star.glitch-cyan{background:var(--accent-cyan);box-shadow:0 0 5px var(--accent-cyan)}.star.glitch-green{background:var(--accent-green);box-shadow:0 0 5px var(--accent-green)}.floating-element{pointer-events:auto;cursor:pointer;will-change:transform;opacity:0;filter:drop-shadow(0 0 10px #0ff3);background:0 0;border:none;justify-content:center;align-items:center;transition:filter .3s,opacity 1s ease-in-out;display:flex;position:absolute}.floating-element img{object-fit:contain;filter:contrast(1.1)brightness(.9);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:500px;height:350px}.floating-element:hover{filter:brightness(1.2)contrast(1.5);z-index:1000}.floating-element .prompt-overlay{border:1px solid var(--accent-cyan);white-space:nowrap;opacity:0;pointer-events:none;background:#000c;padding:8px 12px;font-family:Space Mono,monospace;font-size:12px;transition:opacity .3s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.floating-element:hover .prompt-overlay{opacity:1}.overlay-ui{z-index:100;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.header{pointer-events:auto;position:absolute;top:40px;left:40px}.header h1{text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(45deg, var(--accent-magenta), var(--accent-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ff00ff4d);-webkit-background-clip:text;font-size:3rem;font-weight:900;line-height:.9}.header p{color:#fff9;max-width:300px;margin-top:10px;font-size:1rem}.scroll-hint{text-align:center;color:var(--accent-green);font-family:Space Mono,monospace;font-size:.8rem;animation:2s infinite pulse;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}#modal{z-index:2000;opacity:0;visibility:hidden;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;left:0}#modal.active{opacity:1;visibility:visible}#modal img{object-fit:contain;border:2px solid var(--accent-magenta);max-width:90%;max-height:90%;box-shadow:0 0 50px #ff00ff80}.close-modal{color:#fff;cursor:pointer;font-family:Space Mono,monospace;font-size:2rem;position:absolute;top:40px;right:40px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-fx{animation:glitch var(--glitch-speed) infinite;animation-play-state:paused}.floating-element:hover .glitch-fx{animation-play-state:running}.floating-element.type-audio{width:180px;height:180px}.audio-asset{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--accent-magenta);background:#0a0a0acc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #f0f3}.audio-asset:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ff00ff1a 0,#0000 2px);width:100%;height:100%;position:absolute;top:0;left:0}.audio-icon{filter:drop-shadow(0 0 10px var(--accent-magenta));margin-bottom:10px;font-size:40px}.audio-label{color:var(--accent-cyan);letter-spacing:1px;font-family:Space Mono,monospace;font-size:10px}.playing-indicator{color:var(--accent-green);opacity:0;font-family:Space Mono,monospace;font-size:10px;transition:opacity .3s;position:absolute;bottom:20px}.floating-element.is-playing .playing-indicator{opacity:1;animation:.5s infinite blink}.floating-element.is-playing .audio-icon{color:var(--accent-green);animation:.1s infinite jitter}@keyframes jitter{0%{transform:translate(0)}50%{transform:translate(2px,-2px)}to{transform:translate(-2px,2px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}