:root{
--black: #000;
--white: #fff;
--blue: #131F4B;
}
*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-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);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--white);outline:none;text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;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{-webkit-box-sizing:border-box;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;-moz-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;animation: rotate 1.5s linear infinite;width:70px;}
@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* ---------------------------------------------- HEADER ---------------------------------------------- */


/* ---------------------------------------------- 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%;}
.game-bg img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.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);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%;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;transform:scale(1);transform-origin:bottom center;transition: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{transform:scale(1.5);}


.game-menu-img{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;opacity:0;transition:opacity var(--speed), 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;transform:translate(-50%,-60%);}
.desktop .game-menu a:hover .game-menu-img.overflow{opacity:0;}


/* Header */
.game-header{position:absolute;top:50%;margin-top:calc(var(--game-height) * -.5);left:50%;margin-left:calc(var(--game-width) * -.5);padding:calc(var(--font-size) * 2.5);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%;}

/* 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%;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);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{transform:translateY(-50%);}
.intro-title-plus i:after{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;filter:blur(var(--2));}
.ready .intro-title h1:before{animation:shadow 2s normal forwards ease-in-out;animation-delay:1s;}
@keyframes shadow{0%{filter:blur(0);}50%{filter:blur(var(--font-size));}100%{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;}
.start-game .game-start{opacity:0;visibility:hidden;transition:opacity 1s, visibility 0s 1s;}

/* 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%);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;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;align-items:end;gap:0 calc(var(--font-size) * 1.5);margin-top:auto;}
.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);}

/* 1 */

.play-audio-wrap{position:relative;width:calc(var(--font-size) * 11);margin:0 auto calc(var(--font-size) * 1.5);cursor:pointer;}
.play-audio-wrap:before{content:'';display:block;position:relative;width:100%;padding-top:100%;}

.play-audio-wrap:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .5s;background:radial-gradient(52.75% 52.75% at 50% 50%, rgba(116, 234, 255, 0.2) 0%, rgba(116, 234, 255, 0) 100%);}
.desktop .play-audio-wrap:hover:after{opacity:1;}


.play-audio-bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;opacity:.5;transition:opacity .5s;}
.play-audio-wrap.played .play-audio-bg{opacity:1;}

.play-audio-bg:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;border:calc(var(--font-size) * .1) solid var(--white);opacity:.4;transition:opacity .5s;z-index:10;}
.play-audio-wrap.played .play-audio-bg:before{opacity:0;}

