:root{
--black: #000;
--white: #fff;
--blue: #131F4B;
}
*{-webkit-touch-callout:none;-webkit-user-select:none;-ms-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:'Alegreya Sans', sans-serif;font-weight:400;font-style:normal;color:var(--white);background:var(--black);transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--white);outline:none;text-decoration:none;transition:color .3s;}
.desktop a:hover{text-decoration:none;color:var(--white);}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{box-sizing:border-box;}
input{-webkit-appearance:none;}
/* text */
p{color:var(--white);line-height:1.3em;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;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:normal;font-family:'Unbounded', sans-serif;}
h1,.h1{font-size:8.125em;line-height:1.3em;}
h2,.h2{font-size:2.75em;line-height:1.05em;}
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);transition:background .8s;overflow:hidden;z-index:9999;visibility:visible;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:flex;align-items:center;justify-content:center;width:100%;height:var(--app-height);overflow:hidden;transition:background .5s;}
.game-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.game-bg img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.game-bg-item{display:block;position:absolute;width:100%;height:calc(var(--game-height) * .7);top:50%;margin-top:calc(var(--game-height) * -.15);left:0;background:linear-gradient(180deg, rgba(0, 48, 72, 0) 0%, #003048 62.02%);}
.game-bg-item:after{content:'';display:block;position:absolute;left:0;top:99%;width:100%;height:var(--app-height);background:#003048;}
.cover{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cover-wrap{position:relative;width:var(--game-width);height:var(--game-height);}
.cover-wrap-scroll{width:100%;height:100%;}
.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;}
/* Menu */
.game-menu{display:table;width:100%;height:100%;--speed:.5s;}
.game-menu a{position:relative;display:table-cell;width:33.33333334%;transition:width var(--speed);}
.desktop .game-menu:hover a{width:25%;}
.desktop .game-menu:hover a:hover{width:50%;}
.game-menu-container{position:absolute;left:0;top:50%;width:100%;height:var(--app-height);-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;flex-direction:column;}
.game-menu a > *{pointer-events:none;}
.game-menu a:nth-child(1){--background:#2600FF;--background-h:#2600FF;--color:#6B5BF2;--shadow:#9D91FF;--gradient:radial-gradient(50% 50% at 50% 50%, rgba(134, 29, 227, 0) 0%, rgba(134, 29, 227, 0.2) 100%);}
.game-menu a:nth-child(2){--background:#8D00A9;--background-h:#FF38C3;--color:#82349A;--shadow:#FF91E7;--gradient:radial-gradient(50% 50% at 50% 50%, rgba(255, 56, 195, 0) 0%, rgba(255, 56, 195, 0.2) 100%);}
.game-menu a:nth-child(3){--background:#469998;--background-h:#469998;--color:#009794;--shadow:#91FFCA;--gradient:radial-gradient(50% 50% at 50% 50%, rgba(29, 227, 198, 0) 0%, rgba(29, 227, 198, 0.2) 100%);}
.game-menu a .game-menu-container:before,.game-menu a .game-menu-container:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.game-menu a .game-menu-container:before{background:var(--background);opacity:.2;transition:background var(--speed);}
.game-menu a .game-menu-container:after{background:var(--gradient);opacity:0;background-blend-mode:color-dodge;transition:opacity var(--speed);}
.desktop .game-menu a:hover .game-menu-container:before{background:var(--background-h);}
.desktop .game-menu a:hover .game-menu-container:after{opacity:1;}
.game-menu-item{position:relative;width:100%;height:var(--game-height);margin:auto;z-index:10;}
.game-menu-text{position:absolute;font-size:calc(var(--font-size) * 1.5);color:var(--color);text-shadow:0 0 0 transparent;bottom:calc(var(--font-size) * 2.5);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:color var(--speed), text-shadow var(--speed);font-family:'Unbounded', sans-serif;text-align:center;text-transform:uppercase;}
.game-menu-text span{display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:-webkit-transform var(--speed);transition:transform var(--speed);transition:transform var(--speed), -webkit-transform var(--speed);}
.desktop .game-menu a:hover .game-menu-text{color:white;text-shadow:0 0 var(--font-size) var(--shadow);}
.desktop .game-menu a:hover .game-menu-text span{-webkit-transform:scale(1.5);transform:scale(1.5);}
.game-menu-img{position:absolute;top:30%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;opacity:0;transition:opacity var(--speed), -webkit-transform var(--speed);transition:opacity var(--speed), transform var(--speed);transition:opacity var(--speed), transform var(--speed), -webkit-transform var(--speed);}
.game-menu-img img{display:block;min-width:200%;}
.overflow{overflow:hidden;opacity:.2;}
.desktop .game-menu a:hover .game-menu-img{opacity:1;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);}
.desktop .game-menu a:hover .game-menu-img.overflow{opacity:0;}
/* Header */
.game-header{position:absolute;top:0;left:0;width:100%;padding:calc(var(--font-size) * 2);pointer-events:none;z-index:899;}
.game-header a{display:block;width:calc(var(--font-size) * 7.5);pointer-events:auto;}
.game-header a svg{display:block;width:100%;}
.game-header p{font-size:calc(var(--font-size) * 1.5);font-weight:bold;margin-left:auto;margin-bottom:0;transition:opacity .5s;}
.game-header .hl-1{color:#74EAFF;}
.game-header .hl-2{color:#AC7CFF;}
.finish-game .game-header p{opacity:0;}
/* Intro */
.game-intro{padding:calc(var(--font-size) * 2.5) 0;height:100%;display:flex;flex-direction:column;}
.row > *:first-child .game-intro{padding-left:calc(var(--font-size) * 2.5);padding-top:calc(var(--font-size) * 5.5);}
.row > *:last-child .game-intro{padding-right:calc(var(--font-size) * 2.5);}
.game-intro p{font-size:calc(var(--font-size) * 1.5);}
.intro-title{display:inline-block;position:relative;padding:calc(var(--font-size) * .3);margin-bottom:calc(var(--font-size) * .3);margin-left:calc(var(--font-size) * -.3);}
.intro-title-plus{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5%;height:5%;z-index:10;transition:height .5s 0s, width .5s .5s;}
.ready .intro-title-plus{width:100%;height:100%;}
.intro-title-plus i{display:block;position:absolute;width:calc(var(--font-size) * .6);height:calc(var(--font-size) * .6);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.intro-title-plus i:nth-child(1){top:0;left:100%;}
.intro-title-plus i:nth-child(2){top:0;left:0;}
.intro-title-plus i:nth-child(3){top:100%;left:100%;}
.intro-title-plus i:nth-child(4){top:100%;left:0;}
.intro-title-plus i:before,.intro-title-plus i:after{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:calc(var(--font-size) * .15);background:var(--white);}
.intro-title-plus i:before{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.intro-title-plus i:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);}
.intro-title h1{position:relative;color:transparent;font-size:calc(var(--font-size) * 3);text-transform:uppercase;background:linear-gradient(88.06deg, #7CC6FF 0.19%, #AC7CFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 1s 1s;}
.ready .intro-title h1{opacity:1;}
.intro-title h1:before,.intro-title h1:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;}
.intro-title h1:after{background-image:url(../i/texture.png);background-size:cover;background-position:center;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);opacity:1;mix-blend-mode:color-dodge;}
.intro-title h1:before{background:linear-gradient(88.06deg, #7CC6FF 0.19%, #AC7CFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:blur(var(--2));filter:blur(var(--2));}
.ready .intro-title h1:before{-webkit-animation:shadow 2s normal forwards ease-in-out;animation:shadow 2s normal forwards ease-in-out;-webkit-animation-delay:1s;animation-delay:1s;}
@-webkit-keyframes shadow{0%{-webkit-filter:blur(0);filter:blur(0);}50%{-webkit-filter:blur(var(--font-size));filter:blur(var(--font-size));}100%{-webkit-filter:blur(calc(var(--font-size) * .1));filter:blur(calc(var(--font-size) * .1));}}
@keyframes shadow{0%{-webkit-filter:blur(0);filter:blur(0);}50%{-webkit-filter:blur(var(--font-size));filter:blur(var(--font-size));}100%{-webkit-filter:blur(calc(var(--font-size) * .1));filter:blur(calc(var(--font-size) * .1));}}
.mb-0{margin-bottom:0;}
.game-start{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;visibility:visible;transition:opacity 1s,visibility 0s 0s;z-index:799;}
.start-game .game-start{opacity:0;visibility:hidden;transition:opacity 1s, visibility 0s 1s;}
/* Arrow */
.arrow{position:absolute;left:55%;top:50%;width:calc(var(--font-size) * 11);}
.arrow img{display:block;width:100%;}
.hand{position:absolute;left:68%;top:48%;width:calc(var(--font-size) * 6);-webkit-animation:hand 1s infinite;animation:hand 1s infinite;}
.hand img{display:block;width:100%;}
@-webkit-keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(-100%,30%);transform:translate(-100%,30%);}}
@keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(-100%,30%);transform:translate(-100%,30%);}}
/* Game item */
.game-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s,visibility 0s 1s;}
.game-item.active{opacity:1;visibility:visible;transition:opacity 1s,visibility 0s 0s;}
.game-question{color:var(--white);font-size:calc(var(--font-size) * 2);line-height:1.2em;font-weight:600;text-align:center;margin-bottom:calc(var(--font-size) * 1.8);}
.game-question span{color:#9E74FF;}
.game-answers{position:relative;width:100%;}
.game-answers-item{position:absolute;display:flex;flex-direction:column;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s,visibility 0s 1s;}
.game-answers-item.active{opacity:1;visibility:visible;transition:opacity 1s,visibility 0s 0s;}
.game-note{gap:0 calc(var(--font-size) * .9);font-size:calc(var(--font-size) * .8);}
.game-note svg{display:block;width:calc(var(--font-size) * .9);}
.h-light{color:#74EAFF;}
/* but */
.but{position:relative;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:calc(var(--font-size) * 2.65);font-size:calc(var(--font-size) * 1.2);white-space:nowrap;padding:0 calc(var(--font-size) * 1.2);background:linear-gradient(68.85deg, rgba(45, 63, 130, 0.2) 0%, rgba(107, 175, 212, 0.2) 100%);-webkit-clip-path: polygon(0 0, calc(100% - var(--font-size) * .35) 0, 100% calc(var(--font-size) * .35), 100% 100%, calc(var(--font-size) * .35) 100%, 0 calc(100% - var(--font-size) * .35));clip-path: polygon(0 0, calc(100% - var(--font-size) * .35) 0, 100% calc(var(--font-size) * .35), 100% 100%, calc(var(--font-size) * .35) 100%, 0 calc(100% - var(--font-size) * .35));}
.but:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(../i/texture.png);background-size:30%;opacity:.2;mix-blend-mode:color-dodge;}
.but:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#7494FF;opacity:0;transition:opacity .5s;-webkit-clip-path: polygon(0 0, calc(100% - var(--font-size) * .35) 0, 100% calc(var(--font-size) * .35), 100% 100%, calc(var(--font-size) * .35) 100%, 0 calc(100% - var(--font-size) * .35), 0 0, calc(var(--font-size) * .1) 0, calc(var(--font-size) * .1) calc(100% - var(--font-size) * .4), calc(var(--font-size) * .4) calc(100% - var(--font-size) * .1), calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1), calc(100% - var(--font-size) * .1) calc(var(--font-size) * .4), calc(100% - var(--font-size) * .4) calc(var(--font-size) * .1), 0 calc(var(--font-size) * .1));clip-path: polygon(0 0, calc(100% - var(--font-size) * .35) 0, 100% calc(var(--font-size) * .35), 100% 100%, calc(var(--font-size) * .35) 100%, 0 calc(100% - var(--font-size) * .35), 0 0, calc(var(--font-size) * .1) 0, calc(var(--font-size) * .1) calc(100% - var(--font-size) * .4), calc(var(--font-size) * .4) calc(100% - var(--font-size) * .1), calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1), calc(100% - var(--font-size) * .1) calc(var(--font-size) * .4), calc(100% - var(--font-size) * .4) calc(var(--font-size) * .1), 0 calc(var(--font-size) * .1));}
.desktop .but:hover:after{opacity:1;}
.but span{position:relative;}
.row-but{display:flex;gap:0 calc(var(--font-size) * 1.5);}
.row-but a{display:block;width:calc(var(--font-size) * 1.5);transition:opacity .5s;}
.desktop .row-but a:hover{opacity:.5;}
.row-but a svg{display:block;width:100%;}
.row-but a svg *{transition:fill .5s;}
.fullscreen-active .game-fullscreen svg *{fill:#9E74FF;}
.muted .game-mute svg *{fill:#9E74FF;}
.game-fullscreen{display:none!important;}
.desktop .game-fullscreen{display:block!important;}
.but.game-close{min-width:calc(var(--font-size) * 10.7);}
.row-but a.game-close{display:none;}
.show-home .row-but a.game-close{display:block;}
.show-share .row-but a.game-close{display:none;}
/* -------------------------------------------------------------- Gosha -------------------------------------------------------------- */
.gosha{position:absolute;top:65%;left:50%;width:calc(var(--font-size) * 13.8);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.gosha:before{content:'';display:block;width:100%;padding-top:100%;}
.gosha-body{position:absolute;top:0;left:0;width:100%;height:100%;}
.gosha-body img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
/* Ear */
.gosha-ear-wrap-l,.gosha-ear-wrap-r{position:absolute;top:0;left:50%;height:100%;width:18.84057971%;margin-left:-9.42028985%;}
.gosha-ear-l,.gosha-ear-r{position:absolute;top:0;left:0;width:100%;height:100%;}
.gosha-ear-l img,.gosha-ear-r img{position:relative;display:block;width:100%;margin-top:.72463768%;}
.gosha-ear-l i,.gosha-ear-r i{display:block;position:absolute;top:1.6%;width:66%;padding-top:66%;border-radius:100%;transition:background .5s;background:radial-gradient(77.08% 77.08% at 35.42% 22.92%, #2CC8FC 0%, #055C80 100%), radial-gradient(44.77% 47.92% at 47.92% 45.83%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76.44%, rgba(0, 0, 0, 0.2) 100%);}
.gosha-ear-l i{left:12%;}
.gosha-ear-r i{right:12%;}
.gosha-ear-l{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
.gosha-ear-r{-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.gosha-ear-l i:before,.gosha-ear-l i:after,.gosha-ear-r i:before,.gosha-ear-r i:after{content:'';display:block;position:absolute;top:0;left:0;height:100%;width:100%;border-radius:100%;opacity:0;transition:opacity .5s;}
.gosha-ear-l i:before,.gosha-ear-r i:before{background:radial-gradient(77.08% 77.08% at 35.42% 22.92%, #FC2C59 0%, #055C80 100%),radial-gradient(44.77% 47.92% at 47.92% 45.83%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76.44%, rgba(0, 0, 0, 0.2) 100%);}
.gosha-ear-l i:after,.gosha-ear-r i:after{background:radial-gradient(77.08% 77.08% at 35.42% 22.92%, #2CFC94 0%, #055C80 100%),radial-gradient(44.77% 47.92% at 47.92% 45.83%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 76.44%, rgba(0, 0, 0, 0.2) 100%);}
.sad .gosha-ear-l i:before,.sad .gosha-ear-r i:before{opacity:1;}
.happy .gosha-ear-l i:after,.happy .gosha-ear-r i:after{opacity:1;}
/* Face */
.gosha-face{position:absolute;top:0;left:0;width:100%;height:100%;}
/* Eye */
.gosha-eye-l,.gosha-eye-r{position:absolute;bottom:50%;width:11.95652173%;margin-bottom:-3.98550724%;}
.gosha-eye-l img,.gosha-eye-r img{position:relative;display:block;width:100%;}
.gosha-eye-l i,.gosha-eye-r i{display:block;position:absolute;top:10%;left:28.8%;width:42.42424242%;padding-top:52.4%;border-radius:100%;background:#fff;transition:padding-top .5s;}
.gosha-eye-l i:before,.gosha-eye-r i:before{content:'';display:block;position:absolute;top:85%;right:85%;width:50%;height:50%;border-radius:inherit;background:inherit;opacity:0;transition:opacity .25s 0s;}
.gosha-eye-l{right:50%;margin-right:5.79710144%;}
.gosha-eye-r{left:50%;margin-left:5.79710144%;}
.sad .gosha-eye-l i:before,.sad .gosha-eye-r i:before{opacity:1;transition:opacity .25s .25s;}
/* Mouth */
.gosha-mouth{position:absolute;top:50%;left:50%;width:9.05797101%;margin-left:-4.528985505%;margin-top:5.07246376%;}
.gosha-mouth img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s;}
.gosha-mouth img:nth-child(1){opacity:1;position:relative;}
.gosha-mouth img:nth-child(2){opacity:0;}
.gosha-mouth img:nth-child(3){opacity:0;}
.happy .gosha-mouth img:nth-child(1){opacity:0;}
.happy .gosha-mouth img:nth-child(2){opacity:1;}
.happy .gosha-mouth img:nth-child(3){opacity:0;}
.sad .gosha-mouth img:nth-child(1){opacity:0;}
.sad .gosha-mouth img:nth-child(2){opacity:0;}
.sad .gosha-mouth img:nth-child(3){opacity:1;}
/* Light */
.gosha-light{position:absolute;top:0;left:0;width:100%;height:100%;}
.gosha-light img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .2s;}
.gosha-light{-webkit-mask-image:url(../i/gosha-mask.png);mask-image:url(../i/gosha-mask.png);-webkit-mask-size:cover;mask-size:cover;}
.gosha-light:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;opacity:.9;isolation:isolate;mix-blend-mode:hard-light;transition:background .5s;}
.sad .gosha-light:after{background:#F12C59;}
.happy .gosha-light:after{background:#74FFBE;}
.gosha-light img:nth-child(1){-webkit-animation:light-1 4s linear infinite;animation:light-1 4s linear infinite;}
@-webkit-keyframes light-1{0%{opacity:1;}50%{opacity:1;}51%{opacity:0;}59%{opacity:0;}60%{opacity:1;}100%{opacity:1;}}
@keyframes light-1{0%{opacity:1;}50%{opacity:1;}51%{opacity:0;}59%{opacity:0;}60%{opacity:1;}100%{opacity:1;}}
.gosha-light img:nth-child(2){-webkit-animation:light-2 4.5s linear infinite;animation:light-2 4.5s linear infinite;}
@-webkit-keyframes light-2{0%{opacity:1;}30%{opacity:1;}31%{opacity:0;}39%{opacity:0;}40%{opacity:1;}100%{opacity:1;}}
@keyframes light-2{0%{opacity:1;}30%{opacity:1;}31%{opacity:0;}39%{opacity:0;}40%{opacity:1;}100%{opacity:1;}}
.gosha-light img:nth-child(3){-webkit-animation:light-3 3.5s linear infinite;animation:light-3 3.5s linear infinite;}
@-webkit-keyframes light-3{0%{opacity:1;}70%{opacity:1;}71%{opacity:0;}79%{opacity:0;}80%{opacity:1;}100%{opacity:1;}}
@keyframes light-3{0%{opacity:1;}70%{opacity:1;}71%{opacity:0;}79%{opacity:0;}80%{opacity:1;}100%{opacity:1;}}
.happy .gosha-light img:nth-child(1){-webkit-animation:light-1 1.2s linear infinite;animation:light-1 1.2s linear infinite;}
.happy .gosha-light img:nth-child(2){-webkit-animation:light-1 1.4s linear infinite;animation:light-1 1.4s linear infinite;}
.happy .gosha-light img:nth-child(3){-webkit-animation:light-1 1s linear infinite;animation:light-1 1s linear infinite;}
.sad .gosha-light img{-webkit-animation:light-sad 4s linear infinite;animation:light-sad 4s linear infinite;}
@-webkit-keyframes light-sad{0%{opacity:1;}20%{opacity:1;}21%{opacity:0;}30%{opacity:0;}31%{opacity:1;}40%{opacity:1;}41%{opacity:0;}60%{opacity:0;}61%{opacity:1;}100%{opacity:1;}}
@keyframes light-sad{0%{opacity:1;}20%{opacity:1;}21%{opacity:0;}30%{opacity:0;}31%{opacity:1;}40%{opacity:1;}41%{opacity:0;}60%{opacity:0;}61%{opacity:1;}100%{opacity:1;}}
/* Light */
.gosha-shadow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;-webkit-filter:blur(var(--font-size));filter:blur(var(--font-size));--glow:#8E90FF;}
.gosha-shadow .gosha-ear-l:before,.gosha-shadow .gosha-ear-r:before{content:'';display:block;position:absolute;left:0;right:0;top:0;width:100%;height:25%;border-radius:50%;background:var(--glow);transition:background .5s;}
.gosha-shadow:before{content:'';display:block;position:absolute;top:15%;left:15%;width:70%;height:70%;background:var(--glow);border-radius:100%;transition:background .5s;}
.gosha-shadow:after{content:'';display:block;position:absolute;top:-5%;left:0%;width:100%;height:100%;background:#FFE6B1;border-radius:100%;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(.15);transform:scaleY(.15);transition:background .5s;}
.sad .gosha-shadow:after,.happy .gosha-shadow:after{background:var(--glow);}
.gosha-legs{position:absolute;top:0;left:0;width:100%;height:100%;}
.gosha-legs:before,.gosha-legs:after{content:'';position:absolute;display:block;bottom:10%;width:15%;height:15%;border-radius:50%;background:var(--glow);transition:background .5s;}
.gosha-legs:before{left:20%;}
.gosha-legs:after{right:20%;}
.happy .gosha-shadow{--glow:#74FFBE;}
.sad .gosha-shadow{--glow:#FF4E86;}
/* Nav */
.gosha-nav{position:absolute;bottom:0;left:0;width:100%;text-align:center;}
/* -------------------------------------------------------------- QUESTION -------------------------------------------------------------- */
.question-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:visibility 0s 0s, opacity 1s;}
.question-item{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:visibility 0s 1s, opacity 1s;}
.question-item.active{visibility:visible;opacity:1;transition:visibility 0s 0s, opacity 1s;}
.finish-game .question-wrap{visibility:hidden;opacity:0;transition:visibility 0s 1s, opacity 1s;}
.question-main,.question-answers{position:absolute;bottom:0;width:33.2%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:end;pointer-events:auto;padding:calc(var(--font-size) * 2);}
.question-main{left:0;height:100%;display:flex;align-items:end;}
.question-answers{right:0;gap:calc(var(--font-size) * .5);min-height:calc(var(--game-height) * .6 + calc(var(--font-size) * 4));}
.question-main-item{position:relative;}
.question-main-item .box-angle:after{background:#829EFF;opacity:.5;}
.question-main-item .question-answers-content{height:100%;min-height:100%;min-height:calc(var(--game-height) * .6);display:flex;flex-direction:column;}
.happy .question-main .box-glow:before{background:#74FFBE;opacity:.5;}
.happy .question-main .box-angle:after{background:#74FFBE;opacity:.5;}
.sad .question-main .box-glow:before{background:#FF4E86;opacity:.5;}
.sad .question-main .box-angle:after{background:#FF4E86;opacity:.5;}
.question-main-start{display:block;margin-bottom:calc(var(--font-size) * -.5);}
.question-main-happy{display:none;}
.question-main-sad{display:none;}
.happy .question-main-start,.sad .question-main-start{display:none;}
.happy .question-main-happy{display:block;}
.sad .question-main-sad{display:block;}
.question-main-item .question-answers-content p{line-height:1em;font-weight:bold;color:#74EAFF;}
.happy .question-main-item .question-answers-content p{color:#74FFBE;}
.sad .question-main-item .question-answers-content p{color:#FF4E86;}
.question-answers-content{display:flex;flex-direction:column;gap:calc(var(--font-size) * .5);flex-grow:1;}
.question-answers-content span{font-size:.75em;display:block;margin-top:auto;width:100%;}
.mt-0{margin-top:auto;}
.question-answers-item{min-width:100%;flex:1 1 0%;display:flex;flex-direction:column;}
.question-answers-drag{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;}
.complete .question-answers-drag{pointer-events:none;opacity:.5;}
.question-next{opacity:0;pointer-events:none;transition:opacity .5s;color:var(--white);}
.complete .question-next{opacity:1;pointer-events:auto;}
a.next{min-width:calc(var(--font-size) * 9.1);}
.question-answers-drag{position:relative;}
.box-wrap{position:absolute;top:0;left:0;width:100%;height:100%;}
.box-angle{position:relative;width:100%;height:100%;-webkit-backdrop-filter:blur(calc(var(--font-size) * .5));backdrop-filter:blur(calc(var(--font-size) * .5));-webkit-clip-path: polygon(0 0,calc(100% - var(--font-size)) 0,100% var(--font-size),100% 100%,var(--font-size) 100%,0 calc(100% - var(--font-size)));clip-path: polygon(0 0,calc(100% - var(--font-size)) 0,100% var(--font-size),100% 100%,var(--font-size) 100%,0 calc(100% - var(--font-size)));}
.box-angle:before{content:'';position:absolute;inset:0;opacity:.3;background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;}
.box-angle:after{content:'';position:absolute;inset:0;background:#74EAFF;transition:background .5s, opacity .5s;-webkit-clip-path:polygon(0 0,calc(100% - var(--font-size)) 0,100% var(--font-size),100% 100%,var(--font-size) 100%,0 calc(100% - var(--font-size)),0 0,calc(var(--font-size) * .1) calc(var(--font-size) * .1),calc(var(--font-size) * .1) calc(100% - var(--font-size) - var(--font-size) * .082),calc(var(--font-size) + var(--font-size) * .082) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(var(--font-size) + var(--font-size) * .082),calc(100% - var(--font-size) - var(--font-size) * .082) calc(var(--font-size) * .1),calc(var(--font-size) * .1) calc(var(--font-size) * .1));clip-path:polygon(0 0,calc(100% - var(--font-size)) 0,100% var(--font-size),100% 100%,var(--font-size) 100%,0 calc(100% - var(--font-size)),0 0,calc(var(--font-size) * .1) calc(var(--font-size) * .1),calc(var(--font-size) * .1) calc(100% - var(--font-size) - var(--font-size) * .082),calc(var(--font-size) + var(--font-size) * .082) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(var(--font-size) + var(--font-size) * .082),calc(100% - var(--font-size) - var(--font-size) * .082) calc(var(--font-size) * .1),calc(var(--font-size) * .1) calc(var(--font-size) * .1));}
.box-glow:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#74EAFF;opacity:0;transition:opacity .5s, background .5s;border-radius:0 var(--font-size) 0 var(--font-size);-webkit-filter:blur(var(--font-size));filter:blur(var(--font-size));}
.box-glow{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%, -100% -100%, calc(var(--font-size) * .1) -100%,calc(var(--font-size) * .1) calc(100% - var(--font-size) - var(--font-size) * .082),calc(var(--font-size) - var(--font-size) * .082) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(var(--font-size) - var(--font-size) * .082),calc(100% - var(--font-size) - var(--font-size) * .082) calc(var(--font-size) * .1),-100% calc(var(--font-size) * .1));clip-path: polygon(-100% -100%, 200% -100%, 200% 200%, -100% 200%, -100% -100%, calc(var(--font-size) * .1) -100%,calc(var(--font-size) * .1) calc(100% - var(--font-size) - var(--font-size) * .082),calc(var(--font-size) - var(--font-size) * .082) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(100% - var(--font-size) * .1),calc(100% - var(--font-size) * .1) calc(var(--font-size) - var(--font-size) * .082),calc(100% - var(--font-size) - var(--font-size) * .082) calc(var(--font-size) * .1),-100% calc(var(--font-size) * .1));}
.question-answers-drag:hover .box-glow:before{opacity:.7;}
.question-answers-content{position:relative;width:100%;margin:auto;padding:calc(var(--font-size) * .75) var(--font-size);font-size:calc(var(--font-size) * 1.2);font-weight:bold;}
/* Finish */
.game-finish{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;pointer-events:none;visibility:hidden;opacity:0;transition:visibility 0s 1s, opacity 1s;}
.finish-game .game-finish{visibility:visible;opacity:1;transition:visibility 0s 0s, opacity 1s;}
.game-finish-item{width:35%;display:flex;flex-direction:column;align-items:end;pointer-events:auto;padding:calc(var(--font-size) * 2);}
.game-finish-content{min-height:calc(var(--game-height) * .65);width:100%;position:relative;margin-top:auto;}
.game-finish-normal{display:block;}
.game-finish-sad{display:none;}
.game-finish-happy{display:none;}
.sad .game-finish-normal,.happy .game-finish-normal{display:none;}
.sad .game-finish-sad{display:block;}
.happy .game-finish-happy{display:block;}
.game-finish-poems p{font-size:calc(var(--font-size) * .9);font-weight:bold;}
.game-finish-answer p{color:#74EAFF;font-size:calc(var(--font-size) * 1.2);font-weight:bold;}
.mb-last-0 > *:last-child{margin-bottom:0;}
.game-finish-content a.but{min-width:calc(var(--font-size) * 9.1);}
.share-wrap a.but{min-width:calc(var(--font-size) * 10);}
.share-wrap a.but:first-child{margin-bottom:calc(var(--font-size) * .5);}
.share-wrap a.but svg{width:calc(var(--font-size) * 1.4);margin-right:calc(var(--font-size) * .75);}
.game-finish .game-finish-answer,.game-finish .question-answers-content{display:flex;flex-direction:column;height:100%;}
.game-finish-poems,.game-finish-answer{transition:visibility 0s 0s, opacity 1s;}
.show-share .game-finish-poems,.show-share .game-finish-answer{visibility:hidden;opacity:0;transition:visibility 0s 1s, opacity 1s;}
/* Mobile start */
.mob-start{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:none;-webkit-backdrop-filter:blur(var(--font-size));backdrop-filter:blur(var(--font-size));}
.mob-start:before{content:'';display:block;position:absolute;top:50%;left:50%;width:100vw;height:var(--app-height);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3;background-image:url(../i/texture.png);background-size:cover;background-position:center;mix-blend-mode:color-dodge;}
.mob-start-content{padding:var(--font-size);}
.mob-start-content p{font-weight:bold;}
.mob-start-content p .hl-1{color:#74EAFF;}
.mob-start-content p .hl-2{color:#AC7CFF;}
/* Share */
.share-wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .8s 0s, pointer-events 0s 0s;}
.show-share .share-wrap{opacity:1;pointer-events:auto;transition:opacity .8s .8s, pointer-events 0s .8s;}
.answer-tabs{opacity:1;pointer-events:auto;transition:opacity .8s .8s, pointer-events 0s .8s;}
.show-share .answer-tabs{pointer-events:none;opacity:0;transition:opacity .8s 0s, pointer-events 0s 0s;}
.share-wrap p{font-size:calc(var(--font-size) * 1.2);color:#74EAFF;font-weight:bold;margin-bottom:calc(var(--font-size) * 1);}
.ya-share2__list{margin-top:0!important;margin-left:0!important;margin-right:0!important;display:flex!important;gap:0 calc(var(--font-size) * .5);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;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:linear-gradient(180deg, #36BAFD 0%, #0380BE 100%);}
.ya-share2__item_service_whatsapp a.ya-share2__link:before{background:#26D366;}
a.ya-share2__link img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
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);transition:opacity .5s;}
.desktop a.ya-share2__link:hover:before{opacity:1;}
.desktop .ya-share2__item:not(.ya-share2__item_service_messenger) a.ya-share2__link:hover:after{opacity:0;}
.mtb-auto{margin-top:auto;margin-bottom:auto;}
@media (min-width:576px){
.col-sm-answer{flex:0 0 auto;width:55%;}
}
.t-inline{display:none;}
/* -------------------------------------------------------------- MEDIA -------------------------------------------------------------- */
.box-desktop{display:block;}
.box-mobile{display:none;}
.mobile .box-desktop{display:none;}
.mobile .box-mobile{display:block;}
@media (min-width: 576px) and (max-height: 250px){
.game-header{width:40%;padding:var(--font-size) 0 0 calc(var(--font-size) * 1.5);}
.game-header .row > *{flex:0 0 auto;width:auto;}
.row-but{width:calc(var(--font-size) * 1.4);flex-direction:column;gap:calc(var(--font-size) * .5);}
.row-but a{width: calc(var(--font-size) * 1.4);}
.game-header p{font-size:calc(var(--font-size) * .8);}
.intro-title h1{font-size:calc(var(--font-size) * 1.5);}
.gosha{top:50%;width:calc(var(--font-size) * 11);}
.arrow{left:52%;top:38%;width:calc(var(--font-size) * 8);}
.hand{left:62%;top:31%;width:calc(var(--font-size) * 5);}
.question-main{width:40%;padding:var(--font-size) calc(var(--font-size) * 1.5);padding-right:0;}
.question-answers{width:40%;padding:var(--font-size) calc(var(--font-size) * 1.5);padding-left:0;}
.question-main-item{width:100%;}
.question-main-item .question-answers-content{min-height:calc(var(--game-height) * .55);}
.question-main-item .center{text-align:right;}
.question-main-start{margin-bottom: calc(var(--font-size) * -4);}
.but{height:calc(var(--font-size) * 2);font-size:var(--font-size);}
a.next{min-width:calc(var(--font-size) * 4.5);}
.question-answers{flex-direction:row;height:100%;}
.question-answers-item{min-width:auto;}
.question-answers-content{font-size:var(--font-size);margin-top:0;}
.game-finish-item{width:40%;padding:var(--font-size) calc(var(--font-size) * 1.5);}
.game-finish-item:first-child{padding-right:0;padding-top:calc(var(--font-size) * 4.5);}
.game-finish-item:last-child{padding-left:0;}
.game-finish-content{height:100%;min-height:auto;}
.game-finish-answer p{font-size:var(--font-size);line-height:1em;}
.game-finish-content .center{text-align:right;}
.game-finish-content a.but{min-width:calc(var(--font-size) * 4.5);}
.share-t-flex{display:flex;gap:calc(var(--font-size) * .5);}
.share-t-flex > *:last-child{order:-1;}
.share-wrap a.but:first-child{margin-bottom:0;}
.share-wrap a.but svg{width:var(--font-size);}
.share-wrap p{font-size:var(--font-size);}
.t-none{display:none;}
.t-inline{display:inline;}
}
@media (max-width:575.98px){
.game-header{width:auto;left:auto;right:0;padding:var(--font-size);}
.row-but a{width:calc(var(--font-size) * 2);}
.arrow{left:25%;top:43%;-webkit-transform:rotate(60deg);transform:rotate(60deg);}
.arrow img{-webkit-transform:scaleX(-1);transform:scaleX(-1);}
.hand{left:40%;top:31%;}
.hand img{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
@-webkit-keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(20%,100%);transform:translate(20%,100%);}}
@keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(20%,100%);transform:translate(20%,100%);}}
.gosha{z-index:199;pointer-events:none;-webkit-transform:translate(-50%,5%);transform:translate(-50%,5%);top:auto;bottom:0;width:calc(var(--font-size) * 12);}
.question-item{display:flex;flex-direction:column;}
.question-main{position:relative;width:100%;padding:var(--font-size);padding-right:calc(var(--font-size) * 4);height:auto;min-height:calc(var(--font-size) * 7);}
.start-game .question-main{z-index:599;}
.question-main-item{width:100%;height:100%;}
.question-main-start{margin-bottom:0;}
.question-answers{position:relative;width:100%;padding:var(--font-size);padding-bottom:calc(var(--font-size) * 3.2);flex-direction:row;min-height:auto;flex:1 0 0%;}
html:not(.start-game) .question-answers{z-index:10;}
.question-answers-item{min-width:auto;}
html:not(.start-game) .mob-start{display:block;}
.mob-start-content p{font-size:calc(var(--font-size) * 1.4);}
.question-main-item .question-answers-content{min-height:auto;}
.question-answers-content{margin:0;}
.question-answers-item:last-child .question-answers-content span{text-align:right;}
.question-main-item .question-answers-content p{font-size:calc(var(--font-size) * 1.4);}
.question-answers-drag .box-angle:before{background-color:rgba(106,155,229,.8);}
.question-next,.question-answers-content .center{position:absolute;top:calc(var(--game-height) * .4);width:calc(100% + var(--font-size))!important;}
.question-answers-content .question-next.center{display:none;width:calc(50% + var(--font-size) * 1.5)!important;}
.happy .question-answers-content .center,.sad .question-answers-content .center{display:block;}
.happy [data-right="1"] .question-answers-content .center{left:0;}
.happy [data-right="2"] .question-answers-content .center{left:calc(50% + var(--font-size) * 1.5);}
.sad [data-right="1"] .question-answers-content .center{left:calc(50% + var(--font-size) * 1.5);}
.sad [data-right="2"] .question-answers-content .center{left:0;}
.question-answers-content .but:after{opacity:1;}
.game-finish{justify-content:start;flex-direction:row;flex-wrap:wrap;height:auto;}
.game-finish-item{width:100%;padding:var(--font-size);}
.game-finish-item:first-child{padding-right:calc(var(--font-size) * 4);padding-bottom:0;}
.game-finish-content{min-height:auto;margin-top:0;}
.game-finish-answer p{font-size:calc(var(--font-size) * 1.2);}
.game-finish-poems p{font-size:calc(var(--font-size) * 1.2);}
.t-none{display:none;}
.t-inline{display:inline;}
.game-finish .game-finish-answer .center{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:var(--game-width);height:var(--game-height);z-index:199;opacity:0;}
.game-finish .game-finish-answer .center a.but{position:absolute;top:0;left:0;width:100%;height:100%;}
.show-share-hidden{transition:opacity .5s, height .5s;}
.show-share .show-share-hidden{opacity:0;height: calc(var(--font-size) * 4);}
.share-t-flex{display:flex;gap:calc(var(--font-size) * .4);justify-content:center;}
.share-t-flex > *:last-child{order:-1;}
.share-wrap .d-block{position:absolute;top:145%;left:-50%;width:200%;}
.share-wrap a.but:first-child{margin-bottom:0;}
.share-wrap p{color:#fff;}
.game-finish .box-angle:after{transition:background .5s;}
.show-share .game-finish .box-angle:after{background: #829EFF;}
.game-finish-content{transition:height .5s .5s, opacity .5s;margin:auto;}
.show-share .game-finish-content{height:calc(var(--font-size) * 10);width:90%;}
.show-share .game-finish-poems{display:none;}
.show-share .share-wrap{position:relative;left:auto;top:auto;-webkit-transform:translate(0,0);transform:translate(0,0);margin:auto;}
a.ya-share2__link{width:calc(var(--font-size) * 3.5);height:calc(var(--font-size) * 3.5);}
}