@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{background:#000;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas{display:block}.ui-overlay{pointer-events:none;z-index:50;position:fixed;inset:0}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff14;border:1px solid #ffffff1f}.top-bar{pointer-events:auto;z-index:60;border-radius:50px;align-items:center;gap:16px;padding:10px 28px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.logo{color:#fff;letter-spacing:1.5px;text-transform:uppercase;font-size:18px;font-weight:700}#loading-screen{z-index:9999;background:#060810;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .9s cubic-bezier(.22,1,.36,1),visibility .9s;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;visibility:hidden}.ls-title{letter-spacing:.22em;text-transform:uppercase;color:#ffffffeb;font-size:clamp(28px,5vw,52px);font-weight:700;animation:3s ease-in-out infinite ls-breathe}.ls-sub{letter-spacing:.28em;text-transform:uppercase;color:#ffffff59;font-size:clamp(11px,1.5vw,14px);font-weight:400}.ls-dots{gap:8px;margin-top:12px;display:flex}.ls-dot{background:#ffffff8c;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite ls-pulse}.ls-dot:nth-child(2){animation-delay:.3s}.ls-dot:nth-child(3){animation-delay:.6s}#loading-screen:before{content:"";background:linear-gradient(90deg,#0000,#78aaff66 40%,#50c8dc80 60%,#0000);height:1px;animation:3s ease-in-out infinite ls-glow;position:absolute;top:0;left:10%;right:10%}@keyframes ls-breathe{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes ls-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes ls-glow{0%,to{opacity:.4}50%{opacity:1}}