.play-audio-bg:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(52.75% 52.75% at 50% 50%, #010C18 0%, rgba(1, 12, 24, 0) 100%);}

.play-audio-line{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s;z-index:5;}
.play-audio-wrap.played .play-audio-line{opacity:1;}
.play-audio-line img{display:block;width:100%;animation:rotate 5s infinite linear;}
@keyframes rotate{from{transform:rotate(0);}to{transform:rotate(360deg);}}


.play-audio{position:absolute;top:50%;left:50%;width:calc(var(--font-size) * 1.75);height:calc(var(--font-size) * 1.75);transform:translate(-50%,-50%);z-index:10;}
.play-audio svg{position:absolute;display:block;width:100%;top:0;left:0;transition:opacity .5s, transform .5s;}
.play-audio svg:last-child{transform:scale(0);opacity:0;}
.play-audio-wrap.played .play-audio svg:last-child{transform:scale(1);opacity:1;}
.play-audio-wrap.played .play-audio svg:first-child{transform:scale(0);opacity:0;}

.game-answers-audio ~ a{margin:0 auto;}




.play-audio-blob{position:absolute;top:50%;left:50%;width:144%;height:144%;transform:translate(-50%,-50%);pointer-events:none;clip-path:circle(34.6% at 50% 50%);transition:clip-path .75s;}
.play-audio-wrap.played .play-audio-blob{clip-path:circle(40% at 50% 50%);}

.blob{display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;}




.blob svg{display:block;width:100%;height:100%;}
.blob svg rect{background:url(../i/play-bg.svg);background-size:calc(var(--font-size) * .15) calc(var(--font-size) * .15);background-repeat:repeat;}
.blob-svg-1{display:block;position:absolute;width:0;height:0;top:0;left:0;}





/* 2 */


.game-answers-text{position:relative;padding:var(--font-size) calc(var(--font-size) * .75) calc(var(--font-size) * 6.25) var(--font-size);width:100%;height:calc(100% + var(--font-size) * 2.5);clip-path: polygon(0 0, calc(100% - var(--font-size) * .55) 0, 100% calc(var(--font-size) * .55), 100% 100%, calc(var(--font-size) * .55) 100%, 0 calc(100% - var(--font-size) * .55));background:linear-gradient(68.85deg, rgba(45, 63, 130, 0.2) 0%, rgba(107, 175, 212, 0.2) 100%);}
.game-answers-container{position:relative;height:100%;width:100%;}
.game-answers-scroll{position:absolute;top:0;left:0;height:100%;width:100%;padding-right:var(--font-size);overflow-y:auto;scrollbar-color:#4F7CA8 #0B1425;scrollbar-width:thin;-webkit-appearance: none;}
.game-answers-scroll::-webkit-scrollbar{width:calc(var(--font-size) * .25);}
.game-answers-scroll::-webkit-scrollbar-track{background:#0B1425;border-radius:calc(var(--font-size) * .25);border:none;}
.game-answers-scroll::-webkit-scrollbar-thumb{background-color:#4F7CA8;border-radius:calc(var(--font-size) * .25);border:none;}
.game-answers-scroll::-webkit-scrollbar-button{display:none!important;}
.game-answers-scroll::-webkit-scrollbar-button:start:decrement,.game-answers-scroll::-webkit-scrollbar-button:end:increment{display:none;}
.game-answers-scroll::-webkit-scrollbar-button:vertical:start:increment,.game-answers-scroll::-webkit-scrollbar-button:vertical:end:decrement,.game-answers-scroll::-webkit-scrollbar-button:horizontal:start:increment,.game-answers-scroll::-webkit-scrollbar-button:horizontal:end:decrement{height:0;width:0;min-width:0;min-height:0;visibility:hidden;opacity:0;pointer-events:none;display:none!important;}

.game-answers-scroll p{font-size:calc(var(--font-size) * 1.2);}

.game-answers-text ~ a{position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

/* 3 */

.game-answers-photo{position:relative;width:100%;height:100%;clip-path: polygon(0 0, calc(100% - var(--font-size) * .55) 0, 100% calc(var(--font-size) * .55), 100% 100%, calc(var(--font-size) * .55) 100%, 0 calc(100% - var(--font-size) * .55));cursor:pointer;}
.game-answers-photo img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}








.game-answers-zoom{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:var(--white);display:flex;flex-direction:column;text-align:center;opacity:0;transition:opacity .5s;}
.game-answers-photo:hover .game-answers-zoom{opacity:1;}
.game-answers-zoom svg{display:block;width:calc(var(--font-size) * 1.5);margin:0 auto calc(var(--font-size) * .5);margin-top:auto;}
.game-answers-zoom p{font-size:calc(var(--font-size) * 1.2);margin-bottom:auto;}





.game-answers-photo{flex-grow:1;height:auto;margin-bottom:var(--font-size);}
.game-answers-photo ~ a{margin:0 auto;display:inline-flex;}

/* Modal */

.modal-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;background:rgba(0,0,0,.3);backdrop-filter:blur(calc(var(--font-size) * .5));transition:opacity 1s,visibility 0s 1s;}
.open-modal .modal-wrap{opacity:1;visibility:visible;transition:opacity 1s,visibility 0s 0s;}


.modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../i/texture.png);background-size:cover;opacity:.2;}


.modal-inner{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(var(--font-size));pointer-events:none;opacity:0;transition:transform 1s, opacity 1s;}
.open-answer .modal-inner,.open-finish .modal-inner,.open-complete .modal-inner{transform:translateY(0);opacity:1;pointer-events:auto;}

.modal-item{background:var(--blue);width:calc(var(--font-size) * 34.85);margin:auto;text-align:center;padding:calc(var(--font-size) * 2.2) calc(var(--font-size) * 2.5) calc(var(--font-size) * 1.2);clip-path: polygon(0 0, calc(100% - var(--font-size) * 1.5) 0, 100% calc(var(--font-size) * 1.5), 100% 100%, calc(var(--font-size) * 1.5) 100%, 0 calc(100% - var(--font-size) * 1.5));}

.modal-big .modal-item{width:calc(var(--font-size) * 59.25);}


.modal-item p{font-size:calc(var(--font-size) * 1.5);line-height:1em;margin-bottom:1em;}
.pointer a{pointer-events:none!important;}


/* Gallery */
.modal-gallery-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;background:rgba(0,0,0,.3);backdrop-filter:blur(calc(var(--font-size) * .5));transition:opacity 1s,visibility 0s 1s;}
.open-gallery .modal-gallery-wrap{opacity:1;visibility:visible;transition:opacity 1s,visibility 0s 0s;}

