html,body{background:#000;background-attachment:fixed;background-size:100vw 100vh;margin:0;padding:0;height:100%}#mainCanvas{width:100%;height:100%;display:block}#overlay{-webkit-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;background:#0006;color:#fffc;z-index:5}#overlay.disabled{display:none}#overlay>p{width:100vw;font-size:40px;text-align:center}#overlay>p>span{display:inline-block;padding-right:20px;margin-right:20px;border-right:1px solid #fff6}#header{position:fixed;left:0;background:#000c;color:#fff;z-index:1}#header{bottom:.5em;padding:10px 16px;font-size:10.5px;font-weight:700;display:flex;align-items:center}#control{font-size:21px;padding-right:10px;border-right:1px solid #fff9}#control.disabled{display:none}#control a{color:#63d0e2;text-decoration:none}#control a.disabled{opacity:.3}#control a:hover{color:#ff9438}#meta{padding-left:10px}#meta span{font-weight:400}#media{bottom:2em;position:fixed;background:#000c;right:0;z-index:1}#media.disabled>.textalive-media-wrapper{width:0;height:0}@keyframes activateBeatBar{0%{opacity:0}to{width:100%;opacity:1}}#seekbar{position:fixed;top:0;left:0;right:0;height:10px;background:#bfece399}#seekbar>div{width:0;height:100%;background:#3a1f8bab}.lil-gui{margin-top:1em;--width: 20em}