:root{
--black: #000;
--white: #fff;
--grey: #6B6B6B;
--blue: #4795B2;
--orange: #F15325;
}
*{-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:'Patefon', sans-serif;font-weight:400;font-style:normal;color:var(--black);background:var(--white);transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--black);outline:none;text-decoration:none;transition:color .3s;}
: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(--black);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;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(--white);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-inner{position:relative;width:var(--game-width);height:var(--game-height);}
.game-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.game-bg img{display:block;position:absolute;top:50%;left:var(--font-size);width:97.6%;opacity:.1;transform:translate(0, -50%) rotate(-15deg);}

.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;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;transform:translate(-50%,-50%);border-width:calc(var(--font-size) * .066666666);border-style:solid;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;transform:translate(-50%,-50%);background:rgba(25,20,46,1);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;}

.game-child{position:absolute;top:50%;width:48%;right:0;transform:translate(15%, -35%) rotate(-15deg);mask-image:linear-gradient(to bottom, transparent 0%, black 30%);}
.game-child i{display:block;width:100%;mask-image:linear-gradient(to right, transparent 0%, black 30%);}
.game-child i img{display:block;width:100%;mask-image:radial-gradient(ellipse 40% 150% at 0% 0%,transparent 30%, black 60%)}




.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 */
.game-start{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:calc(var(--font-size) * 2.25);padding-top:calc(var(--font-size) * .6);transition:opacity .5s .5s;}
.start-game .game-start{pointer-events:none;opacity:0;transition:opacity .5s 0s;}

.game-title{position:relative;display:inline-block;transform:rotate(-15deg);padding-top:calc(var(--font-size) * 4);}
.flag{position:absolute;top:0;left:0;width:150vw;margin-left:calc(var(--font-size) * -2.25);}
.flag:before{content:'';display:block;width:100%;height:calc(var(--font-size) * 1.5);background:var(--blue);}
.flag:after{content:'';display:block;width:100%;height:calc(var(--font-size) * 1.5);background:var(--orange);}


.game-about{position:absolute;left:50%;bottom:calc(var(--font-size) * 1.7);width:calc(var(--font-size) * 15);transform:translateX(-50%);z-index:99;display:flex;flex-direction:column;}
.game-about p{font-size:calc(var(--font-size) * 1.15);margin-bottom:0;}

/* Note */
.game-note{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding-top:calc(var(--font-size) * 4);pointer-events:none;transition:opacity .5s;display:flex;align-items:center;justify-content:center;text-align:center;}
.show-note.start-game .game-note{opacity:1;pointer-events:auto;}
.game-note:before{content:'';display:block;position:absolute;top:50%;left:50%;width:100vw;height:var(--app-height);transform:translate(-50%,-50%);background:#575757;opacity:.5;}


.arrow-anim{position:relative;width:36%;margin:0 auto calc(var(--font-size) * 2);transform:translateX(32%);}

.arrow{position:relative;width:100%;}
.arrow img{display:none;width:100%;}
.arrow img:nth-child(1){display:block;}
.arrow img:nth-child(2){display:none;}
.arrow img:nth-child(3){display:none;}
.hand{position:absolute;left:0;top:0;width:18%;-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(500%,50%);transform:translate(500%,50%);}}
@keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(500%,50%);transform:translate(500%,50%);}}


.game-note p{position:relative;color:var(--white);font-size:calc(var(--font-size) * 1.15);margin:0 auto calc(var(--font-size) * 2);max-width:40%;}
.game-note a{position:relative;margin:0 auto;}








/* But */

.but,a.but{display:flex;justify-content: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);transition:background .5s;}
.but-min,a.but-min{display:inline-flex;justify-content:center;column-gap:var(--font-size);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);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:inline-flex;justify-content:center;column-gap:var(--font-size);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);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);transition:border-color .5s;}
.but-line span{display:flex;align-items: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;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-items-wrap{opacity:0;pointer-events:none;transition:opacity .5s 0s;}
.start-game .game-items-wrap{opacity:1;pointer-events:auto;transition:opacity .5s .5s;}

.game-item-title{display:flex;column-gap:calc(var(--font-size) * 2.5);padding:var(--font-size) calc(var(--font-size) * 4);pointer-events:none;transition:opacity .5s .5s;}
.right .game-item-title,.wrong .game-item-title{opacity:0;pointer-events:auto;transition:opacity .5s 0s;}

.game-item-title p{max-width:calc(var(--font-size) * 16.5);font-size:calc(var(--font-size) * .9);margin-bottom:0;}



.game-items-inner{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-15deg);}