.modal-gallery-inner{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(var(--font-size));pointer-events:none;opacity:0;transition:transform 1s, opacity 1s;}
.open-gallery .modal-gallery-inner{transform:translateY(0);opacity:1;pointer-events:auto;}





.modal-gallery-item{position:relative;width:calc(var(--font-size) * 33.4);margin:auto;text-align:center;}
.modal-gallery-img{position:relative;width:100%;padding-top:56%;clip-path: polygon(0 0, calc(100% - var(--font-size) * 1.5) 0, 100% calc(var(--font-size) * 1.5), 100% 100%, calc(var(--font-size) * 1.5) 100%, 0 calc(100% - var(--font-size) * 1.5));}
.modal-gallery-img img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.close-modal{position:absolute;top:0;left:100%;width:calc(var(--font-size) * 1.6);margin-left:calc(var(--font-size) * .7);}
.close-modal svg{display:block;width:100%;}


/* Tabs */

.answer-menu{display:flex;justify-content:center;gap:0 calc(var(--font-size) * 1.5);}


.answer-menu-num{min-width:calc(var(--font-size) * 2);text-align:center;display:flex;justify-content:center;align-items:center;font-size:calc(var(--font-size) * 1.5);}
.answer-menu-item{position:relative;}
.answer-menu-item a.but{min-width:calc(var(--font-size) * 9);}
.answer-tabs-1 .answer-tabs-item:last-child{display:none;}
.answer-tabs-2 .answer-tabs-item:first-child{display:none;}



.answer-tabs-1 ~ .answer-menu .tabs-prev{pointer-events:none;opacity:0;}
.answer-tabs-2 ~ .answer-menu .tabs-next{display:none;}

.answer-menu{display:flex;}
.answer-menu-share{display:none;justify-content:center;gap:0 calc(var(--font-size) * 1.5);}
.open-share .answer-menu{display:none;}
.open-share .answer-menu-share{display:flex;}

.reset{display:none;}
.answer-tabs-2 ~ .answer-menu .reset{display:flex;}

.share{display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:calc(var(--font-size) * 1.5);width:calc(var(--font-size) * 1.7);}
.share svg{display:block;width:100%;}
.answer-tabs-2 ~ .answer-menu .share{display:block;}


.answer-tabs ul{font-size:calc(var(--font-size) * 1.5);line-height:1.2em;}
.answer-tabs ul li{position:relative;}

.answer-tabs ul li:before{content:'\2219';display:inline-block;position:absolute;right:100%;top:0;margin-right:calc(var(--font-size) * .75);}

.align-left{text-align:left;}


.mb-20{margin-bottom:var(--font-size);}


