*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background-color:#000}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050510;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease-out}.loader-content{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.loading-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}canvas.webgl{position:fixed;top:0;left:0;outline:none}