.game-variant{position:absolute;z-index:199;top:calc(var(--font-size) * 2.7);left:calc(var(--font-size) * 4);border-left-width:calc(var(--font-size) * .05);border-top-width:calc(var(--font-size) * .05);border-right-width:calc(var(--font-size) * .05);border-style:solid;border-image:linear-gradient(40deg,rgba(107,107,107,1) 50%, rgba(107,107,107,0) 90%) 1;display:flex;width:58.5%;height:calc(var(--game-height) * 1.1583);transition:opacity .5s .5s;}
.right .game-variant,.wrong .game-variant{opacity:0;pointer-events:none;transition:opacity .5s 0s;}

.game-menu{position:relative;z-index:10;flex:0 0 auto;font-family: 'GOST type B';font-size:var(--font-size);}
.game-menu ul{width:calc(var(--font-size) * 12.7);border-right:calc(var(--font-size) * .05) solid var(--grey);height:100%;}
.game-menu ul li{border-bottom:calc(var(--font-size) * .05) solid var(--grey);}
.game-menu ul a{display:flex;align-items:center;width:100%;height:calc(var(--font-size) * 3);padding:0 calc(var(--font-size) * 2) 0 calc(var(--font-size) * 1.5);column-gap:calc(var(--font-size) * 2);transition:background .5s, color .5s;color:var(--grey);}
.desktop .game-menu ul a:hover{background:rgba(0,0,0,.1);}
.game-menu ul a i{display:block;width:calc(var(--font-size) * 1.35);transform:rotate(30deg);}

.game-menu ul a i svg{display:block;width:100%;}
.game-menu ul a i svg *{transition:fill .5s;}
html:not(.show-note) .game-menu ul a.active{background:var(--orange);color:var(--white);pointer-events:none;}
html:not(.show-note) .game-menu ul a.active i svg *{fill:var(--white);}


.game-items{position:relative;flex:1 0 0;}






.game-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s;pointer-events:none;padding:calc(var(--font-size) * 1.5);}
.game-item.active{opacity:1;pointer-events:auto;}


.game-item-row{display:flex;flex-wrap:wrap;row-gap:calc(var(--font-size) * 1.5);margin-left:calc(var(--font-size) * -0.75);margin-right:calc(var(--font-size) * -0.75);}
.game-item-col{flex:0 0 33.33333333%;padding-left:calc(var(--font-size) * 0.75);padding-right:calc(var(--font-size) * 0.75);}
.game-item-col:nth-child(2){margin-right:33.33333333%;}


.game-drag-wrap{position:relative;width:100%;padding-top:100%;border-radius:100%;background:rgba(217,217,217,.5);}
.game-drag-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}


.drag-item{position:absolute;width:calc(var(--font-size) * 6);height:calc(var(--font-size) * 6);}

.drag-item img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}







.game-box{position:absolute;top:74%;right:calc(var(--font-size) * -.4);width:33.6%;border-radius:100%;transform:translateY(-50%);}
.game-box:before{content:'';display:block;width:100%;padding-top:100%;border:calc(var(--font-size) * .05) solid var(--black);border-radius:inherit;transition:background 1s, border-color 1s, transform 1s;}


.right .game-box,.wrong .game-box{pointer-events:none;}

.right .game-box:before{background:#E4FDE9;transform:scale(7);}
.wrong .game-box:before{background:#FDE4E4;border-color:#BE2626;transform:scale(7);}


.game-box-item{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Sizes */


/* N1 */
.drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 3.25);}
.drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 2.15);}
.drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 2.05);}
.drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * 1.65);}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"]{top:58%;left:14%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"]{top:43%;left:29%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"]{top:32.5%;left:39.1%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"]{top:15.4%;left:56.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 3.7);}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 2.5);}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 1.6);}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * 1.3);}