/* Share */
.share-wrap{position:absolute;top:50%;left: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:var(--font-size);color:var(--light);margin-bottom:calc(var(--font-size) * 1.5);}
.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);}
.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) * 3.1);height:calc(var(--font-size) * 3.1);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%;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) * .1) 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%;}
}
/* -------------------------------------------------------------- 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-header{padding:var(--font-size);}
.logo{width:calc(var(--font-size) * 9);margin-bottom:var(--font-size);}

.game-intro{height:100%;}
.row > :first-child .game-intro,.row > :last-child .game-intro{padding:var(--font-size);}

.row > :last-child .game-intro{padding-top:0;}

.intro-title{padding:0 calc(var(--font-size) * .8);margin-bottom:0;margin-left:0;}
.intro-title h1{font-size:calc(var(--font-size) * 2.7);}
.game-intro p{padding-left:calc(var(--font-size) * .8);padding-right:calc(var(--font-size) * 2);font-size:calc(var(--font-size) * 1.3);}










.game-menu-item{height:100%;}
.game-menu{display:flex;}
.game-menu a{display:block;overflow:hidden;}

.game-menu-container{position:relative;left:0;top:0;width:100%;height:100%;transform:none;}

.game-menu-text{bottom:var(--font-size);}
.game-menu-img.overflow{opacity:.5;}
.game-menu-img img{min-width:0;width:60%;}


.cover-wrap{overflow-y:auto;}
.cover-wrap-scroll{overflow-y:auto;}

/* 1 */
.play-audio-wrap{width:calc(var(--font-size) * 8);margin:0 auto var(--font-size);}



.play-audio{width:calc(var(--font-size) * 2);height:calc(var(--font-size) * 2);}

/* 2 */


.row > *:first-child .game-answers-text{width:calc(100% + var(--font-size));margin-left:calc(var(--font-size) * -1);}
.row > *:last-child .game-answers-text{width:calc(100% + var(--font-size));margin-right:calc(var(--font-size) * -1);}

#game-2 .game-answers-item{height:0;overflow:hidden;}
#game-2 .game-answers-item.active{position:relative;height:auto;overflow:visible;}
#game-2 .game-intro .game-answers-item p{padding-left:0;padding-right:0;}
.game-answers-scroll{position:relative;}

/* 3 */



#game-3 .col-sm-4{padding-right:calc(var(--font-size) * 3);}

.game-answers-photo{padding-top:63.9%;}


.game-answers-photo{cursor:auto;margin-bottom:0;}
.game-answers-photo ~ a{position:absolute;bottom:calc(var(--font-size) * 1.5);right:calc(var(--font-size) * 4.5);}







.answer-tabs-item{overflow-y:auto;max-height:calc(var(--font-size) * 16);margin-bottom:var(--font-size);}
.answer-tabs-item .row{margin-left:0;margin-right:0;}
.answer-tabs-item .row > *{padding-left:0;padding-right:0;}



.row-but{position:absolute;top:var(--font-size);right:var(--font-size);z-index:799;flex-direction:column;row-gap:calc(var(--font-size) * 1.5);}

.game-fullscreen{order:-1;}

/* Modal */
.modal-item{width:calc(var(--font-size) * 26);padding:calc(var(--font-size) * 2.8) calc(var(--font-size) * 2) calc(var(--font-size) * 1.5);}
.modal-big .modal-item{width:calc(var(--font-size) * 26);}

.share-m{display:none;top:var(--font-size);right:var(--font-size);left:auto;transform:none;margin-left:auto;width:calc(var(--font-size) * 2);}
.open-share .share-m,.open-complete .share-m{display:block;}
.share:not(.share-m){display:none!important;}

.modal-item p{font-size:calc(var(--font-size) * 1.3);}

.gallery-link{display:none;}

.modal-gallery-item{width:calc(var(--font-size) * 25);}



.rg-m-15{row-gap:calc(var(--font-size) * 1.5);}
.mb-m-0{margin-bottom:0;}
}
