:root{--hud-display: none}canvas{position:fixed;top:0;left:0}#mobile-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;color:#eee;text-align:center;padding-top:2rem;z-index:1000;font-family:Arial Black,sans-serif;font-size:1.2em}#currentLevel{display:var(--hud-display)!important;position:absolute;bottom:2rem;left:2rem;color:#fff;font-size:6rem;z-index:1000;font-family:Bebas Neue,sans-serif;text-shadow:.2rem .2rem .4rem rgba(0,0,0,.8)}#currentLevel:before{content:"LEVEL";font-size:2rem;display:block;margin-bottom:.5rem}#currentHeight{display:var(--hud-display)!important;position:absolute;top:2rem;right:2rem;font-weight:700;font-size:4rem;z-index:1000;font-family:Orbitron,sans-serif;text-shadow:.1rem .1rem .2rem rgba(0,0,0,.8);border:.2rem solid currentColor;padding:.5rem;border-radius:.5rem;background-color:#0000004d;display:flex;flex-direction:column;align-items:center;color:inherit}#currentHeight:before{content:"CURRENT";font-size:1.5rem;margin-bottom:.5rem}#maxHeight{display:var(--hud-display)!important;position:absolute;top:2rem;left:2rem;color:#fff;font-weight:700;font-size:4rem;z-index:1000;font-family:Orbitron,sans-serif;text-shadow:.1rem .1rem .2rem rgba(0,0,0,.8);border:.2rem solid white;padding:.5rem;border-radius:.5rem;background-color:#0000004d;display:flex;flex-direction:column;align-items:center}#maxHeight:before{content:"HIGHEST";text-align:center;white-space:pre;font-size:1.5rem;margin-bottom:.5rem}#maxHeight:after{content:var(--maxLevel);text-align:center;white-space:pre;font-size:1.5rem}#progressBarContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:30px;background-color:#00000080;z-index:1001;border-radius:15px}#progressBar{width:0;height:100%;background-color:#4caf50;border-radius:15px}.menu-button{position:absolute;bottom:2rem;right:0rem;transform:translate(-50%);padding:.5rem 1rem;background:#00000080;color:#fff;text-decoration:none;border-radius:5px;font-family:Arial,sans-serif;z-index:1000;transition:background-color .3s}.menu-button:hover{background:#000c}.high-scores-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#fff;padding:2rem;border-radius:10px;max-width:500px;width:90%}.modal-content h2{text-align:center;margin-bottom:1rem}.modal-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.modal-content th,.modal-content td{padding:.5rem;text-align:left;border-bottom:1px solid #ddd}.modal-content button{display:block;width:100%;padding:.5rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button:hover{background-color:#45a049}dialog{background:#000c;color:#fff;border:2px solid white;border-radius:10px;padding:20px}dialog::backdrop{background:#00000080}dialog form{display:flex;flex-direction:column;gap:15px}dialog h2{margin:0;text-align:center}dialog input{padding:8px;border-radius:5px;border:1px solid white;background:#ffffff1a;color:#fff}.dialog-buttons{display:flex;justify-content:center;gap:10px}dialog button{padding:8px 16px;border-radius:5px;border:1px solid white;background:#ffffff1a;color:#fff;cursor:pointer}dialog button:hover{background:#fff3}#pauseMenu{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;color:#fff;padding:3rem;border-radius:15px;z-index:2000;text-align:center;width:80%;max-width:600px;box-shadow:0 0 10px #00000080}#pauseMenu button{display:block;width:100%;padding:1rem;margin:1rem 0;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:background-color .3s,transform .2s}#resumeButton{background-color:#4caf50}#resumeButton:hover{background-color:#45a049;transform:scale(1.05)}#musicToggle{background-color:#2196f3}#musicToggle:hover{background-color:#1e88e5;transform:scale(1.05)}#submitScoreButton{background-color:#ff9800}#submitScoreButton:hover{background-color:#fb8c00;transform:scale(1.05)}#returnButton{background-color:#f44336}#returnButton:hover{background-color:#e53935;transform:scale(1.05)}#interactionMessage{display:none;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-align:center}#audioSettingsMenu{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:3rem;border-radius:15px;z-index:2000;text-align:center;width:80%;max-width:600px;box-shadow:0 0 10px #00000080}#audioSettingsMenu button,#audioSettingsMenu label,#audioSettingsMenu input{display:block;width:100%;margin:1rem 0;font-size:1.2rem}#audioSettingsMenu input[type=range]{width:80%;margin:0 auto;display:block}#audioSettingsMenu button{padding:1rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s,transform .2s}#audioSettingsMenu button:hover{transform:scale(1.05)}#backToPauseMenuButton{background-color:#f44336}#backToPauseMenuButton:hover{background-color:#e53935}#audioSettingsButton{background-color:#9e9e9e}#audioSettingsButton:hover{background-color:#757575;transform:scale(1.05)}