@import url("../main.css?ver3.1");@import url("../main/index.css?ver3.1");@media (max-width:800px){.banner-onboarding{max-width:39rem}.message-button{grid-column:3/11}}@media (max-width:675px){.banner-onboarding{max-width:34rem}.top-onboarding{grid-column:1/13}}@media (max-width:570px){.banner-onboarding{max-width:28rem}.message-button{grid-column:2/12}.message{&>section{grid-template-rows:3rem 13rem 1rem 5rem 1rem 2rem 1rem}}.top-onboarding{&>h2{font-size:3rem}}}@media (max-width:520px){.banner-onboarding{left:53%;max-width:25rem}.message{&>section{grid-template-rows:2rem 13rem 0 5rem 1rem 2rem 1rem}}.message-button{font-size:1.6rem}.top-onboarding{&>h2{font-size:2.5rem}}}@media (max-width:420px){.message-button{grid-column:1/13}.message{padding:10px;&>section{grid-template-rows:2rem 13rem 0 4rem 1rem 2rem 1rem}}.top-onboarding{&>h2{font-size:2.2rem}}.back-to-web{font-size:1.2rem;width:100%}.tutorial-container{&>.go-to-tutorial{font-size:1.3rem}}.top-onboarding{&>.ranking-onboarding{width:100%}}}@media (max-width:420px){.banner-onboarding{max-width:24rem;top:-57px}}@media (max-width:360px){.message{&>section{grid-template-rows:3rem 13rem 0 4rem 1rem 2rem 1rem}}.banner-onboarding{top:-43px}}@media (max-width:350px){.banner-onboarding{max-width:21rem;top:-26px}.message-button{font-size:1.4rem}.top-onboarding{&>.ranking-onboarding{grid-template-columns:10% 30% 60%}}}@media (max-width:330px){.banner-onboarding{max-width:19rem;top:-15px}.back-to-web{font-size:1rem}}@media (max-width:290px){.banner-onboarding{max-width:17rem;top:-11px}.message{&>section{grid-template-rows:3rem 13rem 0 3rem 1rem 2rem 1rem}}.tutorial-container{&>.go-to-tutorial{font-size:1.2rem}}}@media (max-width:1530px){.board-container{transform:scale(1.6);-moz-transform:scale(1.6);-webkit-transform:scale(1.6)}.main-game{grid-template-rows:6rem 40rem;top:45%}.top-score{bottom:-11%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform-origin:center center}.marker{transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8);& .score-board-title-container{&>.score-board{top:-.22rem}}& .movements-title-container{&>.movements{top:-.22rem}}}}@media (max-width:785px){.sounds-state{left:15px;top:8px;&>svg{height:50px;width:50px}}.music-state{left:13px;top:65px;&>svg{height:50px;width:50px}}.end-button{right:5px;top:0;&>svg{height:50px;width:50px}}.marker{transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7)}}@media (max-width:595px){footer{bottom:.4rem;left:50%;position:absolute;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform-origin:center center}}@media (max-width:570px){.board-container{transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4)}.main-game{bottom:-32%;grid-template-rows:6rem 35rem;top:auto}.top-score{top:5%}.sounds-state{left:42%;top:94px;transform:translate(-42%,-42%);-moz-transform:translate(-42%,-42%);-webkit-transform:translate(-42%,-42%);transform-origin:center center}.music-state{left:56%;top:96px;transform:translate(-56%,-56%);-moz-transform:translate(-56%,-56%);-webkit-transform:translate(-56%,-56%);transform-origin:center center}footer{text-align:center;width:100%}}@media (max-width:570px){.top-onboarding{&>.ranking-onboarding{width:96%}}}@media (max-width:520px){.top-onboarding{&>.ranking-onboarding{grid-template-columns:20% 20% 70%;width:100%}}}@media (max-width:490px){.top-score{height:4rem;left:8%;top:3%;transform:translate(-23%,-23%) scale(.8);-moz-transform:translate(-23%,-23%) scale(.8);-webkit-transform:translate(-23%,-23%) scale(.8);transform-origin:center center;width:28rem;&>.top-container{height:4rem;width:28rem}}.music-state{left:23%;top:100px}.sounds-state{left:9%}.main-game{bottom:-26%;grid-template-rows:5rem 30rem;top:auto}.marker{transform:scale(.55);-moz-transform:scale(.55);-webkit-transform:scale(.55);& .score-board-title-container{&>.score-board{top:-.8rem}}& .movements-title-container{&>.movements{top:-.8rem}}}.board-container{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2)}}@media (max-width:420px){.board-container{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}.main-game{bottom:-23%;grid-template-rows:5rem 28rem}#canvas-noise{opacity:.2}}@media (max-width:400px){.board-container{transform:scale(1.09);-moz-transform:scale(1.09);-webkit-transform:scale(1.09)}.main-game{bottom:-19%;grid-template-rows:4rem 27rem}.music-state{left:28%}.marker{transform:scale(.5);-moz-transform:scale(.5);-webkit-transform:scale(.5);& .score-board-title-container{&>.score-board{top:-1.2rem}}& .movements-title-container{&>.movements{top:-1.2rem}}}}@media (max-width:380px){.top-score{left:4%;top:1.5%;transform:translate(-23%,-23%) scale(.7);-moz-transform:translate(-23%,-23%) scale(.7);-webkit-transform:translate(-23%,-23%) scale(.7)}.board-container{transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04)}.sounds-state{left:9%;top:73px;&>svg{height:40px;width:40px}}.music-state{top:78px;&>svg{height:40px;width:40px}}.end-button{right:6px;top:4px;&>svg{height:40px;width:40px}}.marker{transform:scale(.5);-moz-transform:scale(.5);-webkit-transform:scale(.5);& .score-board-title-container{&>.score-board{top:-1.6rem}}& .movements-title-container{&>.movements{top:-1.6rem}}}.main-game{bottom:-21%;grid-template-rows:3.2rem 26rem}}@media (max-width:365px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{bottom:-18%;grid-template-rows:3.9rem 25rem}.marker{& .score-board-title-container{&>.score-board{top:-1.2rem}}& .movements-title-container{&>.movements{top:-1.2rem}}}footer{font-size:.7rem}tool-tip.points{font-size:1.1rem;left:8.4rem;top:4rem}tool-tip.moves{font-size:1.1rem;left:7.2rem;top:4rem}}@media (max-width:350px){.top-onboarding{&>.ranking-onboarding{grid-template-columns:10% 25% 65%}}}@media (max-width:340px){.board-container{transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95)}.top-score{left:-1%;top:1.5%;transform:translate(-23%,-23%) scale(.6);-moz-transform:translate(-23%,-23%) scale(.6);-webkit-transform:translate(-23%,-23%) scale(.6)}}@media (max-width:330px){.board-container{transform:scale(.85);-moz-transform:scale(.85);-webkit-transform:scale(.85)}.marker{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45)}.main-game{grid-template-rows:3.9rem 22rem}}@media (max-width:295px){.top-onboarding{&>.ranking-onboarding{grid-template-columns:9% 23% 67%}}}@media (max-width:290px){.board-container{transform:scale(.77);-moz-transform:scale(.77);-webkit-transform:scale(.77)}.main-game{bottom:-15%;grid-template-rows:3.2rem 18rem}.marker{transform:scale(.38);-moz-transform:scale(.38);-webkit-transform:scale(.38);& .score-board-title-container{&>.score-board{top:-1.6rem}}& .movements-title-container{&>.movements{top:-1.6rem}}}footer{font-size:.7rem}}@media (max-width:265px){.board-container{transform:scale(.72);-moz-transform:scale(.72);-webkit-transform:scale(.72)}}@media (max-height:870px) and (min-width:1531px){.board-container{transform:scale(1.8);-moz-transform:scale(1.8);-webkit-transform:scale(1.8)}.main-game{grid-template-rows:7.4rem 45rem}}@media (max-height:830px) and (min-width:1531px){.board-container{transform:scale(1.6);-moz-transform:scale(1.6);-webkit-transform:scale(1.6)}.main-game{grid-template-rows:6rem 40rem}.marker{transform:scale(.75);-moz-transform:scale(.75);-webkit-transform:scale(.75);& .score-board-title-container{&>.score-board{top:-.3rem}}& .movements-title-container{&>.movements{top:-.3rem}}}}@media (max-height:730px) and (min-width:1531px){.board-container{transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5)}.main-game{grid-template-rows:6rem 38rem}}@media (max-height:700px) and (min-width:1531px){.board-container{transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3)}.main-game{grid-template-rows:4rem 33rem}.marker{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6);& .score-board-title-container{&>.score-board{top:-1.25rem}}& .movements-title-container{&>.movements{top:-1.25rem}}}}@media (max-height:580px) and (min-width:1531px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{grid-template-rows:4rem 26rem}}@media (max-height:850px) and (min-width:786px){.board-container{transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4)}.main-game{grid-template-rows:6rem 35rem}footer{text-align:center;width:100%}}@media (max-height:790px) and (min-width:786px){.board-container{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2)}.main-game{grid-template-rows:5rem 30rem}.marker{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6);& .score-board-title-container{&>.score-board{top:-.75rem}}& .movements-title-container{&>.movements{top:-.75rem}}}}@media (max-height:725px) and (min-width:786px){.main-game{top:40%}}@media (max-height:690px) and (min-width:786px){.main-game{top:42%}.top-score{bottom:-16%}}@media (max-height:655px) and (min-width:786px){.top-score{bottom:-10.5%;left:32%;transform:translate(-23%,-23%) scale(.7);-moz-transform:translate(-23%,-23%) scale(.7);-webkit-transform:translate(-23%,-23%) scale(.7)}.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{grid-template-rows:3.5rem 25rem;top:42%}.marker{transform:scale(.48);-moz-transform:scale(.48);-webkit-transform:scale(.48);& .score-board-title-container{&>.score-board{top:-1.45rem}}& .movements-title-container{&>.movements{top:-1.45rem}}}}@media (max-height:850px) and (min-width:571px){.board-container{transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4)}.main-game{grid-template-rows:5rem 35rem}.marker{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6);& .score-board-title-container{&>.score-board{top:-.7rem}}& .movements-title-container{&>.movements{top:-.7rem}}}}@media (max-height:780px) and (min-width:571px){.board-container{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2)}.main-game{grid-template-rows:5rem 30rem}}@media (max-height:725px) and (min-width:571px){.top-score{bottom:-8.5%;left:25%;transform:translate(-23%,-23%) scale(.7);-moz-transform:translate(-23%,-23%) scale(.7);-webkit-transform:translate(-23%,-23%) scale(.7)}}@media (max-height:665px) and (min-width:571px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{grid-template-rows:4rem 25rem}.marker{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45);& .score-board-title-container{&>.score-board{top:-1.2rem}}& .movements-title-container{&>.movements{top:-1.2rem}}}}@media (max-height:590px) and (min-width:571px){.main-game{top:41%}}@media (max-height:825px) and (min-width:491px){.main-game{bottom:-35%}}@media (max-height:805px) and (min-width:491px){.board-container{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2)}.main-game{bottom:-30%;grid-template-rows:4.8rem 30em}.marker{transform:scale(.55);-moz-transform:scale(.55);-webkit-transform:scale(.55);& .score-board-title-container{&>.score-board{top:-.8rem}}& .movements-title-container{&>.movements{top:-.8rem}}}}@media (max-height:730px) and (min-width:491px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{bottom:-24%;grid-template-rows:3.8rem 25rem}.marker{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45);& .score-board-title-container{&>.score-board{top:-1.3rem}}& .movements-title-container{&>.movements{top:-1.3rem}}}}@media (max-height:650px) and (min-width:491px){.main-game{bottom:-30%}}@media (max-height:760px) and (min-width:421px){.main-game{bottom:-32%}}@media (max-height:720px) and (min-width:421px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{bottom:-24%;grid-template-rows:3.8rem 25rem}.marker{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45);& .score-board-title-container{&>.score-board{top:-1.3rem}}& .movements-title-container{&>.movements{top:-1.3rem}}}}@media (max-height:650px) and (min-width:421px){.main-game{bottom:-30%}}@media (max-height:740px) and (min-width:401px){.main-game{bottom:-32%}}@media (max-height:685px) and (min-width:401px){.board-container{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}.main-game{bottom:-24%;grid-template-rows:3.8rem 25rem}.marker{transform:scale(.45);-moz-transform:scale(.45);-webkit-transform:scale(.45);& .score-board-title-container{&>.score-board{top:-1.3rem}}& .movements-title-container{&>.movements{top:-1.3rem}}}}@media (max-height:650px) and (min-width:401px){.main-game{bottom:-31%}}@media (max-height:695px) and (min-width:381px){.main-game{bottom:-28%}}@media (max-height:666px) and (min-width:366px){.main-game{bottom:-27%}}@media (max-height:666px) and (min-width:341px){.main-game{bottom:-26%}}@media (max-height:630px) and (min-width:331px){.main-game{bottom:-31%}}@media (max-height:525px) and (min-width:291px){.main-game{bottom:-22%}}@media (max-width:762px){.text-end-game{grid-column:1/13;grid-row:2}.continue-end-game-button,.end-game-button{font-size:1.4rem}.exit-message{right:.2rem}}@media (max-width:680px){.end-game-button{grid-column:1/7;margin-left:1rem}.continue-end-game-button{grid-column:7/13;margin-right:1rem}.text-end-game{font-size:3.5rem}.exit-message{right:-.5rem}}@media (max-width:580px){.continue-end-game-button,.end-game-button{font-size:1.7rem;grid-column:1/13;margin-left:1rem;margin-right:1rem}.continue-end-game-button{grid-row:6}.text-end-game{margin-top:0}.message.end-context{&>section{grid-template-rows:3rem 11rem 1rem 5rem 1rem 5rem 1rem!important}}.exit-message{opacity:0;pointer-events:none;user-select:none}}@media (max-width:460px){.text-end-game{font-size:3rem}.message.end-context{&>section{grid-template-rows:3rem 10rem 1rem 5rem 1rem 5rem 1rem!important;padding:10px!important}}}@media (max-width:400px){.text-end-game{font-size:2.9rem}.continue-end-game-button,.end-game-button{font-size:1.5rem}.message.end-context{&>section{grid-template-rows:3rem 10rem 1rem 4rem 1rem 4rem 1rem!important}}}@media (max-width:355px){.text-end-game{font-size:2.8rem}.continue-end-game-button,.end-game-button{font-size:1.2rem}.message.end-context{&>section{grid-template-rows:3rem 9rem 1rem 4rem 1rem 4rem 1rem!important}}}@media (max-width:310px){.text-end-game{font-size:2.5rem}.continue-end-game-button,.end-game-button{font-size:1rem}.message.end-context{&>section{grid-template-rows:3rem 8rem 1rem 3rem 1rem 3rem 1rem!important}}}@media (max-width:280px){.text-end-game{font-size:2rem}.continue-end-game-button,.end-game-button{font-size:.9rem}.message.end-context{&>section{grid-template-rows:3rem 6rem 1rem 3rem 1rem 3rem 1rem!important}}}@media (max-width:250px){.text-end-game{font-size:1.5rem}}@media (max-width:460px){.message.error-context{&>section{&>.message-text{font-size:100%}}}}@media (max-width:660px){.message.send-inputs-container{&>section{grid-template-rows:5rem 6rem 5rem 1rem 1.5rem 3rem 1.5rem 1.5rem 3rem 1rem 3rem 2rem!important;transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9);&>.text-input{font-size:1.3rem}}}.legal-accept-container{align-items:center;display:grid;grid-template-columns:10% 1fr;justify-items:start}.legal-accept-container{&>input{grid-column:1}&>label{grid-column:2;padding-left:1rem;text-align:left}}}@media (max-width:515px){.message.send-inputs-container{&>section{grid-template-rows:.7rem 6rem 5rem 1rem 1.5rem 3rem 1.5rem 1.5rem 3rem 1rem 3rem 2rem!important;&>.title-input{transform:scale(.9);-moz-transform:scale(.9);-webkit-transform:scale(.9)}&>.text-input{grid-column:1/13}&>#nick-input,&>#phone-input,&>.legal-accept-container{grid-column:2/12}}}}@media (max-width:450px){.message.send-inputs-container{&>section{&>.title-input{transform:scale(.7);-moz-transform:scale(.7);-webkit-transform:scale(.7)}&>#nick-input,&>#phone-input,&>.legal-accept-container,&>.nick-input-label,&>.phone-input-label,&>.text-input{grid-column:1/13}}}}@media (max-width:390px){.message.send-inputs-container{&>section{grid-template-rows:0 5rem 8rem 1rem 1.5rem 3rem 1.5rem 1.5rem 3rem 2rem 4rem 1rem!important;transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8)}}}@media (max-width:335px){.message.send-inputs-container{&>section{grid-template-rows:1rem 6rem 8rem 1rem 1.5rem 3rem 1.5rem 1.5rem 3rem 2rem 4rem 1rem!important;margin-left:-1.5rem;width:120%;&>.title-input{transform:scale(.6);-moz-transform:scale(.6);-webkit-transform:scale(.6)}}}}@media (max-width:845px){.message.movements-context{&>section{&>.message-text{font-size:3.2rem;grid-column:1/13}}}}@media (max-width:654px){.message.movements-context{&>section{grid-template-rows:3rem 15rem 1rem 5rem 1rem 2rem 1rem;&>.message-text{font-size:3rem}}}}@media (max-width:565px){.message.movements-context{&>section{&>.message-text{font-size:2.6rem}}}}@media (max-width:490px){.message.movements-context{&>section{grid-template-rows:3rem 15rem 1rem 5rem 1rem 0 0;&>.message-text{font-size:2.4rem}}}}@media (max-width:325px){.message.movements-context{&>section{&>.message-text{font-size:2.1rem}}}}@media (max-width:845px){.message.cheats-context{&>section{&>.message-text{font-size:3.2rem;grid-column:1/13}}}}@media (max-width:654px){.message.cheats-context{&>section{grid-template-rows:3rem 15rem 1rem 5rem 1rem 2rem 1rem;&>.message-text{font-size:3rem}}}}@media (max-width:565px){.message.cheats-context{&>section{&>.message-text{font-size:2.6rem}}}}@media (max-width:490px){.message.cheats-context{&>section{grid-template-rows:3rem 15rem 1rem 5rem 1rem 0 0;&>.message-text{font-size:2.4rem}}}}@media (max-width:325px){.message.cheats-context{&>section{&>.message-text{font-size:2.1rem}}}}@media (max-width:800px){.message.game-over{&>section{grid-template-rows:7rem 13rem 1rem 6rem 1rem!important}}}@media (max-width:570px){.message.game-over{&>section{grid-template-rows:5rem 14rem 1rem 5rem 1rem!important;&>.message-button{font-size:1.8rem}}}}@media (max-width:535px){.message.game-over{&>section{&>.text-game-over{font-size:3rem}}}}@media (max-width:440px){.message.game-over{&>section{grid-template-rows:3rem 11rem 1rem 4rem 1rem!important;&>.text-game-over{font-size:2.3rem}&>.message-button{font-size:1.6rem}}}}@media (max-width:360px){.message.game-over{&>section{grid-template-rows:4rem 9rem 1rem 4rem 1rem!important;&>.text-game-over{font-size:2rem}&>.message-button{font-size:1.4rem}}}}@media (max-width:300px){.message.game-over{&>section{grid-template-rows:4rem 7rem 1rem 3rem 2rem!important;&>.text-game-over{font-size:1.6rem}&>.message-button{font-size:1.2rem}}}}