/* Souz */
.drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 3.1);}
.drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * 1.2);}
.drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 2.15);}
.drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 2.3);}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"]{top:55%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"]{top:49.5%;left:23%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"]{top:28.7%;left:44%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"]{top:14.3%;left:58.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 4.4);}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * 1.7);}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 1.55);}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 1.75);}

/* Vostok */
.drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 2.75);}
.drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 0.95);}
.drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 2.15);}
.drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.95);}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"]{top:51%;left:22%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"]{top:43.5%;left:30%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"]{top:15%;left:58.5%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"]{top:7%;left:66.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 4.15);}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 1.85);}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 1.65);}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.6);}

/* Voshod */
.drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 3.4);}
.drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1.15);}
.drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 2.15);}
.drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 2.1);}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"]{top:55%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"]{top:46.5%;left:26%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"]{top:24.5%;left:48%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"]{top:11%;left:61.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 4.45);}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1.7);}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 1.55);}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 1.5);}

/* Buran */
.drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 2.75);}
.drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 1.75);}
.drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 2.05);}
.drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 5.75);}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"]{top:47%;left:26%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"]{top:54%;left:19.5%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"]{top:22.2%;left:51%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"]{top:48%;left:25%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 6.1);}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 2.8);}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 2.8);}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 8.1);}

/* Position */
.game-box-item .drag-item[data-step="step-1"]{z-index:20;}
.game-box-item .drag-item[data-step="step-2"]{z-index:15;}
.game-box-item .drag-item[data-step="step-3"]{z-index:10;}
.game-box-item .drag-item[data-step="step-4"]{z-index:5;}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"]{z-index:25;}


/* Finish */
.game-finish{position:absolute;top:0;left:0;width:100%;height:100%;padding:calc(var(--font-size) * 3.25) calc(var(--font-size) * 4);pointer-events:none;opacity:0;transition:opacity .5s 0s;z-index:199;display:flex;align-items:end;}
.game-finish *{position:relative;}
.right .game-finish,.wrong .game-finish{opacity:1;pointer-events:auto;transition:opacity .5s .5s;}
.game-finish-inner{position:relative;}
.game-finish-item{position:relative;display:none;pointer-events:none;opacity:0;transition:opacity .5s;}
[data-match="n1"] .game-finish-item[data-match="n1"],
[data-match="souz"] .game-finish-item[data-match="souz"],
[data-match="vostok"] .game-finish-item[data-match="vostok"],
[data-match="voshod"] .game-finish-item[data-match="voshod"],
[data-match="buran"] .game-finish-item[data-match="buran"]{opacity:1;display:block;pointer-events:auto;}

.game-finish-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.game-finish-bg img{display:none;position:absolute;top:50%;left:40%;transform:translate(-50%,-50%) rotate(30deg);width:50%;opacity:.2;}

[data-match="n1"] .rocket-n1,
[data-match="souz"] .rocket-souz,
[data-match="vostok"] .rocket-vostok,
[data-match="voshod"] .rocket-voshod,
[data-match="buran"] .rocket-buran{display:block;}

.game-finish-item{margin-bottom:var(--font-size);}
.game-finish-item .h2{margin-bottom:calc(var(--font-size) * .5);}
.game-finish-item p{font-size:calc(var(--font-size) * .9);max-width:calc(var(--font-size) * 16.5);}

.game-finish-wrong{display:none;max-width:calc(var(--font-size) * 17.8);padding-bottom:calc(var(--font-size) * 2);transition:opacity .5s;}
.wrong .game-finish-wrong{display:block;}

.game-finish-wrong .h2{margin-bottom:calc(var(--font-size) * 0.5);}

