:root{
--black: #000;
--white: #fff;
--grey: #BEBEBE;
--blue: #00B7FA;
--orange: #FF6200;
--green:#12716B;
--lgreen:#60D0C9;
--dblue:#00134D;
--red:#D10000;
--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:'Patefon', sans-serif;font-weight:400;font-style:normal;color:var(--white);background:var(--black);-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(--blue);line-height:1.1em;margin-top:0;margin-bottom:0;letter-spacing:0;font-weight:normal;font-family:'Risha Neo', 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;}
/* ---------------------------------------------- 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%;}
.game-bg img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.game-wrap:before,.game-wrap:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:5;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.game-wrap:before{background:var(--dblue);}
.game-wrap:after{background:var(--red);}
.game-wrap.right:before{opacity:.2;}
.game-wrap.wrong:after{opacity:.2;}
.game-bg-item{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:color-dodge;pointer-events:none;}
.game-bg-item img{z-index:1;display:block;position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.1;mix-blend-mode:overlay;}
.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%);border-width:calc(var(--font-size) * .066666666);border-style:solid;-o-border-image:-o-linear-gradient(top, #3EAEFF 0.12%, rgba(62, 174, 255, 0) 48.47%, #3EAEFF 100.01%) 1;border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0.12%, #3EAEFF), color-stop(48.47%, rgba(62, 174, 255, 0)), color-stop(100.01%, #3EAEFF)) 1;border-image:linear-gradient(180deg, #3EAEFF 0.12%, rgba(62, 174, 255, 0) 48.47%, #3EAEFF 100.01%) 1;}
.game-bg-item:after{z-index:5;content:'';display:block;position:absolute;left:50%;top:50%;width:100vw;height:100vw;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(25,20,46,1);background:-o-radial-gradient(49.49% 52.85%, 52.66% 142.63%, rgba(62, 181, 255, 0) 87.07%, #256F9D 100%);background:radial-gradient(52.66% 142.63% at 49.49% 52.85%, rgba(62, 181, 255, 0) 87.07%, #256F9D 100%);mix-blend-mode:plus-lighter;}
.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;}
/* 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;}
.game-answer:before{content:'';display:block;position:absolute;top:calc(var(--font-size) * 1.5);bottom:calc(var(--font-size) * 1.5);width:calc(100% - var(--font-size) * 1.5);border-style:solid;border-width:calc(var(--font-size) * .2);border-top-color:var(--white);border-bottom-color:var(--white);}
.answer-right:before{left:calc(var(--font-size) * 1.5);border-left-color:var(--white);border-right-color:transparent;-webkit-clip-path: polygon(0 0, calc(100% - var(--font-size) * 1.5) 0%, calc(100% - var(--font-size) * 1.5) 100%, 0% 100%);clip-path: polygon(0 0, calc(100% - var(--font-size) * 1.5) 0%, calc(100% - var(--font-size) * 1.5) 100%, 0% 100%);}
.answer-wrong:before{right:calc(var(--font-size) * 1.5);border-right-color:var(--white);border-left-color:transparent;-webkit-clip-path: polygon(calc(var(--font-size) * 1.5) 0, 100% 0, 100% 100%, calc(var(--font-size) * 1.5) 100%);clip-path: polygon(calc(var(--font-size) * 1.5) 0, 100% 0, 100% 100%, calc(var(--font-size) * 1.5) 100%);}
.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:1;}
.wrong .game-answer.selected:after{background:var(--red);-webkit-transform:scaleY(1.1);-ms-transform:scaleY(1.1);transform:scaleY(1.1);opacity:.8;}
.game-question{position:relative;-webkit-box-flex:0;-ms-flex:0 0 38.1%;flex:0 0 38.1%;}
.answer-wrong{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;}
.game-answer-about{position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-family:'Risha Neo', sans-serif;font-size:calc(var(--font-size) * 3);padding-bottom:.1em;-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) * .8);font-weight:bold;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 .game-answer-about{right:calc(var(--font-size) * 2.25);}
.answer-wrong .game-answer-about{left:calc(var(--font-size) * 2.25);}
.right .game-answer:not(.selected) .game-answer-about,.wrong .game-answer:not(.selected) .game-answer-about{opacity:0;}
.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-box-shadow:0 0 calc(var(--font-size) * 3) var(--white);box-shadow:0 0 calc(var(--font-size) * 3) var(--white);-webkit-transition:opacity .5s, -webkit-box-shadow .5s;transition:opacity .5s, -webkit-box-shadow .5s;-o-transition:opacity .5s, box-shadow .5s;transition:opacity .5s, box-shadow .5s;transition:opacity .5s, box-shadow .5s, -webkit-box-shadow .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{-webkit-box-shadow:0 0 calc(var(--font-size) * 3) var(--blue);box-shadow:0 0 calc(var(--font-size) * 3) var(--blue);}
.wrong .answer-right .game-answer-mark{-webkit-box-shadow:0 0 calc(var(--font-size) * 3) var(--red);box-shadow:0 0 calc(var(--font-size) * 3) var(--red);}
.right .answer-wrong .game-answer-mark{-webkit-box-shadow:0 0 calc(var(--font-size) * 3) var(--blue);box-shadow:0 0 calc(var(--font-size) * 3) var(--blue);}
.wrong .answer-wrong .game-answer-mark{-webkit-box-shadow:0 0 calc(var(--font-size) * 3) var(--red);box-shadow:0 0 calc(var(--font-size) * 3) var(--red);}
.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(--blue);text-shadow:0 0 calc(var(--font-size) * 3) var(--blue);}
.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;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.game-drag-inner{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--green);border-radius:calc(var(--font-size) * .5);width:100%;padding:calc(var(--font-size) * .5) 0;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;}
.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-img,.game-drag-about{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 calc(var(--font-size) * .5);}
.game-drag-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.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;}
.complete .game-next{pointer-events:auto;}
.game-next-inner{background:var(--green);border-radius:calc(var(--font-size) * .5);width:100%;padding:calc(var(--font-size) * .5) calc(var(--font-size) * 1);-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;}
.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;text-transform:uppercase;font-size:var(--font-size);font-weight:bold;}
.game-next-quest span{display:none;}
.game-next-quest span:first-child{color:var(--blue);}
.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;}
.game-next-about p{font-size:var(--font-size);font-weight:bold;margin-bottom:0;line-height:1.3em;text-align:center;}
.game-next-note{text-align:center;color:var(--lgreen);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) * 2);line-height:1em;color:var(--yellow);font-family:'Risha Neo', sans-serif;text-align:center;}
.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:calc(var(--font-size) * 2);}
/* 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:.5;}
.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);font-weight:bold;text-align:center;margin-bottom:calc(var(--font-size) * 1.85);}
.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;}
/* -------------------------------------------------------------- MEDIA -------------------------------------------------------------- */
.box-desktop{display:block;}
.box-mobile{display:none;}
.mobile .box-desktop{display:none;}
.mobile .box-mobile{display:block;}
@media (max-width:575.98px){
.game-question{-webkit-box-flex:0;-ms-flex:0 0 59.3333333%;flex:0 0 59.3333333%;}
.start .game-next-inner{padding:calc(var(--font-size) * 6.6) calc(var(--font-size) * 1.6) calc(var(--font-size) * 2.2);}
.start .game-next-about{padding: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{min-height:calc(var(--font-size) * 21.2);}
.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);margin-top:calc(var(--font-size) * 2);}
.game-next-about p{font-size:calc(var(--font-size) * 1.2);line-height:1em;}
.game-next-note{font-size:var(--font-size);margin-bottom:calc(var(--font-size) * 2);}
.game-answer-mark{width:calc(var(--font-size) * 4);height:calc(var(--font-size) * 4);}
.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%,0) rotate(-90deg);-ms-transform:translate(50%,0) rotate(-90deg);transform:translate(50%,0) rotate(-90deg);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;top:auto;bottom:50%;right:calc(var(--font-size) * .9);}
.answer-wrong .game-answer-about{-webkit-transform:translate(-50%,0) rotate(-90deg);-ms-transform:translate(-50%,0) rotate(-90deg);transform:translate(-50%,0) rotate(-90deg);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;top:50%;left:calc(var(--font-size) * .9);}
.game-answer-about{font-size:calc(var(--font-size) * 4);}
.game-drag-inner{display:block;min-height:calc(var(--font-size) * 21.2);border-radius:var(--font-size);padding:var(--font-size);}
.game-drag-img, .game-drag-about{padding:0;}
.game-drag-img{margin-bottom:var(--font-size);}
.game-drag-img img{border-radius:calc(var(--font-size) * .5);}
.game-drag-about p{text-align:center;font-size:calc(var(--font-size) * 1.2);}
.game-note p{max-width:calc(var(--font-size) * 16.5);font-size:calc(var(--font-size) * 1.2);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) * 2.4);}
.finish .game-answer-about{font-size:calc(var(--font-size) * 3.4);}
.game-result{font-size:calc(var(--font-size) * 3.4);display:block;margin-top:var(--font-size);}
.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 .game-next-about .game-next-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.static .game-next-inner p{font-size:var(--font-size);font-weight:400;color:var(--lgreen);}
.game-question-item:last-child  .game-next-inner{padding:calc(var(--font-size) * 3) var(--font-size);}
.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);}
}