.character{width:30rem;height:30rem;background-size:215%;background-repeat:no-repeat;background-position:50%}.character-0{background-image:url(/_next/static/media/char0.002dadb9.gif)}.character-1{background-image:url(/_next/static/media/char1.7e63458d.gif)}.character-2{background-image:url(/_next/static/media/char2.e857bdc6.gif)}.btn{--c:#fff;background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%) /300% no-repeat,#004dff;color:#0000;border:none;transform:perspective(500px) rotateY(calc(10deg * var(--_i, -1)));text-shadow:calc(var(--_i, -1) * .08em) -.01em 0 var(--c),calc(var(--_i, -1) * -.08em) .01em 2px #0004;outline-offset:.1em;transition:.3s}.btn.disabled{opacity:.5;pointer-events:none}.btn:focus-visible,.btn:hover{--_p:100%;--_i:1}.btn:active{text-shadow:none;color:var(--c);box-shadow:inset 0 0 9000000000Q #0005;transition:0s}.btn{font-family:system-ui,sans-serif;font-weight:700;font-size:4rem;margin:0;cursor:pointer;padding:.1em .5em}.btn-red{background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%) /300% no-repeat,#e50017}.btn-green{background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%) /300% no-repeat,#00ab75}.btn-transparent{background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%) /300% no-repeat,transparent}.btn-transparent:active{box-shadow:none}.with-text{color:var(--c);font-size:2.5em;text-shadow:calc(var(--_i, -1) * -.08em) .01em 2px #0004;transform:none;pointer-events:none}.with-text span{font-size:.75em}.swiper-pagination-bullet{width:10px!important;height:10px!important;font-size:10px!important}.swiper-pagination-bullet-active{background:#fff!important}.form__group{position:relative;padding:15px 0 0;margin-top:10px}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #fff;outline:0;font-size:1.3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px;font-weight:lighter}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;font-weight:lighter;color:#fff;z-index:-1}.form__field:focus{padding-bottom:6px;font-weight:400;border-width:3px;border-image:linear-gradient(90deg,#fff,#fff);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#fff;font-weight:lighter}.form__field:invalid,.form__field:required{box-shadow:none}*{font-family:system-ui,sans-serif;margin:0;padding:0}body,html{height:100vh}body{overflow:hidden;background-image:radial-gradient(circle farthest-corner at 10% 20%,rgba(37,145,251,.98) .1%,#000780 99.8%);background-position:50%;background-repeat:no-repeat;background-size:contain}h1{text-shadow:calc(var(--_i, -1) * -.08em) .01em 2px #0004}.main{height:100vh}.nav{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:999}.container{flex-direction:column}.auth,.container{display:flex;justify-content:center;align-items:center}.auth form{display:flex;flex-direction:column}.auth .btn{margin-top:1em;font-size:2.5em}.auth .error{font-weight:700}.auth .error,.auth .link{margin-top:1em;text-align:center;color:#fff}.auth .link{text-decoration:none;font-weight:lighter;letter-spacing:.25ch;transition:transform .2s}.auth .link:hover{transform:scale(1.1)}.home{display:flex;flex-direction:column;justify-content:center;align-items:center}.home section{margin-bottom:5rem}.home .buttons{display:flex;align-items:center;justify-content:center}.home .buttons .btn:first-child,.home .buttons .btn:last-child{margin-right:1rem}.shop{display:flex;justify-content:center;align-items:center}.shop .mySwiper{margin-bottom:5rem}.shop .character{opacity:.5}.shop .character:hover{cursor:pointer}.shop .active{opacity:1}.shop .active:hover{cursor:default}.game.select{display:flex}.game.select .half{flex:1 1;display:flex;justify-content:center;align-items:center}.game.select .half:hover{cursor:pointer;background-color:rgba(0,0,0,.1)}.game.list{display:flex;justify-content:center;align-items:center}.game.list .wrapper{width:100%;height:75vh;overflow-y:scroll}.game.list .wrapper::-webkit-scrollbar{width:0;background-color:transparent}.game.list .wrapper .item{text-align:center;color:#fff;padding:1rem 0}.game.list .wrapper .item:hover{cursor:pointer;background-color:rgba(0,0,0,.1)}.game.list .swiper-select{width:300px;height:300px}.play{display:flex;justify-content:center;align-items:center}.play .end{text-align:center;color:#fff}.play .end h1{font-size:3rem}.play .end .tracks{font-size:1.2rem;margin:1rem 0 2rem;padding:1rem;background-color:rgba(0,0,0,.1);color:#bbb7b7}.play .end .tracks .correct{color:#adff2f}.play .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.play .wrapper audio{display:none}.play .wrapper input{font-size:3rem;text-align:center}.play .wrapper .buttons{margin-top:2rem;display:flex;justify-content:space-between;width:100%}.play .wrapper .buttons .btn:nth-child(2){margin:0 1rem}.game-bar{position:absolute;display:flex;justify-content:space-between;bottom:0;background-color:#bbb7b7;height:10px;width:100%}.game-bar .percentage.correct{height:10px;background-color:#adff2f}.game-bar .percentage.incorrect{height:10px;background-color:red}.admin{display:flex;justify-content:center;align-items:center}.admin .container{width:90vw;height:60vh;display:flex;flex-direction:row;align-items:flex-start;padding:1rem;background-color:rgba(0,0,0,.1);color:#fff}.col{flex:1 1}.col.right{height:100%;overflow-y:scroll}@media only screen and (max-width:600px){.nav{margin-top:30px}.character{width:25rem;height:25rem}.btn{font-size:3rem}.home section{margin-bottom:0}.home .buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}.home .buttons .btn{width:-moz-fit-content;width:fit-content}.home .buttons .btn:first-child{margin-right:0}.home .buttons .btn:last-child{margin-top:.5rem;margin-right:0}.game.select{display:flex;flex-direction:column}.play .wrapper input{font-size:2rem;text-align:center}.play .wrapper .btn{font-size:2.5rem}.game.list .wrapper .item .btn{font-size:2rem}}