.game-finish-item[data-match="n1"] p{max-width:calc(var(--font-size) * 18.65);}
.game-finish-item[data-match="souz"] p{max-width:calc(var(--font-size) * 11.25);}
.game-finish-item[data-match="vostok"] p{max-width:calc(var(--font-size) * 11.7);}
.game-finish-item[data-match="voshod"] p{max-width:calc(var(--font-size) * 16.5);}
.game-finish-item[data-match="buran"] p{max-width:calc(var(--font-size) * 17.8);}


/* Social */
.right .show-social .game-finish-item,.wrong .show-social .game-finish-wrong{opacity:0;pointer-events:none;}
.social{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .5s;}
.right .show-social .social,.wrong .show-social .social{opacity:1;pointer-events:auto;}

.social .h2{margin-bottom:calc(var(--font-size) * .9);}

.ya-share2__list{margin-top:0!important;margin-left:0!important;margin-right:0!important;display:flex!important;gap:0 calc(var(--font-size) * 1.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) * 2.7);height:calc(var(--font-size) * 2.7);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 svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
a.ya-share2__link svg *{fill:var(--grey);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(--grey);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;}


.social-trigger span{column-gap:var(--font-size);}
.social-trigger span:first-child{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:flex;}

/* Prize */



.game-prize{margin-bottom:calc(var(--font-size) * 3);opacity:1;}
.wrong .game-prize{pointer-events:none;opacity:0;}
.show-social .game-prize{opacity:0;pointer-events:none;}

.game-prize a{display:none;}
.game-prize[data-item="1"] a:nth-child(1){display:inline-flex;}
.game-prize[data-item="2"] a:nth-child(2){display:inline-flex;}
.game-prize[data-item="3"] a:nth-child(3){display:inline-flex;}

.game-link{display:flex;column-gap:calc(var(--font-size) * 1.5);}

/* FS */
.game-fullscreen{display:none!important;position:absolute;top:calc(var(--font-size) * 1.5);right:calc(var(--font-size) * 1.5);width:calc(var(--font-size) * 2.4);z-index:9999;}
.desktop .game-fullscreen{display:block!important;}



.game-fullscreen img{display:block;width:100%;}


::backdrop{background:rgba(255,255,255,0);}


