:root{font-size:18px;font-family:Arial,Helvetica,sans-serif;width:100vw}body{margin:0;padding:0;color:#fff;position:relative;display:flex;justify-content:center;flex-direction:row;overflow:hidden}body:before{filter:brightness(.5);background-color:#222;background-image:var(--background-image, none);background-size:cover;background-position:center;width:100%;height:100%;position:fixed;top:0;left:0;content:""}body canvas,body main{width:calc(100vh * (675 / 1215));overflow:hidden;height:100vh}body main{position:relative;background-color:#00000085;border-right:3px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}body #pieceQueue{padding:20px;width:10vw;position:relative;display:flex;flex-direction:column;gap:5%}body #pieceQueue canvas{width:10vw;height:10vw}body #stash{padding:20px;width:10vw;position:relative;display:flex;flex-direction:column;justify-content:space-between}body #stash canvas{width:10vw;height:10vw}body #stash #scoreInfo{text-align:center}body #stash #scoreInfo p#score{font-size:1.5em;margin:0}body #buttons{z-index:1;width:100vw;position:fixed}body #buttons>button{position:absolute;top:45px;margin:0;border:none;cursor:pointer;background-color:transparent;border-radius:4px;padding:6px;outline:none;transition:all .04s ease;transform:translate(-50%,-50%);max-width:42px;max-height:42px}body #buttons>button img{position:relative;width:30px;height:30px}body #buttons>button#restart{left:45px}body #buttons>button#pauseplay{right:45px;transform:translate(50%,-50%)}body #buttons>button#controls{left:90px}body #buttons>button#settings{right:90px;transform:translate(50%,-50%)}body #buttons>button#blocks{left:135px}body #buttons>button#back{right:50%;transform:translate(50%,-50%);font-size:50px;color:#fff}body #buttons>button#download{right:135px;transform:translate(50%,-50%)}body #buttons>button:hover{background-color:#aaaaaa59}body #buttons>button:active{padding:5px}body #buttons[data-paused=true]>button#pauseplay>img.pause{display:none}body #buttons[data-paused=true]>button#pauseplay>img.play{display:block}body #buttons[data-paused=false]>button#pauseplay>img.pause{display:block}body #buttons[data-paused=false]>button#pauseplay>img.play{display:none}*[hidden]{display:none!important}