@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@300;400;500&family=Raleway:wght@200;300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;font-family:Raleway,Helvetica Neue,Arial,sans-serif}body{height:1000vh;background:#010a14}canvas{position:fixed;top:0;left:0;width:100%;height:100%}#intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,#020f1e80,#010a14d9 70%)}#intro-overlay .landing-title,#intro-overlay .landing-subtitle{opacity:1}.scroll-hint{display:inline-block;font-size:.75rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:#64c8ff66;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}#landing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;align-items:center;justify-content:center;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,#020f1e99,#010a14eb 70%)}.landing-content{text-align:center;color:#fff;max-width:600px;padding:0 2rem}.landing-title{font-family:Cinzel,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:300;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;will-change:transform,opacity;color:#c8e8ff;text-shadow:0 0 20px rgba(80,180,255,.4),0 0 60px rgba(80,180,255,.15)}.landing-subtitle{font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;line-height:1.7;color:#96d2ff8c;margin-bottom:2.5rem;opacity:0;will-change:transform,opacity}.landing-btn{display:inline-block;padding:.9rem 2.5rem;border:1px solid rgba(80,180,255,.3);color:#a0d8ff;text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;transition:all .4s ease;pointer-events:auto;opacity:0;will-change:transform,opacity}.landing-btn:hover{background:#50b4ff1a;border-color:#50b4ff99;text-shadow:0 0 12px rgba(80,180,255,.5)}.floor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;align-items:center;justify-content:flex-end;z-index:10;pointer-events:none}.floor-content{color:#fff;max-width:380px;padding:0 3rem}.floor-content--right{margin-right:5vw}.floor-title{font-family:Cinzel,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:300;letter-spacing:.1em;margin-bottom:1rem;opacity:0;will-change:transform,opacity;color:#c8e8ff;text-shadow:0 0 15px rgba(80,180,255,.3)}.floor-desc{font-size:clamp(.85rem,1.2vw,1rem);font-weight:300;line-height:1.8;color:#96d2ff80;opacity:0;will-change:transform,opacity}.char-reveal{display:inline-block;opacity:0;transform:translateY(8px);filter:blur(4px);transition:opacity .4s ease,transform .4s ease,filter .4s ease;transition-delay:calc(var(--i) * .03s)}.char-reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}.char-reveal.glow{text-shadow:0 0 8px rgba(100,200,255,.6)}#play-btn{position:fixed;bottom:2rem;right:2rem;z-index:20;background:none;border:1px solid rgba(80,180,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;padding-left:3px}#play-btn svg path{stroke:#96d2ffb3}#play-btn:hover{border-color:#50b4ff80;background:#50b4ff0d;box-shadow:0 0 20px #50b4ff1a}#play-btn.playing{opacity:0;pointer-events:none}