/* -------------------------------------------------------------- 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-start{padding-top:0;}
.game-title{transform:rotate(0);height:100%;padding-top:0;display:flex;align-items:center;}
.flag{transform:rotate(-15deg);transform-origin:left center;margin-left:calc(var(--font-size) * -3.25);top:var(--font-size);}
h1, .h1{font-size:calc(var(--font-size) * 3.5);}

.game-about{bottom:0;width:calc(var(--font-size) * 16.5);}
.game-about p{order:-1;margin-bottom:calc(var(--font-size) * .9);}
.game-about .but{margin-bottom:calc(var(--font-size) * 1.75);}

.game-note{padding-top:0;}
.game-note > *{width:100%;height:100%;}
.game-note p{position:absolute;top:50%;left:20.7%;max-width:21%;text-align:left;transform:translate(0,-50%);}
.game-note a{position:absolute;bottom:calc(var(--font-size) * 2.6);right:calc(var(--font-size) * 4);}
.arrow-anim{position:absolute;top:50%;left:50%;width:16.6%;}
.arrow img:nth-child(1){display:none;}
.arrow img:nth-child(2){display:block;}
.arrow img:nth-child(3){display:none;}
.hand{width:28%;}
@-webkit-keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(300%,0%);transform:translate(300%,0%);}}
@keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(300%,0%);transform:translate(300%,0%);}}

.game-item-title{column-gap:var(--font-size);}
.game-item-title .h2{max-width:calc(var(--font-size) * 8.1);}
.game-item-title p{max-width:calc(var(--font-size) * 25.3);padding-top:calc(var(--font-size) * .5);}

.game-item-title p span{position:relative;display:block;}
.game-item-title p span:after{content:'';display:block;position:absolute;top:100%;left:-15%;width:130%;height:calc(var(--font-size) * .05);margin-top:calc(var(--font-size) * .5);background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%);}

.game-items-inner{transform:rotate(0);}

.game-variant{flex-direction:column;height:auto;width:46%;left:20.7%;bottom:0;top:auto;border:none;}
.game-items{order:-1;height:calc(var(--font-size) * 6.1);flex:none;}
.game-item{padding:calc(var(--font-size) * .7) 0;}

.game-menu ul{display:flex;width:100%;border-right:none;}
.game-menu ul li{position:relative;flex:0 0 25%;}
.game-menu ul li:not(:last-child):before{content:'';display:block;position:absolute;top:0;right:0;height:100%;border-right:calc(var(--font-size) * .05) solid var(--grey);}
.game-menu ul a{padding:0 calc(var(--font-size) * .5) 0 calc(var(--font-size) * .5);column-gap:calc(var(--font-size) * .5);height: calc(var(--font-size) * 2.65);white-space:nowrap;}
.game-menu ul a i {width:var(--font-size);}



.game-item-col{flex:0 0 20%;}
.game-item-col:nth-child(2){margin-right:0%;}


.game-box{right:calc(var(--font-size) * -1.8);width:33.6%;top:52%;}


  

.game-finish{padding:calc(var(--font-size) * 2.5) calc(var(--font-size) * 4);}

.game-prize{position:absolute;top:0;left:31.7%;}
.game-link{position:absolute;bottom:0;left:31.7%;}

.social-item{position:absolute;bottom:0;left:25%;left:31.7%;top:30%;}

.game-finish-item[data-match="n1"] p{max-width:calc(var(--font-size) * 17.5);}
.game-finish-item[data-match="souz"] p{max-width:calc(var(--font-size) * 13.85);}
.game-finish-item[data-match="vostok"] p{max-width:calc(var(--font-size) * 14.25);}
.game-finish-item[data-match="voshod"] p{max-width:calc(var(--font-size) * 14.25);}
.game-finish-item[data-match="buran"] p{max-width:calc(var(--font-size) * 16.35);}

/* N1 */
.drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 2.4);}
.drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 1.65);}
.drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 1.5);}
.drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * 1);}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"]{top:51%;left:14%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"]{top:40%;left:25%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"]{top:32.5%;left:32.1%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"]{top:22%;left:42.7%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 2.7);}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 1.75);}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 1.15);}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * 0.75);}

/* Souz */
.drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 2.2);}
.drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * 1);}
.drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 1.4);}
.drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 1.65);}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"]{top:47%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"]{top:43.5%;left:21%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"]{top:28.7%;left:36%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"]{top:17.7%;left:47%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 3);}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * 1.2);}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 1.15);}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 1.35);}

/* Vostok */
.drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 2);}
.drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 0.7);}
.drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 1.6);}
.drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.45);}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"]{top:44%;left:22%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"]{top:39%;left:27%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"]{top:19.5%;left:46.5%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"]{top:14%;left:52%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 2.95);}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 1.25);}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 1.15);}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.05);}

/* Voshod */
.drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 2.5);}
.drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1);}
.drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 1.25);}
.drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 1.5);}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"]{top:47%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"]{top:41.5%;left:23%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"]{top:27%;left:37.5%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"]{top:18%;left:46.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 3);}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1.15);}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 1);}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 0.95);}

/* Buran */
.drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 2.05);}
.drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 1.35);}
.drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 1.3);}
.drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 3.6);}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"]{top:43%;left:26%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"]{top:46%;left:23.5%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"]{top:24.2%;left:45%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"]{top:44%;left:25%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 3.65);}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 1.95);}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 1.95);}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 4.8);}


}
@media (max-width:575.98px){

h1, .h1{font-size:calc(var(--font-size) * 4);}

.game-child{width:100%;transform:translate(36%,-35%) rotate(-15deg);opacity:.5;}
.game-start{padding-left:0;}
.flag:before,.flag:after{height:calc(var(--font-size) * 2);}
.game-title{padding-top: calc(var(--font-size) * 5);}

.game-about{left:calc(var(--font-size) * 2);transform:translateX(0);width:calc(var(--font-size) * 16.7);}

.game-about p{order:-1;margin-bottom:calc(var(--font-size) * .9);font-size:calc(var(--font-size) * 1.2);margin-bottom:calc(var(--font-size) * 1.6);}
.game-about .but{margin-bottom:0;width:calc(var(--font-size) * 7.1);}
.but,a.but{height:calc(var(--font-size) * 3.4);padding:0 var(--font-size);font-size:calc(var(--font-size) * 1.4);}


.arrow img:nth-child(1){display:none;}
.arrow img:nth-child(2){display:none;}
.arrow img:nth-child(3){display:block;}

.hand{width:40%;}
@-webkit-keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(220%,60%);transform:translate(220%,60%);}}
@keyframes hand{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(220%,60%);transform:translate(220%,60%);}}


