*{padding:0;margin:0}html,body{overflow:hidden;margin:0;background-color:#ffcf0e;background:#ffcf0e;justify-content:center;align-items:center;color:#fff;touch-action:none;-ms-touch-action:none}canvas{touch-action-delay:none;touch-action:none;-ms-touch-action:none}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-family:Arial,sans-serif;z-index:9999}#progress-bar{width:50%;height:10px;background:#fff;border-radius:5px;overflow:hidden;margin-top:10px}#progress-fill{width:0%;height:100%;background:#32cd32;transition:width .2s ease}#instructions{background-color:#ffcf0e;top:50%;left:50%;height:500px;width:600px;margin-top:-250px;margin-left:-300px;position:absolute;font-size:24px;font-family:monospace;color:#fff;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}#instructions a{color:#fff;pointer-events:auto}#instructions button{font-size:24px;pointer-events:auto}kbd{padding:0 4px;border:1px solid rgb(255,255,255);border-radius:4px;background:gray;font-size:19px;color:#fff;font-family:monospace;font-style:normal}#switchPrevButton{--max-height-custom: 173;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%) scaleX(-.5) scaleY(.5);max-width:100%;max-height:173px;background:none;border:none;outline:none}#switchNextButton{--max-height-custom: 173;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%) scaleX(.5) scaleY(.5);max-width:100%;max-height:173px;background:none;border:none;outline:none}#startButton{--max-height-custom: 173;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:173px;background:none;border:none;outline:none}#howToPlay{--max-height-custom: 150;position:absolute;left:50%;transform:translate(-50%,-50%);pointer-events:none;background:none;border:none;outline:none}#unlockScoreDisplay{font-family:MyCustomFont,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5vh;color:#fff;text-shadow:2px 2px 0 #000;text-align:center}#lockedIcon{position:absolute;--max-height-custom: 173;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:173px;background:none;border:none;outline:none}#restartButton{position:absolute;--max-height-custom: 173;top:70%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:173px;background:none;border:none;outline:none}#pauseButton{--max-height-custom: 72;position:absolute;top:5%;max-height:72px;transform:translateY(-50%);background:none;border:none;outline:none}#soundButton{--max-height-custom: 72;position:absolute;top:12%;max-height:72px;background:none;border:none;outline:none}#scorePanel{--max-height-custom: 70;position:absolute;top:5%;left:49%;transform:translate(-50%,-50%);max-width:100%;max-height:70px;background:none;border:none;outline:none}.responsive{width:auto;max-height:calc(1px * var(--max-height-custom));height:calc(100vh * var(--max-height-custom)/1080)}#title{--max-height-custom: 192;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:396px;background:none;border:none;outline:none}#scoreDisplay{font-family:MyCustomFont,sans-serif;position:absolute;top:5%;left:50%;transform:translate(-50%,-50%);font-size:5vh;color:#fff;text-shadow:2px 2px 0 #000;text-align:center}.no-select{overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-drag:none}@font-face{font-family:MyCustomFont;src:url(obelixpro-cyrm.ttf) format("truetype");font-weight:400;font-style:normal}#timeDisplay{font-family:monospace;position:absolute;top:50%;left:50%;height:16vw;width:16vw;margin-left:-8vw;margin-top:-50vh;font-size:16vh;color:#fff;text-shadow:2px 2px 0 #000;text-align:center;display:none}#levelCompleted{font-family:monospace;position:absolute;top:50%;left:50%;height:32vw;width:32vw;margin-left:-16vw;margin-top:-30vh;font-size:4vh;color:#fff;text-shadow:2px 2px 0 #000;text-align:center}