*{margin:0;padding:0}html,body{overflow:hidden;background:#000}.webgl{position:fixed;top:0;left:0;outline:none}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;z-index:9999;transition:opacity .6s ease,visibility .6s ease}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-line{width:200px;height:1px;background:#ffffff1a;position:relative;overflow:hidden}.loader-line:before{content:"";position:absolute;top:0;left:0;width:var(--progress, 0%);height:100%;background:linear-gradient(90deg,#0048ff,#f4fde3);transition:width .3s ease}.loader-percent{font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:300;color:#fff6;letter-spacing:3px}.loader-percent:after{content:"%";margin-left:1px}