:root{font-size:20px;--notches-color: rgba(0%, 0%, 0%, .4);color:#000}*{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,p{margin:0;padding:0}body{height:100vh;height:100dvh;width:100vw;width:100dvw;margin:0;padding:0;background-color:#fff;font-family:Roboto Flex,sans-serif;position:relative;overscroll-behavior:contain;touch-action:none;overflow:hidden}#spinner-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#99e7ff;z-index:10000;display:grid;align-items:center;justify-items:center;place-items:center}#spinner-wrapper #spinner{width:48px;height:48px;border:5px solid white;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}#spinner-wrapper.hidden{display:none}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#level-select{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#99e7ff;z-index:100;display:grid;grid-template-columns:1fr;grid-template-rows:.25fr 1fr;justify-items:center;align-items:center;display:none}#level-select #title{color:#fff;font-size:3rem;font-weight:700;text-align:center}@media (min-width: 1000px){#level-select #title{font-size:6rem}}#level-select #level-select-buttons{display:flex;flex-direction:column;gap:1rem}#level-select #level-select-buttons button{display:grid;align-items:center;justify-items:center;place-items:center;grid-gap:.1rem;gap:.1rem;min-width:300px;background-color:#fff;color:#000;font-size:1.5rem;padding:.75rem;border:none;border-radius:1000px}#level-select #level-select-buttons button .best-time-container{margin-top:.25rem}#level-select #level-select-buttons button .best-time-container,#level-select #level-select-buttons button .best-points-container{font-size:1rem;display:flex;gap:.5rem;justify-content:center;align-items:center}#level-select #level-select-buttons button .best-time-container .best-time-combo,#level-select #level-select-buttons button .best-points-container .best-time-combo,#level-select #level-select-buttons button .best-time-container .best-points-combo,#level-select #level-select-buttons button .best-points-container .best-points-combo{display:inline-flex;flex-direction:column}#level-select #level-select-buttons button .best-time-container .best-time-combo .best-time-stars,#level-select #level-select-buttons button .best-points-container .best-time-combo .best-time-stars,#level-select #level-select-buttons button .best-time-container .best-points-combo .best-time-stars,#level-select #level-select-buttons button .best-points-container .best-points-combo .best-time-stars,#level-select #level-select-buttons button .best-time-container .best-time-combo .best-points-stars,#level-select #level-select-buttons button .best-points-container .best-time-combo .best-points-stars,#level-select #level-select-buttons button .best-time-container .best-points-combo .best-points-stars,#level-select #level-select-buttons button .best-points-container .best-points-combo .best-points-stars{font-size:.75rem}#level-select #level-select-buttons button:hover{transform:scale(1.05)}@media (orientation: landscape){#level-select #level-select-buttons{flex-direction:row}#level-select #level-select-buttons button{min-width:250px}@media (min-width: 1000px){#level-select #level-select-buttons button{min-width:300px}}}#level-select #copyright{position:absolute;left:0;bottom:0;color:#fff;font-size:.75rem;padding:.25rem}#level-select #copyright #snail{font-size:.5rem}#level-select #version{position:absolute;right:0;bottom:0;color:#fff;font-size:.75rem;padding:.25rem}@media (orientation: portrait){@media (max-height: 700px){#level-select{grid-template-rows:.15fr 1fr}#level-select #title{font-size:2rem}#level-select #level-select-buttons{align-items:center}#level-select #level-select-buttons button{padding:5px 15%;font-size:1rem;min-width:auto;border-radius:2.5rem}#level-select #level-select-buttons button .best-time-container,#level-select #level-select-buttons button .best-points-container{font-size:.75rem}}}@media (orientation: landscape){@media (max-width: 850px){#level-select{grid-template-rows:.15fr 1fr}#level-select #title{font-size:2rem}#level-select #level-select-buttons{align-items:center}#level-select #level-select-buttons button{padding:10px;font-size:1rem;min-width:auto;border-radius:.5rem}#level-select #level-select-buttons button .best-time-container,#level-select #level-select-buttons button .best-points-container{font-size:.75rem}}}#result-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#99e7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:100;display:none}#result-screen>div{font-size:1.5rem}#result-screen #result-time-and-points{display:flex;flex-direction:column;gap:10px}@media (orientation: landscape){#result-screen #result-time-and-points{display:flex;flex-direction:row;gap:2rem}}#result-screen #result-time,#result-screen #result-points{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;place-items:center;grid-gap:.37rem;gap:.37rem;background-color:#fff;padding:2rem}#result-screen #result-time #time-new-record,#result-screen #result-points #time-new-record,#result-screen #result-time #points-new-record,#result-screen #result-points #points-new-record{color:red;font-size:1.25rem;display:none}#result-screen #result-time #time-new-record.visible,#result-screen #result-points #time-new-record.visible,#result-screen #result-time #points-new-record.visible,#result-screen #result-points #points-new-record.visible{display:block}@media (orientation: portrait){#result-screen #result-time,#result-screen #result-points{grid-template-rows:auto}}#result-screen #finish{background-color:#fff;font-size:1.75rem;padding:2.5rem}#result-screen button{font-size:1.5rem;padding:1.5rem;color:#000;background-color:#fff;border:none;border-radius:1000px}#result-screen button:hover{transform:scale(1.05)}@media (orientation: portrait){@media (max-height: 850px){#result-screen>div{padding:15px;font-size:1rem}#result-screen #finish{padding:15px 30px}#result-screen button{margin-top:0}#result-screen #result-time,#result-screen #result-points{padding:10px}#result-screen #result-time #time-new-record,#result-screen #result-points #time-new-record,#result-screen #result-time #points-new-record,#result-screen #result-points #points-new-record{font-size:.75rem}}}@media (orientation: landscape){@media (max-width: 900px){#result-screen>div{padding:5px 10px!important;font-size:1rem}#result-screen #finish{padding:5px 30px!important}#result-screen button{margin-top:0}#result-screen #result-time,#result-screen #result-points{padding:10px}#result-screen #result-time #time-new-record,#result-screen #result-points #time-new-record,#result-screen #result-time #points-new-record,#result-screen #result-points #points-new-record{font-size:.75rem}#result-screen button{padding:1rem}}}@media (orientation: landscape){@media (max-height: 400px){#result-screen{gap:.5rem}#result-screen>div{padding:.75rem}#result-screen #finish{padding:1rem}#result-screen button{margin-top:0}}}@media (min-height: 800px){#result-screen{gap:3rem}}#debug-info{position:absolute;right:0;top:0}#desktop-speed-wrapper{position:absolute;top:15px;right:15px;color:#666;width:200px;height:50px;border-radius:25px;border:2px solid rgba(0%,0%,0%,.3);overflow:hidden}#desktop-speed-wrapper #desktop-speed-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#desktop-speed-wrapper #desktop-speed{height:100%;width:100%;background-color:#00000040}@media (hover: none){#desktop-speed-wrapper{display:none}}#hud-points-container{position:absolute;left:2.5vmin;top:1.75vmin;font-size:7.5vmin}#hud-points-container #hud-points-total{font-size:6vmin}#touch-controls{position:absolute;left:0;bottom:0;width:100%;height:28%;min-height:175px;display:none;grid-template-columns:1fr 1fr 0fr 1.5fr;grid-template-rows:1.7fr 1fr;z-index:10}#touch-controls #speed-container{grid-column-start:1;grid-column-end:5;box-sizing:border-box;border:1px solid rgba(0%,0%,0%,.3);border-bottom:2px solid rgba(0%,0%,0%,.3);height:100%;color:#000;position:relative}#touch-controls #speed-container #speed-label{position:absolute;left:0;right:0;width:100%;height:100%;font-size:1.25rem;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}#touch-controls #speed-container #speed-wrapper{width:75%;height:100%;border-left:2px solid rgba(0%,0%,0%,.3);border-right:2px solid rgba(0%,0%,0%,.3);margin:auto}#touch-controls #speed-container #speed-wrapper #speedometer{height:100%;width:0%;background-color:#00000040}#touch-controls button{background-color:transparent;font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(0%,0%,0%,.3);color:#000}#touch-controls #left,#touch-controls #right,#touch-controls #jump{border-top:1.25px solid rgba(0%,0%,0%,.3)}#touch-controls button.active{background-color:#00000040}@media (hover: none){#touch-controls{display:grid}}@media (orientation: landscape){#touch-controls{height:58%;grid-template-columns:1fr 1fr 3.5fr 1.5fr;grid-template-rows:1.9fr 1fr}}