html,body{margin:0;height:100%;background:#000}canvas{display:block;width:100%;height:100%}#l{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;color:#fff;font-size:1.2rem;z-index:9999;opacity:1;transition:opacity var(--fade-time, 1s) ease}#l.hidden{opacity:0;pointer-events:none}.s{width:50px;height:50px;border:6px solid #444;border-top:6px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.b{width:200px;height:10px;background:#333;border-radius:5px;overflow:hidden;margin-bottom:10px}.p{width:0%;height:100%;background:#0f0;transition:width .2s ease}.t{letter-spacing:2px}