html,body{background-color:#111;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%}#loading-screen{z-index:9999;color:#fff;background-color:#060606;justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:opacity .8s ease-out;display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center}.logo{letter-spacing:1rem;text-shadow:0 0 20px #00a2ff80;margin-bottom:2rem;font-size:4rem;font-weight:900;animation:2s ease-in-out infinite pulse}.highlight{color:#00a2ff}.loading-bar-container{background:#ffffff1a;border-radius:2px;width:300px;height:4px;margin:0 auto 1rem;position:relative;overflow:hidden}.loading-bar{background:linear-gradient(90deg,#0000,#00a2ff,#0000);width:100%;height:100%;animation:2s linear infinite loading;position:absolute;left:-100%}.loading-text{letter-spacing:.3rem;opacity:.6;font-size:.8rem;animation:1.5s infinite blink}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes loading{0%{left:-100%}to{left:100%}}@keyframes blink{0%,to{opacity:.3}50%{opacity:.8}}.fade-out{opacity:0;pointer-events:none}