.game-note p{position:absolute;top:30%;left:42%;max-width:46%;text-align:left;transform:translate(0,-50%);font-size:calc(var(--font-size) * 1.2);}
.game-note a{position:absolute;bottom:calc(var(--font-size) * 2);left:50%;transform:translateX(-50%);}
.arrow-anim{position:absolute;top:45%;left:32%;width:46%;transform:none;}



.game-item-title{padding:calc(var(--font-size) * 2) calc(var(--font-size) * 2);}
.game-item-title p{display:none;}





.game-items-inner{transform:rotate(0);}

.game-variant{left:calc(var(--font-size) * 2);height:calc(var(--font-size) * 22.7);top:auto;bottom:calc(var(--font-size) * 2);border:none;width:53.5%;}

.game-menu ul{width: calc(var(--font-size) * 4);border:none;}
.game-menu ul li:last-child{border-bottom:none;}
.game-menu ul li{height:25%;}
.game-menu ul a{height:100%;padding:0;justify-content:center;}
.game-menu ul a span{display:none;}
.game-menu ul a i{width:calc(var(--font-size) * 1.4);}

.game-item{padding:0 calc(var(--font-size) * 1);}

.game-item-col{flex:0 0 50%;padding-left:calc(var(--font-size) * 0.5);padding-right:calc(var(--font-size) * 0.5);}
.game-item-col:nth-child(2){margin-right:0;}
.game-item-col:nth-child(1n + 3){margin-right:50%;}

.game-item-row{row-gap:calc(var(--font-size) * 1);}
.drag-item{width:calc(var(--font-size) * 4.5);height:calc(var(--font-size) * 4.5);}

.game-finish-bg{display:none;}


.game-box{top:72%;right:-20%;width:74%;}
.game-box:before{width:150%;padding-top:150%;}

.game-finish{padding:calc(var(--font-size) * 2);}


.game-finish-item .h2{margin-bottom:calc(var(--font-size) * 1);}
.game-finish-item p{font-size:calc(var(--font-size) * 1.4);margin-bottom:calc(var(--font-size) * 2.4);max-width:100%;}

.game-prize{margin-bottom:var(--font-size);}
.game-link{flex-direction:column;gap:var(--font-size);}
.game-link a{max-width:calc(var(--font-size) * 13.6);}

.but-min, a.but-min,.but-line, a.but-line{font-size:calc(var(--font-size) * 1.2);padding:0 calc(var(--font-size) * .75);height:calc(var(--font-size) * 3.2);column-gap:calc(var(--font-size) * .5);}
.but-line{width:calc(var(--font-size) * 13.6);}
.but-line span{padding:0 calc(var(--font-size) * .5);font-size:.6666666em;height:calc(var(--font-size) * 1.2);}
.social .h2{margin-bottom:calc(var(--font-size) * 3);}

.ya-share2__list{flex-wrap:wrap;max-width:calc(var(--font-size) * 15);gap:var(--font-size);}
.ya-share2__list li{margin-right:30%;}
a.ya-share2__link{width:calc(var(--font-size) * 3.8);height:calc(var(--font-size) * 3.8);}

.drag-item img{transform:translate(-50%,-50%) rotate(30deg);}

