html,body{overscroll-behavior:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#000;width:100%;height:100%;overflow:hidden}canvas{display:block}body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:#0000;height:100dvh;margin:0;position:relative}#left-button{bottom:max(2%, env(safe-area-inset-bottom,0px));left:max(10%, env(safe-area-inset-left,0px));color:#ff0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:#0000;background:#111;border-color:#ff0;border-radius:50%;width:18%;height:9%;display:none;position:absolute}#right-button{bottom:max(2%, env(safe-area-inset-bottom,0px));right:max(10%, env(safe-area-inset-right,0px));color:#ff0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:#0000;background:#111;border-color:#ff0;border-radius:50%;width:18%;height:9%;display:none;position:absolute}#mobilePause-button{bottom:max(2%, env(safe-area-inset-bottom,0px));color:#ff0;background:#111;border-color:#ff0;border-radius:50%;width:14%;height:7%;display:none;position:absolute;left:41%;right:50%}#UI{color:#ff0;left:env(safe-area-inset-left,0px);top:env(safe-area-inset-top,0px);border:1px solid #ff0;padding:.5rem;font-family:monospace;position:absolute}.divider{background-color:#ff0;width:100%;height:2px;margin:.5rem 0}#UI,#title{font-weight:700}input[type=range]{-webkit-appearance:none;width:100%;height:12px;margin:10px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#333;width:100%;height:12px;overflow:hidden}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#333;height:12px;margin-top:-1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;background:0 0;width:0;height:12px;box-shadow:-100px 0 0 100px #4194e2}input[type=range]::-moz-range-track{background:#333;width:100%;height:12px}input[type=range]::-moz-range-thumb{opacity:0}input[type=range]::-moz-range-progress{background:#4194e2;height:12px}#name{color:#ff0;background-color:#000;margin-bottom:2rem}#name::placeholder{color:#ff0;opacity:.2}#name-title{margin-top:1rem}#intro-screen,#game-over-screen,#instructions,#leaderboard-screen{color:#ff0;z-index:10;background-color:#000;place-items:center;font-family:monospace;display:grid;position:absolute;inset:0}#pause-screen{background-color:none;color:#ff0;z-index:10;place-items:center;font-family:monospace;display:grid;position:absolute;inset:0}#game-over-screen,#pause-screen,#instructions,#leaderboard-screen{display:none}#intro-column,#game-over-column,#pause-column,#instruct-column,#loading-title,#highscore-column{text-align:center}#intro-title,#game-over-title,#pause-title,#instructions-title,#loading-title{margin-bottom:3rem;font-size:2rem}#highscore-title{margin-bottom:1rem;font-size:1.5rem}#highscore{margin-bottom:1rem}#leaderboard-button,#leaderboard-back-button,#start-button,#replay-game-button,#end-pause-button,#instruct-button,#back-to-start-button,#new-player-button,.mute-background-music,.play-background-music{color:#ff0;cursor:pointer;background-color:#000;border:1px solid #ff0;border-radius:100%;padding:.5rem;font-family:monospace}#replay-game-button,#back-to-start-button{padding-top:.3rem}#leaderboard-button:hover,#leaderboard-back-button:hover,#start-button:hover,#replay-game-button:hover,#end-pause-button:hover,#instruct-button:hover,#back-to-start-button:hover,#new-player-button:hover,.mute-background-music:hover,.play-background-music:hover{background-color:#302b5e}#leaderboard-button:active,#leaderboard-back-button:active,#start-button:active,#replay-game-button:active,#end-pause-button:active,#instruct-button:active,#back-to-start-button:active,#new-player-button:active,.mute-background-music:active,.play-background-music:active{background-color:#0f0a49}#distance-row,#score-row,#game-over-score-row,#game-over-distance-row,#pause-score-row,#pause-distance-row{display:flex}#score,#distance,#game-over-score,#game-over-distance,#pause-score,#pause-distance,#how-to-row{margin-bottom:.5rem;margin-left:.5rem}#loading-title{margin-bottom:0;position:relative;top:200px}#loading-screen{z-index:11;opacity:1;visibility:visible;background-color:#000;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}#loading-screen.fade-out{visibility:hidden;opacity:0;transition:visibility 5s, opacity .1s liner}#loader-hidden{display:none}#loader{border:3px solid #0000;border-top-color:#ff0;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:2s linear infinite spin;display:block;position:relative;top:50%;left:50%}#loader:before{content:"";border:3px solid #0000;border-top-color:orange;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:5px}#loader:after{content:"";border:3px solid #0000;border-top-color:#ff0;border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.score-popup{color:#ff0;font-size:30px;animation:1s ease-in-out score-popup;position:absolute;left:50%;transform:translate(-50%,-50%)}.health-popup,.health-bonus-popup{color:red;font-size:30px;animation:1s ease-in-out score-popup;position:absolute;left:50%;transform:translate(-50%,-50%)}@keyframes score-popup{0%{opacity:1;top:33%}to{opacity:0;top:25%}}table,th,td{border-collapse:collapse;text-align:center;border:1px solid #ff0;padding:.5em}thead tr{color:#fff;text-align:center;background:#111;font-weight:700}@media only screen and (width<=1024px){#left-button,#right-button,#mobilePause-button{display:block}}#leaderboard-column{box-sizing:border-box;text-align:center;width:min(100%,48rem);max-height:100%;padding:1rem;overflow-y:auto}.leaderboard-table-container{max-width:100%;margin-bottom:1rem;overflow-x:auto}.leaderboard-table-container table{overflow-wrap:anywhere;width:100%}#intro-screen,#game-over-screen,#instructions,#leaderboard-screen,#pause-screen{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
