@font-face{font-family:Kanit;font-weight:400;src:url(/fonts/Kanit-Regular.ttf)}@font-face{font-family:Kanit;font-weight:500;src:url(/fonts/Kanit-Medium.ttf)}@font-face{font-family:Kanit;font-weight:600;src:url(/fonts/Kanit-Medium.ttf)}@font-face{font-family:"Bree serif";src:url(/fonts/Bree-Serif-Regular.ttf)}*{margin:0;padding:0;box-sizing:border-box;--primary: #70A480;--dark: #0A0A0A;--slash: #45CBDE}html{overflow-y:auto!important}body{margin:0;min-height:100vh;background-color:var(--dark);color:#fff;font-family:Kanit;font-weight:500;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.background-text{position:absolute;top:0;left:0;width:100vw;height:100vh;margin:0;z-index:-1;object-fit:cover;opacity:.65;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.v-slide-group__next,.v-slide-group__prev{display:none!important}.v-toolbar__content{justify-content:space-between}.v-card,.v-tab,.v-field__overlay,.v-select__content{border-radius:0!important}.v-input__details{display:none}.v-selection-control__input{font-size:1.25em}.v-label{opacity:1}.added-score{position:absolute;right:-5px;top:50%;transform:translate(150%,-50%);font-weight:700;color:var(--primary);animation:added-score-fadeout 1.2s ease forwards}@keyframes added-score-fadeout{0%,10%{transform:translate(150%,-50%);opacity:1;color:var(--primary)}to{transform:translate(150%,-130%);opacity:0;color:#fff}}.page.overlay{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--dark);transform:translateY(-100%);animation:overlay-down .3s ease forwards}.page.hide.overlay{transform:translateY(0);animation:overlay-up .3s ease forwards}.page.hide:not(.overlay){display:none}@keyframes overlay-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes overlay-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.page .navbar{padding:20px 30px}.page .navbar .nav-logo{display:block;height:180px;-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.page .navbar{padding:20px;display:flex;justify-content:center;align-items:center}.page .navbar .nav-logo{height:130px}}.page h1{font-family:"Bree serif";font-size:64px;letter-spacing:10px;font-weight:400;-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}@media (max-width: 570px){.page h1{font-size:42px;letter-spacing:5px}}.page .motto{font-size:24px;color:var(--primary);-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.page .container{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;margin-top:-40px;text-align:center}@media (max-width: 768px){.page .container{margin-top:0}}.page .btn-container{margin-top:80px}.page .how-play{margin-top:100px}.page .how-play h2{font-size:24px}.page .how-play .list{display:flex;justify-content:center;gap:40px;margin-top:20px;flex-wrap:wrap;padding:0 15px}.page .how-play .list .item{max-width:150px}.page .how-play .list .item .ico{background-color:#000;width:150px;height:150px;padding:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:16px;-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.page .leaderboard-container{position:absolute;right:30px;top:50%;transform:translateY(-50%)}@media (max-width: 1200px){.page .leaderboard-container{position:unset;transform:none;display:flex;padding:40px 0 20px;gap:10px;align-items:center;flex-direction:column}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.btn-slash{position:relative;padding:24px 60px;background-color:transparent;border:0;outline:none;color:#000;font-weight:500;font-family:Kanit;font-size:20px;cursor:pointer;z-index:2;transition:color .3s ease .25s,transform .12s ease;box-shadow:inset 0 0 0 4px #fff;min-width:280px}.btn-slash.click{transform:scale(.95)}.btn-slash .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2}.btn-slash .bg:before,.btn-slash .bg:after{content:"";position:absolute;display:block;left:0;width:100%;background-color:#fff;transition:all .3s ease;transition-delay:.2s}.btn-slash .bg:before{top:0;bottom:50%}.btn-slash .bg:after{top:50%;bottom:0}.btn-slash.alt{color:#aaa;box-shadow:inset 0 0 0 3px #aaa;transition:background-color .15s ease-out}.btn-slash.alt .bg:before,.btn-slash.alt .bg:after{display:none}.btn-slash.alt:hover{background-color:#ffffff1a}.btn-slash:hover{color:#fff}.btn-slash:hover .bg:before{bottom:100%}.btn-slash:hover .bg:after{top:100%}.btn-slash .slash{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:2px;height:2px;background-color:#e0e0e0;border-radius:50px;box-shadow:0 0 3px #000;opacity:0}.btn-slash .slash.anim{opacity:1;animation:btn-slash .4s ease forwards}@media (max-width: 768px){.btn-slash{padding:16px 24px}}@keyframes btn-slash{0%{width:2px}50%{width:calc(100% + 60px);left:-30px}to{width:0px;left:calc(100% + 30px)}}