*{margin:0;padding:0}html,body{overflow:hidden}.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;z-index:100;transition:opacity .5s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-bar{--progress: 0%;width:200px;height:3px;background:linear-gradient(90deg,#222,#333,#222);border-radius:2px;overflow:hidden}.loader-bar:after{content:"";display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#888,#fff,#888);border-radius:2px;transition:width .3s ease}.loader-percent{margin-top:15px;color:#aaa;font-family:Arial,sans-serif;font-size:13px;letter-spacing:2px}