:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@font-face{font-family:MonoRegular;src:local("MonoRegular"),url(./Mono-Regular-cd5c21df.ttf) format("truetype")}body{margin:0;background-color:#666;overflow:hidden;display:flex;justify-content:center;align-items:center}p,li{font-family:MonoRegular;color:#fff;padding:0;font-size:15px;margin:0}h3,h4{margin:0}ul{list-style:none;padding:0;margin:90px 0 0;text-align:center}li{font-size:18px;margin-bottom:16px}a{text-decoration:none}a:hover{color:#f7b102;text-decoration:underline}.social-screen{width:100vw;height:100dvh;transform:translate(-100%);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;z-index:2}.game-screen{width:100vw;height:100dvh;position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:transparent}.bottom-right{position:absolute;bottom:10px;right:20px;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0 0 10px;color:#fff;font-size:18px}.bottom-left{position:absolute;bottom:10px;left:20px;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0 0 10px;color:#fff;font-size:18px}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.show-menu{transform:translate(0);animation:slideInFromLeft .3s linear}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.hide-menu{transform:translate(-100%);animation:slideOutLeft .3s linear}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-out-right{transform:translate(100%);animation:slideOutRight .3s linear}@keyframes slideInLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-left{transform:translate(0);animation:slideInLeft .3s linear}.centered-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button{font-family:MonoRegular}.start-button{font-family:MonoRegular;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;padding:0;font-size:15px;z-index:999}.start-button:focus{outline:none}a{color:#f7b102;text-decoration:none;text-decoration:underline;font-family:MonoRegular;font-size:20px;font-weight:400}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes remove{0%{visibility:visible}to{visibility:hidden}}.hide{opacity:0;visibility:hidden;animation:fadeOut .5s linear,remove .5s linear}.hidden{opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.show{opacity:1;animation:fadeIn .5s linear}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hide-button{transform:translate(100%);opacity:0}.show-button{animation:slideIn .3s linear;transform:translate(0);cursor:pointer;opacity:1}.instructions{max-width:70%;text-align:center}.tracks{font-size:16}.track-container{border:solid;border-width:2px;border-bottom-color:#424242;border-right-color:#424242;border-left-color:#fcfbfa;border-top-color:#fcfbfa;background:#c6c6c6;padding:4px;color:#212529;border-radius:0;width:40%;height:300px;z-index:999;display:flex;cursor:grab;position:absolute;top:50%;left:50%;overflow-y:scroll}@media (max-width: 600px){.track-container{width:70%}}.track-container-close{font-family:MonoRegular;color:#000;padding:0;font-size:15px;cursor:pointer;background-color:transparent;text-align:center;align-self:flex-end;width:20px;border-top:1px solid #f5f5f4;border-left:1px solid #f5f5f4;border-bottom:1px solid #70706d;border-right:1px solid #70706d;margin:0 0 0 4px;float:right}.tracks-section{border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;background-color:#d3d3d3;min-height:100%;max-height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:4px;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none}.tracks-section::-webkit-scrollbar{display:none}.track-button{outline:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;background-color:transparent;padding:0;width:100%;margin:8px 0;color:#000}.track-button:hover{outline:2px dotted black;outline-offset:4px}.track-button-image{background-size:contain;background-repeat:no-repeat;background-color:transparent;width:30px;height:30px}.folder-button{width:90px;height:60px;background-size:cover;background-repeat:no-repeat;background-color:transparent;outline:none;border:none;cursor:pointer}.game-over-screen{width:100vw;height:100vh;position:absolute;background-color:#222;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:999999}.play-again-button{outline:none;border:none;cursor:pointer;background-color:transparent;color:#fff;margin-top:24px}