.game-finish-item[data-match="n1"] p{max-width:calc(var(--font-size) * 22.9);}
.game-finish-item[data-match="souz"] p{max-width:calc(var(--font-size) * 20.7);}
.game-finish-item[data-match="vostok"] p{max-width:calc(var(--font-size) * 13.9);}
.game-finish-item[data-match="voshod"] p{max-width:calc(var(--font-size) * 20.7);}
.game-finish-item[data-match="buran"] p{max-width:calc(var(--font-size) * 20.7);}

/* N1 */
.drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 2);}
.drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 1.8);}
.drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 1.6);}
.drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * .8);}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"]{top:51%;left:14%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"]{top:39%;left:24.2%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"]{top:31.1%;left:31%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"]{top:20.7%;left:40%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="1"] img{width:calc(var(--font-size) * 3.7);}
.game-box-item .drag-item[data-step="step-2"][data-parent="1"] img{width:calc(var(--font-size) * 2.4);}
.game-box-item .drag-item[data-step="step-3"][data-parent="5"] img{width:calc(var(--font-size) * 1.5);}
.game-box-item .drag-item[data-step="step-4"][data-parent="5"] img{width:calc(var(--font-size) * 0.9);}

/* Souz */
.drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 1.8);}
.drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * .9);}
.drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 1.4);}
.drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 1.6);}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"]{top:47%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"]{top:41.5%;left:22.3%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"]{top:26%;left:35.8%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"]{top:15%;left:45.2%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="2"] img{width:calc(var(--font-size) * 4.1);}
.game-box-item .drag-item[data-step="step-2"][data-parent="5"] img{width:calc(var(--font-size) * 1.57);}
.game-box-item .drag-item[data-step="step-3"][data-parent="2"] img{width:calc(var(--font-size) * 1.45);}
.game-box-item .drag-item[data-step="step-4"][data-parent="4"] img{width:calc(var(--font-size) * 1.67);}

/* Vostok */
.drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 1.4);}
.drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 0.7);}
.drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 1.6);}
.drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.5);}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"]{top:44%;left:22%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"]{top:39%;left:26.8%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"]{top:18.5%;left:44.5%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"]{top:12.8%;left:49.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="3"] img{width:calc(var(--font-size) * 3.82);}
.game-box-item .drag-item[data-step="step-2"][data-parent="3"] img{width:calc(var(--font-size) * 1.67);}
.game-box-item .drag-item[data-step="step-3"][data-parent="1"] img{width:calc(var(--font-size) * 1.52);}
.game-box-item .drag-item[data-step="step-4"][data-parent="2"] img{width:calc(var(--font-size) * 1.46);}

/* Voshod */
.drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 2);}
.drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1);}
.drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 1.4);}
.drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 1.4);}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"]{top:47%;left:18%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"]{top:40%;left:23.8%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"]{top:24.2%;left:37.5%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"]{top:15%;left:45.5%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="4"] img{width:calc(var(--font-size) * 3.98);}
.game-box-item .drag-item[data-step="step-2"][data-parent="4"] img{width:calc(var(--font-size) * 1.54);}
.game-box-item .drag-item[data-step="step-3"][data-parent="4"] img{width:calc(var(--font-size) * 1.33);}
.game-box-item .drag-item[data-step="step-4"][data-parent="1"] img{width:calc(var(--font-size) * 1.25);}

/* Buran */
.drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 1.8);}
.drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 1.3);}
.drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 1.2);}
.drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 3.6);}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"]{top:43%;left:26%;}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"]{top:48%;left:22%;}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"]{top:26%;left:41%;}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"]{top:44%;left:25%;}

.game-box-item .drag-item[data-step="step-1"][data-parent="5"] img{width:calc(var(--font-size) * 5.61);}
.game-box-item .drag-item[data-step="step-2"][data-parent="2"] img{width:calc(var(--font-size) * 2.58);}
.game-box-item .drag-item[data-step="step-3"][data-parent="3"] img{width:calc(var(--font-size) * 2.58);}
.game-box-item .drag-item[data-step="step-4"][data-parent="3"] img{width:calc(var(--font-size) * 7.5);}
}







