:root{
--black: #000;
--white: #fff;
--grey: rgba(255,255,255,.5);
--blue: #1A72C2;
--neon:#00FBFF;

--orange: #9000FF;
--green:#12716B;
--lgreen:#60D0C9;
--dblue:#00134D;
--red:#9000FF;
--yellow:#DDD9AD;
}
*{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--black);}
body{font-size:20px;width:100%;height:100%;position:relative;font-family:'Hero New', sans-serif;font-weight:400;font-style:normal;color:var(--white);background:var(--blue);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--black);outline:none;text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* text */
p{color:var(--white);line-height:1em;margin-bottom:1em;font-weight:400;letter-spacing:0;}
b{font-weight:700;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.uppercase{text-transform:uppercase;}
/* div */
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.game-width{height:var(--game-width);}
.game-height{height:var(--game-height);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:var(--white);line-height:1.1em;margin-top:0;margin-bottom:0;letter-spacing:0;font-weight:medium;font-family:'Hero New', sans-serif;}
h1,.h1{font-size:calc(var(--font-size) * 6.35);line-height:1em;}
h2,.h2{font-size:calc(var(--font-size) * 2.5);line-height:1em;}
h3,.h3{font-size:2.5em;line-height:1.3em;}
h4,.h4{font-size:2em;line-height:1.3em;}
h5,.h5{font-size:1.5em;line-height:1.3em;}
h6,.h6{font-size:.9em;line-height:1.3em;}
.wide h2,.wide .h2{font-size:calc(var(--font-size) * 2);}
/* ---------------------------------------------- LOADING ---------------------------------------------- */
.loading{position:fixed;top:0;left:0;right:0;bottom:0;min-width:300px;width:100%;height:var(--app-height);background:var(--black);-webkit-transition:background .8s;-o-transition:background .8s;transition:background .8s;overflow:hidden;z-index:9999;visibility:visible;-webkit-transition:visibility 0s .8s, opacity .8s;-o-transition:visibility 0s .8s, opacity .8s;transition:visibility 0s .8s, opacity .8s;}
.ready .loading{opacity:0;visibility:hidden;}
.loading-content svg{display:block;margin:0 auto 20px;-webkit-animation: rotate 1.5s linear infinite;animation: rotate 1.5s linear infinite;width:70px;}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.game-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--app-height);overflow:hidden;-webkit-transition:background .5s;-o-transition:background .5s;transition:background .5s;}
.game-inner{position:relative;width:var(--game-width);height:var(--game-height);z-index:10;}
.game-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--blue);}
.game-bg-item{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.game-bg-item:before{z-index:3;content:'';display:block;position:absolute;top:50%;left:50%;width:100vw;height:100vh;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:inset 0 0 calc(var(--font-size) * 2.1) calc(var(--font-size) * -.6) #7AE8FB;}
.row.row-6{margin-left:calc(var(--font-size) * -.15);margin-right:calc(var(--font-size) * -.15);}
.row.row-6 > *{padding-left:calc(var(--font-size) * .15);padding-right:calc(var(--font-size) * .15);}
.row.row-12{margin-left:calc(var(--font-size) * -.3);margin-right:calc(var(--font-size) * -.3);}
.row.row-12 > *{padding-left:calc(var(--font-size) * .3);padding-right:calc(var(--font-size) * .3);}
.row.row-30{margin-left:calc(var(--font-size) * -1.5);margin-right:calc(var(--font-size) * -1.5);}
.row.row-30 > *{padding-left:calc(var(--font-size) * 1.5);padding-right:calc(var(--font-size) * 1.5);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.wave-anim{position:absolute;top:50%;left:50%;width:calc(var(--game-height) * 1.2);height:calc(var(--game-height) * 1.2);transform:translate(-50%,-50%);pointer-events:none;}
.wave-anim i{position:absolute;top:0;left:0;width:100%;height:100%;}
.wave-anim i{border-radius:100%;border:calc(var(--font-size) * 0.1) solid transparent;animation:wave 2.25s ease-in infinite;}
.wave-anim i:nth-child(2){animation-delay: 0.25s;}
.wave-anim i:nth-child(3){animation-delay: 0.5s;}
.wave-anim i:nth-child(4){animation-delay: 0.75s;}
.wave-anim i:nth-child(5){animation-delay: 1s;}
.wave-anim i:nth-child(6){animation-delay: 1.25s;}
.wave-anim i:nth-child(7){animation-delay: 1.5s;}
.wave-anim i:nth-child(8){animation-delay: 1.75s;}
.wave-anim i:nth-child(9){animation-delay: 2s;}
@keyframes wave{0%{transform:scale(1);opacity:1;border-width:calc(var(--font-size) * 0.1);border-color:#6DC7FF;}100%{transform:scale(4);opacity:0;border-width:0;border-color:#0F0046;}}
/* Start */
.start .game-next-inner{padding:calc(var(--font-size) * .5) calc(var(--font-size) * 1.25);}
.start img{display:block;width:100%;margin-bottom:calc(var(--font-size) * .9);}
.show-note.start-game:not(.first-drag) .start .game-next-inner{-webkit-animation:start 2.5s linear infinite;animation:start 2.5s linear infinite;}
@-webkit-keyframes start{0%{-webkit-transform:translateX(0%) rotate(0deg);transform:translateX(0%) rotate(0deg);}20%{-webkit-transform:translateX(-5%) rotate(-3deg);transform:translateX(-5%) rotate(-3deg);}30%{-webkit-transform:translateX(-5%) rotate(-3deg);transform:translateX(-5%) rotate(-3deg);}70%{-webkit-transform:translateX(5%) rotate(3deg);transform:translateX(5%) rotate(3deg);}80%{-webkit-transform:translateX(5%) rotate(3deg);transform:translateX(5%) rotate(3deg);}100%{-webkit-transform:translateX(0%) rotate(0deg);transform:translateX(0%) rotate(0deg);}}
@keyframes start{0%{-webkit-transform:translateX(0%) rotate(0deg);transform:translateX(0%) rotate(0deg);}20%{-webkit-transform:translateX(-5%) rotate(-3deg);transform:translateX(-5%) rotate(-3deg);}30%{-webkit-transform:translateX(-5%) rotate(-3deg);transform:translateX(-5%) rotate(-3deg);}70%{-webkit-transform:translateX(5%) rotate(3deg);transform:translateX(5%) rotate(3deg);}80%{-webkit-transform:translateX(5%) rotate(3deg);transform:translateX(5%) rotate(3deg);}100%{-webkit-transform:translateX(0%) rotate(0deg);transform:translateX(0%) rotate(0deg);}}
.show-note .game-note img{-webkit-animation:next2 2.5s linear infinite;animation:next2 2.5s linear infinite;}
@-webkit-keyframes next{0%{-webkit-transform:translate(0%,-50%) rotate(0deg);transform:translate(0%,-50%) rotate(0deg);}20%{-webkit-transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);}30%{-webkit-transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);}70%{-webkit-transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);}80%{-webkit-transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);}100%{-webkit-transform:translate(0%,-50%) rotate(0deg);transform:translate(0%,-50%) rotate(0deg);}}
@keyframes next{0%{-webkit-transform:translate(0%,-50%) rotate(0deg);transform:translate(0%,-50%) rotate(0deg);}20%{-webkit-transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);}30%{-webkit-transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),-50%) rotate(-3deg);}70%{-webkit-transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);}80%{-webkit-transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);transform:translate(calc(var(--font-size) * 3),-50%) rotate(3deg);}100%{-webkit-transform:translate(0%,-50%) rotate(0deg);transform:translate(0%,-50%) rotate(0deg);}}
.show-note .game-question-item:nth-child(2) .game-drag{z-index:10;-webkit-animation:next 2.5s linear infinite;animation:next 2.5s linear infinite;}
@-webkit-keyframes next2{0%{-webkit-transform:translate(0%,0) rotate(0deg);transform:translate(0%,0) rotate(0deg);}20%{-webkit-transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);}30%{-webkit-transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);}70%{-webkit-transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);}80%{-webkit-transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);}100%{-webkit-transform:translate(0%,0) rotate(0deg);transform:translate(0%,0) rotate(0deg);}}
@keyframes next2{0%{-webkit-transform:translate(0%,0) rotate(0deg);transform:translate(0%,0) rotate(0deg);}20%{-webkit-transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);}30%{-webkit-transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);transform:translate(calc(var(--font-size) * -3),0) rotate(-3deg);}70%{-webkit-transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);}80%{-webkit-transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);transform:translate(calc(var(--font-size) * 3),0) rotate(3deg);}100%{-webkit-transform:translate(0%,0) rotate(0deg);transform:translate(0%,0) rotate(0deg);}}
.show-note .answer-right .game-answer-text span{-webkit-animation:right 2.5s linear infinite;animation:right 2.5s linear infinite;}
@-webkit-keyframes right{0%{opacity:0;}20%{opacity:1;}30%{opacity:1;}50%{opacity:0;}100%{opacity:0;}}
@keyframes right{0%{opacity:0;}20%{opacity:1;}30%{opacity:1;}50%{opacity:0;}100%{opacity:0;}}
.show-note .answer-wrong .game-answer-text span{-webkit-animation:wrong 2.5s linear infinite;animation:wrong 2.5s linear infinite;}
@-webkit-keyframes wrong{0%{opacity:0;}50%{opacity:0;}70%{opacity:1;}80%{opacity:1;}100%{opacity:0;}}
@keyframes wrong{0%{opacity:0;}50%{opacity:0;}70%{opacity:1;}80%{opacity:1;}100%{opacity:0;}}
/* But */
.but,a.but{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:var(--orange);height:calc(var(--font-size) * 4);font-size:calc(var(--font-size) * 1.75);font-weight:700;color:var(--white);-webkit-transition:background .5s;-o-transition:background .5s;transition:background .5s;}
.but-min,a.but-min{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--font-size);-moz-column-gap:var(--font-size);column-gap:var(--font-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:var(--orange);height:calc(var(--font-size) * 2.1);font-size:var(--font-size);padding:0 calc(var(--font-size) * 1.5);font-weight:700;color:var(--white);-webkit-transition:background .5s;-o-transition:background .5s;transition:background .5s;}
.but-min svg{display:block;width:calc(var(--font-size) * 1.1);}
.but-min.but-inverse,a.but-min.but-inverse{background:var(--grey);}
.desktop a.but:hover,.desktop a.but-min:hover{background:#A13617;}
.desktop a.but-min.but-inverse:hover{background:#434343;}
.but-line,a.but-line{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--font-size);-moz-column-gap:var(--font-size);column-gap:var(--font-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:calc(var(--font-size) * 2.1);font-size:var(--font-size);padding:0 calc(var(--font-size) * 1.5);color:var(--orange);-webkit-transition:background .5s, color .5s;-o-transition:background .5s, color .5s;transition:background .5s, color .5s;}
.but-line:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:calc(var(--font-size) * .05) solid var(--orange);-webkit-transition:border-color .5s;-o-transition:border-color .5s;transition:border-color .5s;}
.but-line span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--font-size);padding:0 calc(var(--font-size) * .25);background:var(--orange);color:var(--white);border-radius:var(--font-size);font-size:.5em;-webkit-transition:background .5s, color .5s;-o-transition:background .5s, color .5s;transition:background .5s, color .5s;}
.desktop a.but-line:hover{background:var(--orange);color:var(--white);}
.desktop a.but-line:hover:before{border-color:var(--orange);}
.desktop a.but-line:hover span{background:var(--white);color:var(--orange);}
.game-about .but{margin-bottom:calc(var(--font-size) * 1.7);}
/* Game */
.game-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:100%;width:100%;}
.game-answer{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;position:relative;display:flex;align-items:center;justify-content:center;}
.game-answer:after{content:'';display:block;position:absolute;top:5%;left:5%;width:90%;height:90%;border-radius:100%;-webkit-filter:blur(calc(var(--font-size) * 20));filter:blur(calc(var(--font-size) * 20));pointer-events:none;opacity:calc(var(--opacity) * .15);background:var(--white);z-index:-1;-webkit-transition:background .5s, -webkit-transform .5s;transition:background .5s, -webkit-transform .5s;-o-transition:background .5s, transform .5s;transition:background .5s, transform .5s;transition:background .5s, transform .5s, -webkit-transform .5s;}
.right .game-answer.selected:after{background:var(--dblue);-webkit-transform:scaleY(1.1);-ms-transform:scaleY(1.1);transform:scaleY(1.1);opacity.5;}
.wrong .game-answer.selected:after{background:var(--red);-webkit-transform:scaleY(1.1);-ms-transform:scaleY(1.1);transform:scaleY(1.1);opacity:.5;}
.game-question{position:relative;-webkit-box-flex:0;-ms-flex:0 0 38.1%;flex:0 0 38.1%;}
.wide .game-question{-ms-flex:0 0 38.46153846%;flex:0 0 38.46153846%;}
.answer-wrong{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;}
.game-answer-about{position:relative;text-align:center;font-size:calc(var(--font-size) * 2);-webkit-transition:color .5s, opacity .5s,-webkit-transform .5s;transition:color .5s, opacity .5s,-webkit-transform .5s;-o-transition:color .5s, opacity .5s,transform .5s;transition:color .5s, opacity .5s,transform .5s;transition:color .5s, opacity .5s,transform .5s, -webkit-transform .5s;cursor:pointer;}
.finish .game-answer-about{font-size:calc(var(--font-size) * 2);}
.start-game .answer-right .game-answer-about{opacity:0;-webkit-transform:translate(calc(var(--font-size) * -3),-50%);-ms-transform:translate(calc(var(--font-size) * -3),-50%);transform:translate(calc(var(--font-size) * -3),-50%);}
.start-game .answer-wrong .game-answer-about{opacity:0;-webkit-transform:translate(calc(var(--font-size) * 3),-50%);-ms-transform:translate(calc(var(--font-size) * 3),-50%);transform:translate(calc(var(--font-size) * 3),-50%);}
.game-drag-about p{font-size:calc(var(--font-size) * 1.1);margin-bottom:0;line-height:1.3em;-webkit-transition:color .5s;-o-transition:color .5s;transition:color .5s;}
.show-note .game-drag-about p{color:var(--lgreen);}
.answer-right{padding-left:5.3%;}
.answer-wrong{padding-right:5.3%;}
.game-answer-mark{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--font-size) * 2.1);height:calc(var(--font-size) * 2.1);opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;transition:opacity .5s;}
.answer-right .game-answer-mark{right:100%;margin-right:calc(var(--font-size) * .8);}
.answer-wrong .game-answer-mark{left:100%;margin-left:calc(var(--font-size) * .8);}
.game-answer-mark svg{display:block;position:absolute;top:0;left:0;width:100%;opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.game-answer.selected .game-answer-mark{opacity:1;}
.right .answer-right .game-answer-mark svg:first-child{opacity:1;}
.wrong .answer-right .game-answer-mark svg:last-child{opacity:1;}
.right .answer-wrong .game-answer-mark svg:first-child{opacity:1;}
.wrong .answer-wrong .game-answer-mark svg:last-child{opacity:1;}
.game-answer-text{position:relative;color:var(--grey);}
.game-answer-text span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:var(--white);text-shadow:0 0 calc(var(--font-size) * 3) var(--white);opacity:var(--opacity);-webkit-transition:color .5s,text-shadow .5s;-o-transition:color .5s,text-shadow .5s;transition:color .5s,text-shadow .5s;}
.right .game-answer.selected .game-answer-about .game-answer-text span{color:var(--neon);text-shadow:0 0 calc(var(--font-size) * 3) var(--neon);}
.wrong .game-answer.selected .game-answer-about .game-answer-text span{color:var(--orange);text-shadow:0 0 calc(var(--font-size) * 3) var(--orange);}
.game-question-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .5s, opacity .5s .5s;-o-transition:visibility 0s .5s, opacity .5s .5s;transition:visibility 0s .5s, opacity .5s .5s;}
.game-question-item.active{visibility:visible;opacity:1;-webkit-transition:visibility 0s 0s, opacity .5s 0s;-o-transition:visibility 0s 0s, opacity .5s 0s;transition:visibility 0s 0s, opacity .5s 0s;}
.game-drag{width:100%;position:absolute;top:50%;left:0;height:80%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.wide .game-drag{height:68%;}
.game-drag-inner{position:relative;display:-webkit-box;height:100%;display:-ms-flexbox;display:flex;flex-direction:column;background:rgba(0,88,146,.6);backdrop-filter:blur(calc(var(--font-size) * .5));border-radius:calc(var(--font-size) * .5);border:calc(var(--font-size) * .05) solid var(--neon);width:100%;padding:calc(var(--font-size) * 1.5);pointer-events:none!important;-webkit-transform:translateY(100%) rotate(-5deg);-ms-transform:translateY(100%) rotate(-5deg);transform:translateY(100%) rotate(-5deg);opacity:0;-webkit-transition:opacity .5s, -webkit-transform .5s;transition:opacity .5s, -webkit-transform .5s;-o-transition:transform .5s, opacity .5s;transition:transform .5s, opacity .5s;transition:transform .5s, opacity .5s, -webkit-transform .5s;}
.wide .game-drag-inner{padding:calc(var(--font-size) * .5) calc(var(--game-height) * .88) calc(var(--font-size) * .5) calc(var(--font-size) * 1.5);justify-content:center;}
.game-drag-inner:before,.game-drag-inner:after{content:'';display:block;position:absolute;top:0;width:calc(var(--font-size) * 4.4);height:100%;background-size:contain;background-repeat:no-repeat;}
.game-drag-inner:before{left:0;background-image:url(../i/star-2.png);background-position:center left;}
.game-drag-inner:after{right:0;background-image:url(../i/star-1.png);background-position:center right;}
.active .game-drag-inner{-webkit-transform:translateY(0%) rotate(0deg);-ms-transform:translateY(0%) rotate(0deg);transform:translateY(0%) rotate(0deg);opacity:1;}
.game-drag-about{position:relative;text-align:center;margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:calc(var(--font-size) * .5) calc(var(--font-size) * 1);border-radius:calc(var(--font-size) * .3);border:calc(var(--font-size) * .05) solid var(--neon);background: rgba(0,88,146,.6);backdrop-filter: blur(calc(var(--font-size) * .5));}
.wide .game-drag-about{margin-top:0;}
.game-drag-about p{width:100%;text-transform:uppercase;color:var(--neon);}
.game-drag-img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.wide .game-drag-img{left:40%;width:60%;border-radius:inherit;}
.game-drag-img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.wide .game-drag-img img{height:160%;width:160%;top:50%;left:50%;transform:translate(-45%,-50%);}
.game-next{width:100%;position:absolute;top:0;left:0;height:100%;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.wide .game-question-item:not(.static) .game-next{width:120%;left:-10%;}
.complete .game-next{pointer-events:auto;}
.game-next-inner{position:relative;height:80%;display:flex;flex-direction:column;background:rgba(0,88,146,.6);backdrop-filter:blur(calc(var(--font-size) * .5));border-radius:calc(var(--font-size) * .5);border:calc(var(--font-size) * .05) solid var(--neon);width:100%;padding:calc(var(--font-size) * 1.5);-webkit-transform:translateY(100%) rotate(-5deg);-ms-transform:translateY(100%) rotate(-5deg);transform:translateY(100%) rotate(-5deg);opacity:0;-webkit-transition:opacity .5s, -webkit-transform .5s;transition:opacity .5s, -webkit-transform .5s;-o-transition:transform .5s, opacity .5s;transition:transform .5s, opacity .5s;transition:transform .5s, opacity .5s, -webkit-transform .5s;}
.wide .game-next-inner{height:68%;padding:calc(var(--font-size) * .5) calc(var(--font-size) * 1.5);}
.wide .game-question-item:not(.static) .game-next-inner{height:84%;}
.game-next-inner:before,.game-next-inner:after{content:'';display:block;position:absolute;top:0;width:calc(var(--font-size) * 4.4);height:100%;background-size:contain;background-repeat:no-repeat;}
.game-next-inner:before{left:0;background-image:url(../i/star-2.png);background-position:center left;}
.game-next-inner:after{right:0;background-image:url(../i/star-1.png);background-position:center right;}
.complete .game-next-inner{-webkit-transform:translateY(0%) rotate(0deg);-ms-transform:translateY(0%) rotate(0deg);transform:translateY(0%) rotate(0deg);opacity:1;}
.game-next-quest{text-align:center;font-size:calc(var(--font-size) * 2);font-weight:bold;}
.wide .game-next-quest{font-size:var(--font-size);}
.game-next-quest span{display:none;}
.game-next-quest span:first-child{color:var(--neon);}
.game-next-quest span:last-child{color:var(--orange);}
.right .game-next-quest span:first-child{display:block;}
.wrong .game-next-quest span:last-child{display:block;}
.game-next-about{padding:calc(var(--font-size) * 1) 0;margin:auto;}
.wide .game-next-about{padding:0;}
.wide .game-question-item:not(.static) .game-next-about{margin-top:calc(var(--font-size) * .5);}
.game-next-about p{font-size:calc(var(--font-size) * .8);margin-bottom:0;line-height:1.3em;text-align:center;}
.game-next-note{text-align:center;color:var(--neon);font-size:calc(var(--font-size) * .8);}
.static .game-next{pointer-events:auto;}
.static .game-next-inner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.game-next-text{font-size:calc(var(--font-size) * 1.5);line-height:1em;color:var(--neon);text-align:center;font-weight:bold;}
.wide .game-next-text{font-size:var(--font-size);}
.static .game-next-inner p{font-size:calc(var(--font-size) * .8);margin-bottom:0;margin-top:calc(var(--font-size) * 2);}
.static .game-next-inner .game-next-note{margin-top:var(--font-size);}
.wide .static .game-next-inner .game-next-note{margin-top:calc(var(--font-size) * .5);}
.game-drag-quest{font-size:calc(var(--font-size) * .8);position:relative;text-align:center;}
.wide .game-drag-quest p{margin-bottom:calc(var(--font-size) * .5);}
.game-result{color:var(--white);font-size:calc(var(--font-size) * 2.33333333);margin-top:calc(var(--font-size) * 1.5);}
.wide .game-result{font-size:calc(var(--font-size) * 2);margin-top:calc(var(--font-size) * .5);}
/* Note */
.game-note-wrap{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .5s,opacity .5s 0s;-o-transition:visibility 0s .5s,opacity .5s 0s;transition:visibility 0s .5s,opacity .5s 0s;z-index:199;}
.show-note:not(.start-game) .game-note-wrap{visibility:visible;opacity:1;-webkit-transition:visibility 0s 0s,opacity .5s 0s;-o-transition:visibility 0s 0s,opacity .5s 0s;transition:visibility 0s 0s,opacity .5s 0s;}
.game-note-wrap:before{content:'';display:block;position:absolute;top:50%;left:50%;width:100vw;height:100vh;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--black);opacity:.4;}
.game-note{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.game-note p{max-width:calc(var(--font-size) * 16.5);font-size:calc(var(--font-size) * .8);text-align:center;margin-bottom:calc(var(--font-size) * 1.25);color:var(--neon);line-height:1.3em;}
.game-note img{display:block;width:calc(var(--font-size) * 2.25);margin-bottom:var(--font-size);}
/* FS */
.game-fullscreen{display:none!important;position:absolute;top:calc(var(--font-size) * 1.3);right:calc(var(--font-size) * 1.3);width:calc(var(--font-size) * 2.2);z-index:9999;}
.desktop .game-fullscreen{display:block!important;}
.desktop .answer-wrong:before{-webkit-clip-path: polygon(calc(100% - var(--font-size) * 3.5) 0, calc(100% - var(--font-size) * 3.5) calc(var(--font-size) * 3.5), 100% calc(var(--font-size) * 3.5), 100% 100%, calc(var(--font-size) * 1.5) 100%, calc(var(--font-size) * 1.5) 0);clip-path: polygon(calc(100% - var(--font-size) * 3.5) 0, calc(100% - var(--font-size) * 3.5) calc(var(--font-size) * 3.5), 100% calc(var(--font-size) * 3.5), 100% 100%, calc(var(--font-size) * 1.5) 100%, calc(var(--font-size) * 1.5) 0);}
.game-fullscreen img{display:block;width:100%;}
::-webkit-backdrop{background:rgba(255,255,255,0);}
::backdrop{background:rgba(255,255,255,0);}
/* Social */
.right .show-social .game-finish-item,.wrong .show-social .game-finish-wrong{opacity:0;pointer-events:none;}
.social{margin-top:var(--font-size);}
.ya-share2__list{margin-top:0!important;margin-left:0!important;margin-right:0!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;gap:0 calc(var(--font-size) * 1.5);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.ya-share2__item{opacity:1!important;margin:0!important;display:block!important;padding-left:0!important;padding-right:0!important;}
a.ya-share2__link{display:block;position:relative;width:calc(var(--font-size) * 2.5);height:calc(var(--font-size) * 2.5);border-radius:100%;overflow:hidden;}
a.ya-share2__link:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
.ya-share2__item_service_messenger a.ya-share2__link:before{background:#979797;}
.ya-share2__item_service_vkontakte a.ya-share2__link:before{background:#2688F3;}
.ya-share2__item_service_odnoklassniki a.ya-share2__link:before{background:#EC8307;}
.ya-share2__item_service_telegram a.ya-share2__link:before{background:-webkit-gradient(linear, left top, left bottom, from(#36BAFD), to(#0380BE));background:-o-linear-gradient(top, #36BAFD 0%, #0380BE 100%);background:linear-gradient(180deg, #36BAFD 0%, #0380BE 100%);}
.ya-share2__item_service_whatsapp a.ya-share2__link:before{background:#26D366;}
a.ya-share2__link svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
a.ya-share2__link svg *{fill:var(--white);-webkit-transition:fill .5s;-o-transition:fill .5s;transition:fill .5s;}
.desktop a.ya-share2__link:hover svg *{fill:var(--white);}
a.ya-share2__link:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:calc(var(--font-size) * .05) solid var(--white);-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.desktop a.ya-share2__link:hover:before{opacity:1;}
.desktop .ya-share2__item a.ya-share2__link:hover:after{opacity:0;}
.social-trigger span{-webkit-column-gap:var(--font-size);-moz-column-gap:var(--font-size);column-gap:var(--font-size);}
.social-trigger span:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;}
.social-trigger span:last-child{display:none;}
.show-social .social-trigger span:first-child{display:none;}
.show-social .social-trigger span:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;}
.neon{color:var(--neon);}
/* -------------------------------------------------------------- MEDIA -------------------------------------------------------------- */
.box-desktop{display:block;}
.box-mobile{display:none;}
.mobile .box-desktop{display:none;}
.mobile .box-mobile{display:block;}
@media (max-width:575.98px){
.answer-right,.answer-wrong{padding-left:0;padding-right:0;}
h2,.h2{font-size:calc(var(--font-size) * 1.8);}
.wave-anim{width:calc(var(--game-height) * .5);height:calc(var(--game-height) * .5);}
.wave-anim i{border:calc(var(--font-size) * .1) solid transparent;}
.game-answer{z-index:1;}
.game-question{-webkit-box-flex:0;-ms-flex:0 0 59.3333333%;flex:0 0 59.3333333%;z-index:9;}
.start .game-next-inner{padding:var(--font-size);}
.start .game-next-about{padding:0;margin:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;}
.start img{margin-bottom:calc(var(--font-size) * 1.8);}
.start .game-next-note{font-size:calc(var(--font-size) * 1.2);}
.game-next-inner{height:70.66666666%;}
.game-question-item:not(.static) .game-next{width:124%;left:-12%;}
.game-question-item:not(.static) .game-next-inner{height:93.33333333%;padding:calc(var(--font-size) * 2) calc(var(--font-size) * .5);}
.game-next-inner{border-radius:var(--font-size);padding:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.game-next-about{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.game-next-quest{font-size:calc(var(--font-size) * 1.4);}
.game-next-about p{font-size:calc(var(--font-size) * 1.2);line-height:1em;}
.game-next-note{font-size:var(--font-size);}
.game-answer-mark{width:calc(var(--font-size) * 4);height:calc(var(--font-size) * 4);}
.game-answer-text{white-space:nowrap;}
.game-answer-text br{display:none;}
.answer-wrong .game-answer-mark {left:auto;right:100%;margin-left:0;margin-right:calc(var(--font-size) * .8);}
.game-answer:before{display:none;}
.answer-right .game-answer-about{-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);top:50%;left:50%;}
.answer-wrong .game-answer-about{-webkit-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);top:50%;left:50%;}
.game-answer-about{position:absolute;}
.game-answer-about{font-size:calc(var(--font-size) * 2);}
.game-drag{height:70.66666666%;}
.game-drag-inner{border-radius:var(--font-size);padding:var(--font-size);}
.game-question-item:not(.static) .game-drag-inner{padding:calc(var(--font-size) * .5);}
.game-drag-about{padding:var(--font-size);}
.game-drag-about p{text-align:center;font-size:calc(var(--font-size) * 1.4);}
.game-note p{max-width:calc(var(--font-size) * 20.9);font-size:calc(var(--font-size) * 1.6);margin-bottom:calc(var(--font-size) * 2);}
.game-note img{width:calc(var(--font-size) * 4);}
.game-next-text{font-size:calc(var(--font-size) * 1.4);margin:auto;}
.finish .game-answer-about{font-size:calc(var(--font-size) * 2);}
.game-result{font-size:calc(var(--font-size) * 3);display:block;margin-top:var(--font-size);}
.finish .game-next{width:106%;left:-3%;}
.finish .game-next-about{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.finish .static .game-next-inner{height:93.33333333%;}
.static .game-next-inner p{font-size:var(--font-size);font-weight:400;}
.game-question-item:last-child  .game-next-inner{padding:calc(var(--font-size) * 3) calc(var(--font-size) * .5);}
.game-drag-quest{font-size:calc(var(--font-size) * 1.4);}
.ya-share2__list{-ms-flex-wrap:wrap;flex-wrap:wrap;}
a.ya-share2__link{width:calc(var(--font-size) * 3.8);height:calc(var(--font-size) * 3.8);}
}