*{box-sizing:border-box}body,html{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#canvas{cursor:pointer;background-color:#000;display:block}#ui{z-index:10;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}#loading{margin-bottom:1.25rem;animation:1.5s infinite pulse}#progressContainer{background-color:#222;border-radius:.125rem;width:12.5rem;height:.25rem;overflow:hidden}#progressBar{background-color:#fff;width:0%;height:100%;transition:width .1s linear}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.125rem;-webkit-user-select:none;user-select:none;background-color:#fff;border:.125rem solid #fff;border-radius:.5rem;padding:.75rem 1.875rem;font-family:Noto Sans JP,Helvetica Neue,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s;display:none}button:hover{color:#fff;background-color:#000}button:active{transform:scale(.95)}#btnReset{z-index:50;background-color:#fffc;padding:.625rem 1.25rem;font-size:.9rem;position:fixed;bottom:2rem;right:2rem}#btnReset:hover{background-color:#000}