@import url(https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;height:100dvh;width:100vw}.App button:hover{box-shadow:-5px 5px 0 0 #000!important;cursor:pointer;filter:brightness(1.2);transform:translate(1px,-1px)}.App button:active{box-shadow:0 0 0 0 #000!important;filter:brightness(.95);transform:translate(-4px,4px)}.text-container{display:inline-block;position:relative;z-index:0}.text,.text-shadow{position:relative;z-index:2}.text-stroke{color:#0000;pointer-events:none;z-index:1;z-index:3}.leaderboard{background-color:#fff;border:5px solid #000;border-radius:20px;box-shadow:-4px 4px 0 0 #000;box-sizing:border-box;margin:10vh 20px;min-height:100%;min-height:100vh;min-width:600px;overflow-y:scroll;padding-bottom:100px;padding-top:20px;width:500px}.leaderboard,.leaderboard .leaderboard-container{align-items:center;display:flex;flex-direction:column}.leaderboard .leaderboard-container{gap:20px;width:100%}.leaderboard .leaderboard-container .user-list{width:70%}.leaderboard .leaderboard-container .user-list .user-score{color:#000;font-family:Inter;font-size:24px;font-style:italic;font-weight:900;line-height:30px}.leaderboard .leaderboard-container .user-list .user-score .wrapper{display:flex;flex-direction:row;justify-content:space-between}.leaderboard .leaderboard-container .user-list .user-score .wrapper .score,.leaderboard .leaderboard-container .user-list .user-score .wrapper .username{color:#000;font-family:Inter;font-size:24px;font-style:italic;font-weight:900;line-height:30px}.leaderboard::-webkit-scrollbar{display:none}.leaderboard{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:1300px){.leaderboard{max-width:700px;min-height:auto;width:80vw}}@media (max-width:700px){.leaderboard{box-sizing:border-box;margin:10px;min-width:400px}.leaderboard .leaderboard-container .user-list,.leaderboard .leaderboard-container .user-list .user-score .wrapper .username{font-size:22px!important;line-height:24px}.leaderboard .leaderboard-container .user-list .user-score .wrapper .score{font-size:22px;line-height:24px}}@media (max-width:570px){.leaderboard{box-sizing:border-box;margin:10px;min-width:350px}.leaderboard .leaderboard-container .user-list .user-score{font-size:18px;line-height:20px}.leaderboard .leaderboard-container .user-list .user-score .wrapper .username{font-size:18px!important;line-height:20px}.leaderboard .leaderboard-container .user-list .user-score .wrapper .score{font-size:18px;line-height:20px}}.homepage{align-items:center;background:linear-gradient(180deg,#febc11,#febc11 53.5%,#ffdf8c),#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;width:100vw}.homepage .wrapper{display:flex;flex-direction:row;max-width:1650px;overflow-y:hidden}.homepage .start{box-sizing:border-box;gap:20px;justify-content:center;margin-left:-20px;margin-right:50px;margin-top:50px;width:600px}.homepage .start,.homepage .start .title-text{align-items:center;display:flex;flex-direction:column}.homepage .start .title-text{width:200px}.homepage .start button{background:linear-gradient(180deg,#ff7474,#ff3a3a),linear-gradient(180deg,#ffb800,#ffdf8c);border:5px solid #000;border-radius:50px;box-shadow:-4px 4px 0 0 #000;margin-top:20px;padding:30px 60px}.homepage .start p{color:#000;font-family:Inter;font-size:25px;font-style:italic;font-weight:900;line-height:28px;max-width:500px;text-align:center}@media (max-width:1300px){.homepage{height:auto}.homepage .wrapper{flex-direction:column}.homepage .start{margin:0;min-height:70vh;width:100%}.homepage .start p{display:none}}.prog-rect{background:#555;background-color:#fff;border:5px solid;border-radius:5px 5px 5px 5px;filter:drop-shadow(-4px 4px 0 #000);height:50px;transform:skew(-20deg);width:150px}.prog-rect .text-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.prog-rect .text-wrapper h2{font-size:20px;line-height:20px}.prog-rect .text-wrapper h2,.prog-rect .text-wrapper h3{color:#fff;font-family:Inter;font-style:italic;font-weight:900;margin:0}.prog-rect .text-wrapper h3{font-size:16px;line-height:16px}@media (max-width:1060px){.prog-rect{width:100px}}@media (max-width:817px){.prog-rect{height:38px;width:calc(20vw - 14.2px)}.prog-rect .text-wrapper h2{font-size:3.2vw}.prog-rect .text-wrapper h3{font-size:2.2vw}}.index-1{background-image:linear-gradient(180deg,#ff7474,#ff3a3a)}.index-2{background-image:linear-gradient(180deg,#eee60b,#dda71e)}.index-3{background-image:linear-gradient(0deg,#0003,#0003),linear-gradient(180deg,#00ff75,#00b733)}.index-4{background-image:linear-gradient(180deg,#38dbff,#00a0c3)}.index-5{background-image:linear-gradient(180deg,#e18bff,#d459ff)}.start{border-radius:50px 5px 5px 100px!important}.end{border-radius:5px 100px 50px 5px!important}.gamepage-wrapper{background:linear-gradient(180deg,#00467d,#002846 25%,#001c31 54%,#002e51);height:100dvh;width:100vw}.gamepage-wrapper .logo{position:absolute}.gamepage-wrapper .logo img{width:300px}.gamepage-wrapper .logo .short-logo{display:none}.gamepage-wrapper .logo .logo-text{left:50px;position:absolute;top:15px;width:200px}.gamepage-wrapper .menu-button{position:absolute;right:0}.gamepage-wrapper .menu-button img{width:300px}.gamepage-wrapper .menu-button .icon{position:absolute;right:80px;top:17px}.gamepage-wrapper .game{background-color:#000;border:5px solid #000;border-radius:20px;box-shadow:-4px 4px 0 0 #000;box-sizing:border-box;display:flex;height:calc(100% - 200px);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 100px)}.gamepage-wrapper .game .timer{height:90px;position:relative;top:-91px}.gamepage-wrapper .game .timer .time{left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.gamepage-wrapper .game .timer .time h2{color:#fff;font-family:Inter;font-size:40px;font-style:italic;font-weight:900;line-height:40px;margin:0;text-align:center}.gamepage-wrapper .game .timer .score{left:50%;position:absolute;top:75%;transform:translate(-50%,-50%)}.gamepage-wrapper .game .timer .score h3{color:#fff;font-family:Inter;font-size:20px;font-style:italic;font-weight:900;line-height:20px;margin:0;text-align:center}.gamepage-wrapper .game .image-wrapper{border-radius:16px;height:100%;left:0;position:absolute;top:0;width:100%}.gamepage-wrapper .game .image-wrapper .image{background-color:#000;border-radius:16px;height:100%;overflow:hidden;width:100%}.gamepage-wrapper .game .image-wrapper .map{background-color:#fff;border:5px solid #000;border-radius:40px;bottom:20px;height:300px;right:20px;width:300px}.gamepage-wrapper .game .image-wrapper .map,.gamepage-wrapper .game .image-wrapper .map-large{align-items:center;box-shadow:-4px 4px 0 0 #000;display:flex;justify-content:center;overflow:hidden;position:absolute}.gamepage-wrapper .game .image-wrapper .map-large{border:5px solid #000;border-radius:80vw;height:80vw;left:50%;max-height:50vh;top:50%;transform:translate(-50%,-50%);width:80vw}.gamepage-wrapper .progress-bar{bottom:20px;display:flex;left:50px;position:absolute}.gamepage-wrapper .submit-wrapper button{align-items:center;background:linear-gradient(180deg,#ffb800,#ffdf8c);border:5px solid #000;border-radius:50px;bottom:20px;box-shadow:-4px 4px 0 0 #000;display:flex;height:60px;justify-content:center;position:absolute;right:50px;width:150px}@media (max-width:1060px){.gamepage-wrapper .logo img{width:225px}.gamepage-wrapper .logo .logo-text{top:10px;width:100px}.gamepage-wrapper .logo .logo-text .full-logo .stroke-text{font-size:20px!important;line-height:20px!important}.gamepage-wrapper .menu-button img{width:225px}.gamepage-wrapper .menu-button .icon{right:80px;top:12px}.gamepage-wrapper .menu-button .icon svg{height:35px!important}.gamepage-wrapper .game .timer{height:90px;top:-59px}.gamepage-wrapper .game .timer img{width:300px}.gamepage-wrapper .game .timer .time{top:23%}.gamepage-wrapper .game .timer .time h2{font-size:26px}.gamepage-wrapper .game .timer .score{top:45%}.gamepage-wrapper .game .timer .score h3{font-size:16px}}@media (max-width:817px){.gamepage-wrapper .logo .full-logo,.gamepage-wrapper .logo img{display:none}.gamepage-wrapper .logo .short-logo{display:block}.gamepage-wrapper .logo .logo-text{left:10px;top:20px;width:100px}.gamepage-wrapper .menu-button img{display:none}.gamepage-wrapper .menu-button .icon{right:20px;top:20px}.gamepage-wrapper .menu-button .icon svg{height:30px!important}.gamepage-wrapper .game{height:calc(100dvh - 180px);left:50%;top:60px;transform:translate(-50%);width:calc(100vw - 20px)}.gamepage-wrapper .game .timer{height:90px;top:-49px}.gamepage-wrapper .game .timer img{width:200px}.gamepage-wrapper .game .timer .time{top:20%}.gamepage-wrapper .game .timer .time h2{font-size:18px}.gamepage-wrapper .game .timer .score{top:35%}.gamepage-wrapper .game .timer .score h3{font-size:10px}.gamepage-wrapper .image-wrapper{border-radius:16px;height:100%;left:0;position:absolute;top:0;width:100%}.gamepage-wrapper .image-wrapper .image{background-color:#000;border-radius:16px;height:100%;overflow:hidden;width:100%}.gamepage-wrapper .image-wrapper .map{border-radius:10px!important;bottom:10px!important;height:40vw!important;right:10px!important;width:40vw!important}.gamepage-wrapper .image-wrapper .large{border:5px solid #000;border-radius:80vw;box-shadow:-4px 4px 0 0 #000;height:80vw;left:50%;max-height:600px;max-width:600px;overflow:hidden;position:absolute;top:calc(50% + 200px);transform:translate(-50%,-50%);width:80vw}.gamepage-wrapper .progress-bar{bottom:58px;left:10px}.gamepage-wrapper .submit-wrapper button{bottom:15px;height:35px;right:50%;transform:translate(50%);width:140px}.gamepage-wrapper .submit-wrapper button .stroke-text{font-size:20px!important}}.menu{background-color:#0009;height:100vh;position:absolute;width:100vw;z-index:1}.menu .menu-box{background:linear-gradient(180deg,#00467d,#002846 25%,#001c31 54%,#002e51),linear-gradient(180deg,#febc11,#febc11 53.5%,#ffdf8c),#fff;border:8px solid #000;border-radius:20px;flex-direction:column;gap:10px;left:50%;padding:30px 150px;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu .menu-box,.menu .menu-box .restart{align-items:center;box-shadow:-4px 4px 0 0 #000;display:flex}.menu .menu-box .restart{background:linear-gradient(180deg,#ffb800,#ffdf8c);border:5px solid #000;border-radius:50px;height:60px;justify-content:center;width:180px}.menu .menu-box .quit{border:5px solid #000;border-radius:50px;width:180px}.menu .menu-box .close,.menu .menu-box .quit{align-items:center;background:linear-gradient(180deg,#ff3a3a,#ff7474);box-shadow:-4px 4px 0 0 #000;display:flex;height:60px;justify-content:center}.menu .menu-box .close{border:5px solid #000;border-radius:20px;position:absolute;right:-10px;top:-80px;width:60px}@media (max-width:817px){.menu .menu-box{padding:30px 60px}}.game-over{background-color:#0009;height:100vh;position:absolute;width:100vw;z-index:1}.game-over .game-over-box{background:linear-gradient(180deg,#00467d,#002846 25%,#001c31 54%,#002e51),linear-gradient(180deg,#febc11,#febc11 53.5%,#ffdf8c),#fff;border:8px solid #000;border-radius:20px;box-shadow:-4px 4px 0 0 #000;gap:10px;left:50%;padding:30px;top:50%;transform:translate(-50%,-50%);width:500px}.game-over .game-over-box,.game-over .game-over-box .stats{align-items:center;display:flex;flex-direction:column;position:absolute}.game-over .game-over-box .stats{top:-5px}.game-over .game-over-box .stats h1{color:#fff;font-family:Inter;font-size:60px;font-style:italic;font-weight:900;line-height:60px;margin:10px;position:absolute}.game-over .game-over-box .stats .sub-stats{display:flex;flex-direction:row;gap:20px;position:absolute;top:50px}.game-over .game-over-box .stats .sub-stats h2{color:#fff;font-family:Inter;font-size:30px;font-style:italic;font-weight:900;line-height:normal}.game-over .game-over-box .actions{margin-top:130px}.game-over .game-over-box .actions label{color:#fff}.game-over .game-over-box .actions input,.game-over .game-over-box .actions label{font-family:Inter;font-size:20px;font-style:italic;font-weight:900;line-height:normal}.game-over .game-over-box .actions input{background:#fff;border:5px solid #000;border-radius:10px;box-shadow:-4px 4px 0 0 #000;box-sizing:border-box;height:60px;margin-top:5px;padding:10px;width:100%}.game-over .game-over-box .actions .wrapper{display:flex;justify-content:center;margin-bottom:30px;width:100%}.game-over .game-over-box .actions .wrapper .wrapper{height:0;margin-top:10px}.game-over .game-over-box .actions .wrapper .wrapper-2{display:flex;flex-direction:column;gap:10px}.game-over .game-over-box .actions .wrapper button{background:linear-gradient(180deg,#ffb800,#ffdf8c);border:5px solid #000;border-radius:50px;box-shadow:-4px 4px 0 0 #000;margin-top:7px;padding:5px 10px}.game-over .game-over-box .actions .another-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.game-over .game-over-box .actions .another-wrapper .share{background:linear-gradient(180deg,#ffb800,#ffdf8c);border:5px solid #000;border-radius:50px;box-shadow:-4px 4px 0 0 #000;padding:15px 70px}.game-over .game-over-box .actions .another-wrapper .home{background:linear-gradient(180deg,#ff3a3a,#ff7474);border:5px solid #000;border-radius:50px;box-shadow:-4px 4px 0 0 #000;padding:15px 70px}@media (max-width:817px){.game-over .game-over-box{padding:30px;width:280px}.game-over .game-over-box .stats{width:300px}.game-over .game-over-box .stats h1{font-size:30px;line-height:30px}.game-over .game-over-box .stats .sub-stats{top:28px}.game-over .game-over-box .stats .sub-stats h2{font-size:20px;line-height:20px}.game-over .game-over-box .stats img{width:300px}}
/*# sourceMappingURL=main.6e6baaa6.css.map*/