*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%}#loading-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:20;opacity:1;transition:opacity .8s ease}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-inner{display:flex;flex-direction:column;align-items:center;gap:1.2rem}#loading-status{color:#ffffff59;font-size:.75rem;letter-spacing:.5rem;text-transform:uppercase;font-family:Helvetica Neue,Arial,sans-serif}#loading-bar-wrap{width:160px;height:1px;background:#ffffff1a;position:relative}#loading-bar{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#ff6ec4,#c84bfa);transition:width .25s ease}#intro{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:10;transition:opacity .8s ease}#intro.hidden{opacity:0;pointer-events:none}#intro h1{font-size:6rem;letter-spacing:1.2rem;font-weight:200;margin-bottom:2rem;background:linear-gradient(135deg,#ff6ec4,#ff3cac,#c84bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#enter-btn{padding:.8rem 3rem;font-size:1.2rem;letter-spacing:.4rem;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:border-color .3s,background .3s}#enter-btn:hover{border-color:#ff6ec4;background:#ff6ec41a}canvas{display:block}#scene-label{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);font-size:1.4rem;letter-spacing:.6rem;text-transform:uppercase;font-weight:200;color:#fffc;z-index:5;opacity:0;transition:opacity .6s ease;pointer-events:none}#scene-label.visible{opacity:1}#fade-overlay{position:fixed;inset:0;background:#000;z-index:4;opacity:0;pointer-events:none;transition:opacity .4s ease}#fade-overlay.active{opacity:1}