*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#fc3153}body .wrapper-content{width:100vw;height:100vh;overflow:hidden}main,section{display:none}header,main{width:100vw;height:100vh;position:relative}header{width:100vw;height:100vh;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0}header .content-wraper{width:85vw;height:80vh;position:relative}header .content-wraper .title{width:100%;height:40%;position:relative}header h1{position:absolute;bottom:0;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:.5s;transition:.5s;cursor:default;font-size:6vw;font-family:"Luckiest Guy";color:#fff;letter-spacing:.1vw;text-shadow:0 -.3vw 0 #212121,0 -.3vw 0 #212121,0 .3vw 0 #212121,0 .3vw 0 #212121,-.3vw 0 0 #212121,.3vw 0 0 #212121,-.3vw 0 0 #212121,.3vw 0 0 #212121,-.3vw -.3vw 0 #212121,.3vw -.3vw 0 #212121,-.3vw .3vw 0 #212121,.3vw .3vw 0 #212121,-.3vw .94vw 0 #212121,0 .94vw 0 #212121,.3vw .94vw 0 #212121,0 .94vw .05vw rgba(0,0,0,.1),0 0 .3vw rgba(0,0,0,.1),0 .3vw .15vw rgba(0,0,0,.3),0 .63vw .3vw rgba(0,0,0,.2),0 .94vw .94vw rgba(0,0,0,.25),0 1.25vw 1.25vw rgba(0,0,0,.2),0 1.9vw 1.9vw rgba(0,0,0,.15);z-index:2;height:auto}header span{display:inline;-webkit-transition:.5s;transition:.5s;margin-right:.26vw;cursor:default;position:relative}header #rock{margin-left:4vw}header .hover-img{bottom:12%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:70vw;height:15vw;position:absolute;overflow:hidden;z-index:1}header .paper,header .rock,header .scissors{position:relative;top:110%;-webkit-transition:1s;transition:1s}header .paper{left:20%;width:12vw}header .scissors{width:10vw;-webkit-transform:rotate(100deg);-ms-transform:rotate(100deg);transform:rotate(100deg)}header .rock{right:17%;width:10vw}header .show{top:1vh;-webkit-transition:.5s;transition:.5s}header .btn{position:absolute;top:55%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:VT323;text-transform:uppercase;bottom:40vh;letter-spacing:.2vw;font-size:1.2rem;cursor:pointer;display:block;color:#fff;width:10vw;height:4.8vh;border-radius:.2vw;text-align:center;-webkit-transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s;border:none;max-height:70px;max-width:150px}header .btn:active{opacity:.8;top:60.2%;-webkit-box-shadow:0 0 0 0 rgba(10,10,10,.5);box-shadow:0 0 0 0 rgba(10,10,10,.5)}header .btn:focus{outline:0}header .btn-primary{background:#0d47a1;-webkit-box-shadow:.05vw .2vw .05vw .05vw rgba(10,49,109,.85),0 .31vw .05vw .1vw #37474f;box-shadow:.05vw .2vw .05vw .05vw rgba(10,49,109,.85),0 .31vw .05vw .1vw #37474f}header .btn-primary:hover{top:55.1%}header .line{top:64%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;position:absolute;width:10vw;background:#0d47a1;height:0;margin-left:.05vw;max-width:150px}@media screen and (orientation:portrait){header .content-wraper{width:100vw}header h1{font-size:8.7vw;text-shadow:0 -.4vw 0 #212121,0 -.4vw 0 #212121,0 .4vw 0 #212121,0 .4vw 0 #212121,-.4vw 0 0 #212121,.4vw 0 0 #212121,-.4vw 0 0 #212121,.4vw 0 0 #212121,-.4vw -.4vw 0 #212121,.4vw -.4vw 0 #212121,-.4vw .4vw 0 #212121,.4vw .4vw 0 #212121,-.4vw 1.68vw 0 #212121,0 1.68vw 0 #212121,.4vw 1.68vw 0 #212121,0 1.68vw .08vw rgba(0,0,0,.1),0 0 .4vw rgba(0,0,0,.1),0 .4vw .1vw rgba(0,0,0,.3),0 1.06vw .4vw rgba(0,0,0,.2),0 1.68vw 1.68vw rgba(0,0,0,.25),0 2.3vw 2.3vw rgba(0,0,0,.2),0 3.6vw 3.6vw rgba(0,0,0,.15)}header #rock{margin-left:0}header .hover-img{width:95vw;height:22vw}header .paper{left:18%;width:18vw}header .rock,header .scissors{width:15vw}header .rock{right:18%}header .line{width:18vw;margin-left:.05vw}}@media screen and (max-device-width:425px){header h1{font-size:8vw}header .btn{font-size:3vw;width:18vw;height:6vw;top:55%}header .btn-primary{-webkit-box-shadow:.2vw .8vw .2vw .2vw rgba(10,49,109,.85),0 1.2vw .2vw .4vw #37474f;box-shadow:.2vw .8vw .2vw .2vw rgba(10,49,109,.85),0 1.2vw .2vw .4vw #37474f}header .btn-primary:hover{top:55.1%}}@media screen and (max-device-height:425px){header .content-wraper{width:95vw}header h1{font-size:7.5vw}header #rock{margin-left:0}header .hover-img{width:90vw;height:18vw}header .paper{left:22%}header .rock{right:21%}header .btn{font-size:2vw;width:12vw;height:3.5vw;margin-top:5%}header .line{width:12vw}}@media screen and (min-device-width:425px) and (max-device-width:768px) and (orientation:portrait){header .btn{font-size:2vw;width:13vw;height:4vw;top:55%}header .btn-primary{-webkit-box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f;box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f}header .btn-primary:hover{top:55.1%}}@media screen and (min-device-width:768px) and (orientation:portrait){header .btn{font-size:1.5vw;width:13vw;height:4vw;top:55%}header .btn-primary{-webkit-box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f;box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f}header .btn-primary:hover{top:55.1%}}section{width:100vw;height:100vh;background-color:green;position:relative;-webkit-transition:1s;transition:1s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}section .center-section{width:98vw;height:95%;background-color:#0d47a1;position:relative;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;-webkit-box-shadow:0 1px 20px 7px rgba(0,0,0,.11),0 2px 20px 5px rgba(0,0,0,.11),0 4px 4px 6px rgba(0,0,0,.11),0 6px 8px 5px rgba(0,0,0,.11),0 8px 16px 10px rgba(0,0,0,.11);box-shadow:0 1px 20px 7px rgba(0,0,0,.11),0 2px 20px 5px rgba(0,0,0,.11),0 4px 4px 6px rgba(0,0,0,.11),0 6px 8px 5px rgba(0,0,0,.11),0 8px 16px 10px rgba(0,0,0,.11)}section .center-section .statistic{background:#efefef;width:100%;height:5vw;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 8px 60px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 8px 60px -1px}section .center-section .statistic .player-name{width:45%;height:100%;text-align:center;overflow:hidden;position:relative}section .center-section .statistic .player-name .player{font-size:2vw;font-family:"Rubik Mono One",sans-serif;top:50%;position:absolute;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}section .center-section .statistic .rules-dificlt{width:45%;height:100%;text-align:center;padding:1%;position:relative}section .center-section .statistic .rules-dificlt .rules-dificlt-wraper{top:50%;position:absolute;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}section .center-section .statistic .rules-dificlt .rules-dificlt-wraper p{font-size:1.2vw;font-family:"Russo One",sans-serif;text-transform:uppercase}section .center-section .statistic .win-lose{width:10%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section .center-section .statistic .win-lose p{font-size:2.5vw;font-family:"Black Ops One",cursive}section .center-section .statistic .win-lose .slash{margin-bottom:5%}section .center-section .weapon-player{width:7vw;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);text-align:right}section .center-section .weapon-player .weapon{border-top-right-radius:1vw;border-bottom-right-radius:1vw}section .center-section .weapon-player .weapon img{width:100%;position:relative;left:0;-webkit-transition:.5s;transition:.5s;cursor:pointer}section .center-section .weapon-player .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .weapon-enemy{width:7vw;position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}section .center-section .weapon-enemy .weapon{border-top-left-radius:1vw;border-bottom-left-radius:1vw}section .center-section .weapon-enemy .weapon img{width:100%;position:relative;left:0;-webkit-transition:.5s;transition:.5s}section .center-section .weapon-enemy .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .weapon{width:100%;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;padding:10%;background:#f1faee}section .center-section .ring{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%;height:50%;border:.5vw solid #fff;overflow:hidden}section .center-section .ring .enemy-select img{left:auto;right:15%}section .center-section .ring .enemy-select img.fight{-webkit-transform:translate(-30vw,-50%) scale(2);-ms-transform:translate(-30vw,-50%) scale(2);transform:translate(-30vw,-50%) scale(2)}section .center-section .ring img{width:15%;position:absolute;top:50%;left:-20%;margin-right:-80%;-webkit-transform:translate(-50%,-50%) scale(2);-ms-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);-webkit-transition:.8s;transition:.8s}section .center-section .ring img.fight{-webkit-transform:translate(14vw,-50%) scale(2);-ms-transform:translate(14vw,-50%) scale(2);transform:translate(14vw,-50%) scale(2)}section .center-section .ring .result-wraper{width:80%;height:15%;background:#f0f8ff;margin-left:auto;margin-right:auto;position:relative;top:-40%;-webkit-transition:.5s;transition:.5s;border-bottom-left-radius:6vw;border-bottom-right-radius:6vw}section .center-section .ring .result-wraper .result{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.8vw;font-family:"Rubik Mono One",sans-serif}section .right-section{width:50vw;height:100%;background:gold;position:absolute;top:0;right:0;-webkit-transition:.6s;transition:.6s;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}section .left-section{width:50vw;height:100%;background:green;position:absolute;top:0;left:0;-webkit-transition:.6s;transition:.6s;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}section .show-rules{width:30vw;height:auto;background:#f0f8ff;position:absolute;left:50%;top:50%;margin-right:-50%;-webkit-transform:translate(-50%,45.2vh);-ms-transform:translate(-50%,45.2vh);transform:translate(-50%,45.2vh);z-index:5;-webkit-transition:.6s;transition:.6s;border-radius:1vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;text-align:center}section .show-rules.show{-webkit-transform:translate(-50%,-45%)!important;-ms-transform:translate(-50%,-45%)!important;transform:translate(-50%,-45%)!important}section .show-rules.hover{-webkit-transform:translate(-50%,44.8vh)!important;-ms-transform:translate(-50%,44.8vh)!important;transform:translate(-50%,44.8vh)!important}section .show-rules h2{text-transform:capitalize;padding-top:1vw;font-size:1.5vw;font-family:"Russo One",sans-serif;cursor:pointer}section .show-rules .new-game{width:100%;height:40%}section .show-rules .new-game h2{text-transform:none;cursor:default;margin:4% auto 2%}section .show-rules .new-game button{cursor:pointer;font-weight:700;width:6vw;height:4vh;border:none;font-size:1vw;text-transform:uppercase;border-radius:.4vw;margin:4% 4% 8%;-webkit-transition:1s;transition:1s;background:#f0f8ff;-webkit-box-shadow:3px 3px 5px #ccd3d9,-3px -3px 5px #fff;box-shadow:3px 3px 5px #ccd3d9,-3px -3px 5px #fff}section .show-rules .new-game button:active{-webkit-transition:1s;transition:1s;background:#f0f8ff;-webkit-box-shadow:inset 7px 7px 15px #ccd3d9,inset -7px -7px 15px #fff;box-shadow:inset 7px 7px 15px #ccd3d9,inset -7px -7px 15px #fff}section .show-rules .new-game button:focus{outline:0}section .show-rules .select-rules{position:relative;width:100%;height:50%}section .show-rules .select-rules img{position:relative;top:50%;width:55%;margin:3.5%}section .show-rules .select-rules .discription{text-align:justify;width:70%;font-size:.8vw;font-family:"Russo One",sans-serif;cursor:default;margin:3% auto}section .show-rules .select-bonus,section .show-rules .select-simple{display:none}section .open{-webkit-transform:translate(-50%,0)!important;-ms-transform:translate(-50%,0)!important;transform:translate(-50%,0)!important;-webkit-transition:.6s;transition:.6s}section p{cursor:default}@media screen and (max-device-width:425px){section .center-section .statistic{height:10vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .statistic .player-name .player{font-size:3vw;margin-top:0}section .center-section .statistic .rules-dificlt .rules-dificlt-wraper p{font-size:2vw}section .center-section .statistic .win-lose p{font-size:4vw}section .center-section .weapon-enemy,section .center-section .weapon-player{width:15vw}section .center-section .weapon-enemy .weapon,section .center-section .weapon-player .weapon{border-top-right-radius:5vw;border-bottom-right-radius:5vw}section .center-section .weapon-enemy .weapon img,section .center-section .weapon-player .weapon img{margin-bottom:20%}section .center-section .weapon-enemy .weapon img.select,section .center-section .weapon-player .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .weapon-enemy .weapon img:first-child,section .center-section .weapon-player .weapon img:first-child{margin-top:20%}section .center-section .weapon-enemy .weapon{border-radius:5vw 0 0 5vw}section .center-section .weapon-enemy .weapon img{width:100%;position:relative;left:0;-webkit-transition:.5s;transition:.5s;margin-left:5%}section .center-section .weapon-enemy .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .ring{width:50%;height:40%}section .center-section .ring .enemy-select img.fight{-webkit-transform:translate(-40vw,-50%) scale(2.5);-ms-transform:translate(-40vw,-50%) scale(2.5);transform:translate(-40vw,-50%) scale(2.5)}section .center-section .ring img.fight{-webkit-transform:translate(20vw,-50%) scale(2.5);-ms-transform:translate(20vw,-50%) scale(2.5);transform:translate(20vw,-50%) scale(2.5)}section .center-section .ring .result-wraper{border-bottom-left-radius:2vw;border-bottom-right-radius:2vw}section .center-section .ring .result-wraper .result{font-size:3.5vw}section .center-section .show-rules{width:55vw;-webkit-transform:translate(-50%,46.5vh);-ms-transform:translate(-50%,46.5vh);transform:translate(-50%,46.5vh);border-radius:1vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .show-rules h2{font-size:3.5vw}section .center-section .show-rules .new-game{width:100%;height:40%}section .center-section .show-rules .new-game h2{text-transform:none;cursor:default;margin:4% auto 2%}section .center-section .show-rules .new-game button{width:14vw;height:3vh;font-size:2vw}section .center-section .show-rules .select-rules{position:relative;width:100%;height:50%}section .center-section .show-rules .select-rules img{position:relative;top:50%;width:85%;margin:3.5%}section .center-section .show-rules .select-rules .discription{width:85%;font-size:2.5vw}section .center-section p{cursor:default}}@media screen and (min-device-width:425px) and (orientation:portrait){section .center-section .statistic{height:10vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .statistic section .center-section .statistic .player-name .player{font-size:3vw}section .center-section .statistic .rules-dificlt .rules-dificlt-wraper p{font-size:2vw}section .center-section .statistic .win-lose p{font-size:3.5vw}section .center-section .weapon-enemy,section .center-section .weapon-player{width:12vw}section .center-section .weapon-enemy .weapon,section .center-section .weapon-player .weapon{border-top-right-radius:3vw;border-bottom-right-radius:3vw}section .center-section .weapon-enemy .weapon img,section .center-section .weapon-player .weapon img{margin-bottom:20%}section .center-section .weapon-enemy .weapon img.select,section .center-section .weapon-player .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .weapon-enemy .weapon img:first-child,section .center-section .weapon-player .weapon img:first-child{margin-top:20%}section .center-section .weapon-enemy .weapon{border-radius:5vw 0 0 5vw}section .center-section .weapon-enemy .weapon img{width:100%;position:relative;left:0;-webkit-transition:.5s;transition:.5s;margin-left:5%}section .center-section .weapon-enemy .weapon img.select{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;transition:.4s}section .center-section .ring{width:50%;height:40%}section .center-section .ring .enemy-select img.fight{-webkit-transform:translate(-40vw,-50%) scale(2.5);-ms-transform:translate(-40vw,-50%) scale(2.5);transform:translate(-40vw,-50%) scale(2.5)}section .center-section .ring img.fight{-webkit-transform:translate(20vw,-50%) scale(2.5);-ms-transform:translate(20vw,-50%) scale(2.5);transform:translate(20vw,-50%) scale(2.5)}section .center-section .ring .result-wraper{border-bottom-left-radius:2vw;border-bottom-right-radius:2vw}section .center-section .ring .result-wraper .result{font-size:3.5vw}section .center-section .show-rules{width:55vw;-webkit-transform:translate(-50%,46.5vh);-ms-transform:translate(-50%,46.5vh);transform:translate(-50%,46.5vh);border-radius:1vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .show-rules h2{font-size:3vw}section .center-section .show-rules .new-game{width:100%;height:40%}section .center-section .show-rules .new-game h2{text-transform:none;cursor:default;margin:4% auto 2%}section .center-section .show-rules .new-game button{width:10vw;height:3vh;font-size:1.8vw;-webkit-box-shadow:6px 6px 10px #ccd3d9,-6px -6px 10px #fff;box-shadow:6px 6px 10px #ccd3d9,-6px -6px 10px #fff}section .center-section .show-rules .select-rules{position:relative;width:100%;height:50%}section .center-section .show-rules .select-rules img{position:relative;top:50%;width:70%;margin:3.5%}section .center-section .show-rules .select-rules .discription{width:85%;font-size:1.8vw}section .center-section p{cursor:default}}@media screen and (max-device-height:425px) and (orientation:landscape){section .center-section .statistic{height:13vh;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 3px,inset rgba(252,255,255,.7) 0 1px 3px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .statistic section .center-section .statistic .player-name .player{font-size:4vh}section .center-section .statistic .rules-dificlt .rules-dificlt-wraper p{font-size:2.5vh}section .center-section .statistic .win-lose p{font-size:5vh}section .center-section .weapon-enemy,section .center-section .weapon-player{width:12vh}section .center-section .weapon-enemy .weapon,section .center-section .weapon-player .weapon{border-top-right-radius:1vw;border-bottom-right-radius:1vw}section .center-section .weapon-enemy .weapon img,section .center-section .weapon-player .weapon img{margin-bottom:20%}section .center-section .weapon-enemy .weapon img:first-child,section .center-section .weapon-player .weapon img:first-child{margin-top:20%}section .center-section .weapon-enemy .weapon{border-radius:1vw 0 0 1vw}section .center-section .weapon-enemy .weapon img{margin-left:5%}section .center-section .ring{width:45%;height:50%}section .center-section .ring .enemy-select img.fight{-webkit-transform:translate(-40vw,-50%) scale(1.5);-ms-transform:translate(-40vw,-50%) scale(1.5);transform:translate(-40vw,-50%) scale(1.5)}section .center-section .ring img{-webkit-transform:translate(-50%,-50%) scale(1.5);-ms-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}section .center-section .ring img.fight{-webkit-transform:translate(20vw,-50%) scale(1.5);-ms-transform:translate(20vw,-50%) scale(1.5);transform:translate(20vw,-50%) scale(1.5)}section .center-section .ring .result-wraper{height:20%;border-bottom-left-radius:1vw;border-bottom-right-radius:1vw}section .center-section .ring .result-wraper .result{font-size:2vw}section .center-section .show-rules{width:60vh;-webkit-transform:translate(-50%,42.5vh);-ms-transform:translate(-50%,42.5vh);transform:translate(-50%,42.5vh);border-radius:1vw;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}section .center-section .show-rules.show{-webkit-transform:translate(-50%,-42%)!important;-ms-transform:translate(-50%,-42%)!important;transform:translate(-50%,-42%)!important}section .center-section .show-rules h2{font-size:3vh;margin:2% auto}section .center-section .show-rules .new-game button{width:12vh;height:4vh;font-size:2.2vh;-webkit-box-shadow:6px 6px 10px #ccd3d9,-6px -6px 10px #fff;box-shadow:6px 6px 10px #ccd3d9,-6px -6px 10px #fff}section .center-section .show-rules .select-rules{position:relative;width:100%;height:50%}section .center-section .show-rules .select-rules img{position:relative;top:50%;width:50%;margin:1%}section .center-section .show-rules .select-rules .discription{width:90%;font-size:2.5vh;margin:2% auto}section .center-section p{cursor:default}}main{top:100vh;-webkit-transition:top .8s;transition:top .8s;overflow:hidden}main .line-wrapper{position:absolute;bottom:-80vh;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;width:40%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .line-wrapper .line-center,main .line-wrapper .line-left,main .line-wrapper .line-right{width:10vw;height:150vh}main .line-wrapper .line-center{background:#0d47a1;max-width:150px}main .line-wrapper .line-right{background:green;-webkit-box-shadow:-1.04vw 0 1.04vw -.78vw rgba(0,0,0,.822);box-shadow:-1.04vw 0 1.04vw -.78vw rgba(0,0,0,.822)}main .line-wrapper .line-left{background:gold;-webkit-box-shadow:1.04vw 0 1.04vw -.78vw rgba(0,0,0,.822);box-shadow:1.04vw 0 1.04vw -.78vw rgba(0,0,0,.822)}main .settings{position:absolute;top:45%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-300%);-ms-transform:translate(-50%,-300%);transform:translate(-50%,-300%);width:30%;height:40vw;-webkit-transition:1s;transition:1s}main .settings #select{width:100%;height:100%}main .settings .difficultis,main .settings .rules,main .settings .you-name{width:100%;position:relative;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;overflow:hidden;-webkit-transition:1s;transition:1s;z-index:3}main .settings .bonus,main .settings .confirm,main .settings .confirm-name,main .settings .simple{font-family:VT323;text-transform:uppercase;letter-spacing:.5;font-size:1.1vw;border-radius:.2vw;cursor:pointer;display:inline-block;color:#fff;text-align:center;border:none}main .settings .bonus:active,main .settings .confirm-name:active,main .settings .confirm:active,main .settings .simple:active{opacity:.8}main .settings .bonus:focus,main .settings .confirm-name:focus,main .settings .confirm:focus,main .settings .simple:focus{outline:0}main .settings .confirm,main .settings .confirm-name{position:absolute;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main .settings .choose-difficultis,main .settings .choose-rule,main .settings .welcom{position:absolute;top:-20%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;height:auto;font-size:2vw;font-family:"Bebas Neue",cursive;padding:1%;-webkit-transition:.5s;transition:.5s;cursor:pointer;text-align:center}main .settings .you-name{height:32%;background-color:#339e35;border-top-left-radius:2vw;border-top-right-radius:2vw}main .settings .you-name .you{position:absolute;top:15%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Bebas Neue",cursive}main .settings .you-name .confirm-name{top:80%;width:6vw;padding:.6vw;-webkit-transition:.5s;transition:.5s;background:linear-gradient(145deg,#2e8e30,#37a939);-webkit-box-shadow:.26vw .26vw .57vw .26vw #2b862d,-.26vw -.26vw .57vw .26vw #3bb63d;box-shadow:.26vw .26vw .57vw .26vw #2b862d,-.26vw -.26vw .57vw .26vw #3bb63d}main .settings .you-name .confirm-name:active{-webkit-transform:translate(-50%,-50%) translateY(1px);-ms-transform:translate(-50%,-50%) translateY(1px);transform:translate(-50%,-50%) translateY(1px);-webkit-box-shadow:inset .26vw .26vw .57vw #2b862d,inset -.26vw -.26vw .57vw #3bb63d;box-shadow:inset .26vw .26vw .57vw #2b862d,inset -.26vw -.26vw .57vw #3bb63d}main .settings .you-name #name{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%;height:15%;text-align:center;font-size:1.5vw;-webkit-transition:.5s;transition:.5s;font-family:"Bebas Neue",cursive;border:none;-webkit-box-shadow:.2vw 0 0 0 #000,0 .2vw 0 0 #000,-.2vw 0 0 0 #000,0 -.2vw 0 0 #000;box-shadow:.2vw 0 0 0 #000,0 .2vw 0 0 #000,-.2vw 0 0 0 #000,0 -.2vw 0 0 #000;background:#fcfcfc}main .settings .you-name #name:focus{outline:0}main .settings .rules{background-color:#0072c6;text-align:center;height:32%}main .settings .rules input{position:absolute;top:-10vw}main .settings .rules .bonus,main .settings .rules .simple{position:relative;top:0;margin:3%;width:6.5vw;padding:.8vw;-webkit-transition:.5s;transition:.5s;background:#0072c6;-webkit-box-shadow:.26vw .26vw .57vw .26vw #0061a8,-.26vw -.26vw .57vw .26vw #0083e4;box-shadow:.26vw .26vw .57vw .26vw #0061a8,-.26vw -.26vw .57vw .26vw #0083e4}main .settings .rules .bonus:active,main .settings .rules .simple:active{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:0 0 0 0 rgba(10,10,10,.5);box-shadow:0 0 0 0 rgba(10,10,10,.5)}main .choose{text-align:center;font-size:1.8vw;-webkit-transition:.5s;transition:.5s;font-family:"Bebas Neue",cursive;text-transform:uppercase;letter-spacing:.2vw;padding-top:1%;margin-bottom:2vw;margin-top:1vh}main .rules .choose{position:relative;top:0}main .difficultis{height:40%;background-color:#ebbc42;text-align:center;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw}main .difficultis input{position:absolute;top:-10vw}main .difficultis .difficultis-btn{font-family:VT323;text-transform:uppercase;cursor:pointer;display:inline-block;color:#000;font-weight:bolder;text-align:center;border:none;background:linear-gradient(145deg,#d4a93b,#fbc947);margin:3%;letter-spacing:.5;font-size:1.1vw;border-radius:.2vw;-webkit-box-shadow:.26vw .26vw .57vw .26vw #c8a038,-.26vw -.26vw .57vw .26vw #ffd84c;box-shadow:.26vw .26vw .57vw .26vw #c8a038,-.26vw -.26vw .57vw .26vw #ffd84c;width:6.5vw;padding:.8vw}main .difficultis .difficultis-btn:active{opacity:.8;-webkit-box-shadow:0 0 0 0 rgba(10,10,10,.5);box-shadow:0 0 0 0 rgba(10,10,10,.5)}main .difficultis .difficultis-btn:focus{outline:0}main .difficultis .easy,main .difficultis .hard,main .difficultis .medium{position:relative;top:0;-webkit-transition:.5s;transition:.5s}main .difficultis .choose{position:relative;top:0;margin-bottom:10%}main .bonus-rules,main .simple-rules{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);display:none;text-align:center;width:55%;height:90%;background-color:#7c7c7c;position:absolute;-webkit-transition:.45s;transition:.45s;top:5%;z-index:2;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}main .bonus-rules .rule-img,main .simple-rules .rule-img{height:auto;position:absolute;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main .bonus-rules h2,main .simple-rules h2{font-family:"Bebas Neue",cursive;font-size:1.8vw;margin-top:4%}main .simple-rules{left:0}main .simple-rules .rule-img{top:45%;width:90%}main .simple-rules ul{list-style:none;font-family:"Bebas Neue",cursive;font-size:1.2vw}main .icon-left,main .icon-right{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);display:none;width:35%;height:60%;position:absolute;top:18%;background-color:#f1faee;-webkit-transition:.35s;transition:.35s;text-align:center;z-index:1;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -2px 5px,inset rgba(252,255,255,.7) 0 2px 5px,rgba(0,0,0,.8) 0 2px 5px -1px}main .icon-left .icon-wraper,main .icon-right .icon-wraper{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:.5vw}main .icon-left img,main .icon-right img{height:auto}main .icon-left{left:0}main .icon-left .icon-wraper{width:80%;padding:5% 0}main .icon-left img{width:55%;height:auto}main .show-simpl-icon{left:-10vw}main .show-simple-rule{-webkit-transform:translateX(-16.5vw)!important;-ms-transform:translateX(-16.5vw)!important;transform:translateX(-16.5vw)!important}main .bonus-rules{right:0}main .bonus-rules .rule-img{top:45%;width:100%}main .bonus-rules .list ul{display:inline-block;vertical-align:top;list-style:none;text-align:left;font-family:"Bebas Neue",cursive;font-size:1.1vw;margin-right:2%}main .icon-right{right:0}main .icon-right .icon-wraper{width:85%;padding:5% 2%}main .icon-right img{width:48%}main .show-bonus-icon{right:-10vw}main .show-bonus-rule{-webkit-transform:translateX(16.5vw)!important;-ms-transform:translateX(16.5vw)!important;transform:translateX(16.5vw)!important}.confirm{top:90%;width:6.5vw;padding:.8vw;-webkit-transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s;background:linear-gradient(145deg,#858585,#707070);-webkit-box-shadow:.26vw .26vw .57vw .26vw #696969,-.26vw -.26vw .57vw .26vw #8f8f8f;box-shadow:.26vw .26vw .57vw .26vw #696969,-.26vw -.26vw .57vw .26vw #8f8f8f}.confirm:active{-webkit-box-shadow:0 0 0 0 rgba(10,10,10,.5);box-shadow:0 0 0 0 rgba(10,10,10,.5)}.go{margin-left:auto;margin-right:auto;display:block;text-align:center;width:20vw;position:relative;top:-10vw;height:6vw;background-color:#e9967a;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;-webkit-transition:.5s;transition:.5s;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -.2vw .4vw,inset rgba(252,255,255,.7) 0 .2vw .4vw,rgba(0,0,0,.8) 0 .2vw .4vw -.1vw;box-shadow:inset rgba(0,0,0,.6) 0 -.2vw .4vw,inset rgba(252,255,255,.7) 0 .2vw .4vw,rgba(0,0,0,.8) 0 .2vw .4vw -.1vw}.go #ok{position:absolute;top:45%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:VT323;text-transform:uppercase;cursor:pointer;display:inline-block;color:#fff;width:8vw;padding:.8vw;text-align:center;-webkit-transition:-webkit-box-shadow .1s;transition:box-shadow .1s;transition:box-shadow .1s,-webkit-box-shadow .1s;border:none;background:#0d47a1;-webkit-box-shadow:.05vw .2vw .05vw .05vw rgba(10,49,109,.85),0 .31vw .05vw .1vw #37474f;box-shadow:.05vw .2vw .05vw .05vw rgba(10,49,109,.85),0 .31vw .05vw .1vw #37474f;letter-spacing:.5;font-size:1.1vw;border-radius:.2vw}.go #ok:active{opacity:.8;-webkit-box-shadow:0 0 0 0 rgba(10,10,10,.5);box-shadow:0 0 0 0 rgba(10,10,10,.5)}.go #ok:focus{outline:0}@media screen and (max-device-width:425px) and (orientation:portrait){main .line-wrapper{width:70%}main .line-wrapper .line-center,main .line-wrapper .line-left,main .line-wrapper .line-right{width:18vw}main .line-wrapper .line-right{-webkit-box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .line-wrapper .line-left{-webkit-box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .settings{top:48%;width:60%;height:95vw}main .settings .bonus,main .settings .confirm,main .settings .confirm-name,main .settings .simple{font-size:3vw}main .settings .choose-difficultis,main .settings .choose-rule,main .settings .welcom{font-size:5.5vw}main .settings .you-name{height:30%}main .settings .you-name .confirm-name{width:12vw;padding:.8vw}main .settings .you-name #name{width:65%;font-size:3.5vw;-webkit-box-shadow:.5vw 0 0 0 #000,0 .5vw 0 0 #000,-.5vw 0 0 0 #000,0 -.5vw 0 0 #000;box-shadow:.5vw 0 0 0 #000,0 .5vw 0 0 #000,-.5vw 0 0 0 #000,0 -.5vw 0 0 #000}main .settings .rules{height:30%}main .settings .rules .bonus,main .settings .rules .simple{margin:9% 6%;width:14vw;padding:1.5vw}main .settings .rules .bonus:active,main .settings .rules .simple:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}main .choose{font-size:4vw}main .difficultis{height:38%}main .difficultis .difficultis-btn{font-size:3vw;width:14vw;padding:1.5vw}main .bonus-rules,main .simple-rules{-webkit-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);width:100%;height:70%}main .bonus-rules h2,main .simple-rules h2{font-size:5vw}main .simple-rules{left:0}main .simple-rules .rule-img{width:55%;top:55%}main .simple-rules ul{font-size:3vw}main .icon-left,main .icon-right{width:25%;height:45%}main .icon-left{left:0}main .icon-left img{width:65%}main .show-simpl-icon{left:-14vw}main .show-simple-rule{-webkit-transform:translateY(-70vw)!important;-ms-transform:translateY(-70vw)!important;transform:translateY(-70vw)!important}main .bonus-rules{right:0}main .bonus-rules .rule-img{width:60%;top:46%}main .bonus-rules .list ul{font-size:3vw;margin-right:27%}main .bonus-rules .list ul:last-child{margin-right:0;margin-left:27%}main .icon-right{right:0}main .icon-right img{width:50%}main .show-bonus-icon{right:-14vw}main .show-bonus-rule{-webkit-transform:translateY(87.5vw)!important;-ms-transform:translateY(87.5vw)!important;transform:translateY(87.5vw)!important}.move-form-up{-webkit-transform:translateY(-35vw);-ms-transform:translateY(-35vw);transform:translateY(-35vw)}.move-form-down{-webkit-transform:translateY(44vw);-ms-transform:translateY(44vw);transform:translateY(44vw)}#select{-webkit-transition:.5s;transition:.5s}.confirm{top:86%;width:12vw;padding:1vw}.go{width:40vw;top:-15vw;height:12vw}.go #ok{width:16vw;padding:1vw;font-size:3vw}}@media screen and (min-device-width:425px) and (orientation:portrait){main .line-wrapper{width:70%}main .line-wrapper .line-center,main .line-wrapper .line-left,main .line-wrapper .line-right{width:18vw}main .line-wrapper .line-right{-webkit-box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .line-wrapper .line-left{-webkit-box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .settings{top:48%;width:55%;height:80vw}main .settings .bonus,main .settings .confirm,main .settings .confirm-name,main .settings .simple{font-size:2vw}main .settings .choose-difficultis,main .settings .choose-rule,main .settings .welcom{font-size:3.5vw}main .settings .you-name{height:30%}main .settings .you-name .confirm-name{width:10vw;padding:.8vw}main .settings .you-name #name{width:55%;font-size:2.5vw;-webkit-box-shadow:.5vw 0 0 0 #000,0 .5vw 0 0 #000,-.5vw 0 0 0 #000,0 -.5vw 0 0 #000;box-shadow:.5vw 0 0 0 #000,0 .5vw 0 0 #000,-.5vw 0 0 0 #000,0 -.5vw 0 0 #000}main .settings .rules{height:30%}main .settings .rules .bonus,main .settings .rules .simple{margin:5% 6%;width:12vw;padding:1.5vw}main .settings .rules .bonus:active,main .settings .rules .simple:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}main .choose{font-size:3vw}main .difficultis{height:38%}main .difficultis .difficultis-btn{font-size:2vw;width:12vw;padding:1.5vw}main .bonus-rules,main .simple-rules{-webkit-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);width:100%;height:60%}main .bonus-rules h2,main .simple-rules h2{font-size:4vw}main .simple-rules{left:0}main .simple-rules .rule-img{width:55%;top:50%}main .simple-rules ul{font-size:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .simple-rules ul li{margin:0 2%}main .simple-rules ul li:first-child{margin-left:0}main .icon-left,main .icon-right{width:25%;height:40%}main .icon-left{left:0}main .icon-left .icon-wraper{width:80%;padding:5% 0}main .icon-left img{width:65%}main .show-simpl-icon{left:-10vh}main .show-simple-rule{-webkit-transform:translateY(-50.5vw)!important;-ms-transform:translateY(-50.5vw)!important;transform:translateY(-50.5vw)!important}main .bonus-rules{right:0}main .bonus-rules .rule-img{width:55%;top:46%}main .bonus-rules .list ul{font-size:2vw;margin-right:27%}main .bonus-rules .list ul:last-child{margin-right:0;margin-left:27%}main .icon-right{right:0}main .icon-right .icon-wraper{width:85%;padding:5% 2%}main .icon-right img{width:60%}main .show-bonus-icon{right:-10vh}main .show-bonus-rule{-webkit-transform:translateY(73.5vw)!important;-ms-transform:translateY(73.5vw)!important;transform:translateY(73.5vw)!important}.move-form-up{-webkit-transform:translateY(-35vw);-ms-transform:translateY(-35vw);transform:translateY(-35vw)}.move-form-down{-webkit-transform:translateY(38vw);-ms-transform:translateY(38vw);transform:translateY(38vw)}#select{-webkit-transition:.5s;transition:.5s}.confirm{top:86%;width:12vw;padding:1vw}.go{width:40vw;top:-15vw;height:12vw}.go #ok{width:16vw;padding:1vw;-webkit-box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f;box-shadow:.1vw .4vw .1vw .1vw rgba(10,49,109,.85),0 .6vw .1vw .2vw #37474f;font-size:2vw;border-radius:.2vw}}@media screen and (max-device-height:425px) and (orientation:landscape){main .line-wrapper{width:70%}main .line-wrapper .line-center,main .line-wrapper .line-left,main .line-wrapper .line-right{width:12vw}main .line-wrapper .line-right{-webkit-box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:-2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .line-wrapper .line-left{-webkit-box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822);box-shadow:2.04vw 0 2.04vw -1.5vw rgba(0,0,0,.822)}main .settings{top:46%;width:50vh;height:75vh}main .settings .bonus,main .settings .confirm,main .settings .confirm-name,main .settings .simple{font-size:3vh}main .settings .choose-difficultis,main .settings .choose-rule,main .settings .welcom{font-size:4.5vh}main .settings .you-name{height:30%;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .settings .you-name .confirm-name{width:12vh;padding:.5vh}main .settings .you-name #name{width:55%;font-size:3vh;-webkit-box-shadow:.3vw 0 0 0 #000,0 .3vw 0 0 #000,-.3vw 0 0 0 #000,0 -.3vw 0 0 #000;box-shadow:.3vw 0 0 0 #000,0 .3vw 0 0 #000,-.3vw 0 0 0 #000,0 -.3vw 0 0 #000}main .settings .rules{height:30%;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .settings .rules .bonus,main .settings .rules .simple{margin:6% 4%;width:12vh;padding:.8vh}main .settings .rules .bonus:active,main .settings .rules .simple:active{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}main .settings .difficultis{height:35%;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .settings .difficultis .difficultis-btn{margin:1% 3%;font-size:3vh;width:12vh;padding:.8vh}main .choose{font-size:3.5vh}main .bonus-rules,main .simple-rules{top:2%;width:68%;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .bonus-rules h2,main .simple-rules h2{font-size:3.5vh}main .simple-rules{left:0}main .simple-rules .rule-img{top:48%;width:90%}main .simple-rules ul{font-size:3vh}main .icon-left,main .icon-right{width:25%;height:55%;top:20%}main .icon-left{left:0;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .icon-left .icon-wraper{width:100%}main .icon-left img{width:65%}main .show-simpl-icon{left:-12vh}main .show-simple-rule{-webkit-transform:translateX(-33.5vh)!important;-ms-transform:translateX(-33.5vh)!important;transform:translateX(-33.5vh)!important}main .bonus-rules{right:0}main .bonus-rules .rule-img{top:48%;width:95%}main .bonus-rules .list ul{font-size:3vh;margin-right:20%}main .bonus-rules .list ul:last-child{margin-right:0;margin-left:20%}main .icon-right{right:0;-webkit-box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px;box-shadow:inset rgba(0,0,0,.6) 0 -1px 2px,inset rgba(252,255,255,.7) 0 1px 2px,rgba(0,0,0,.8) 0 1px 2px -1px}main .icon-right .icon-wraper{width:100%;padding:5% 2%}main .icon-right img{width:55%}main .show-bonus-icon{right:-12vh}main .show-bonus-rule{-webkit-transform:translateX(33.5vh)!important;-ms-transform:translateX(33.5vh)!important;transform:translateX(33.5vh)!important}.confirm{width:14vh;padding:1vh}.go{width:40vh;height:10vh}.go #ok{width:15vh;padding:1vh;font-size:3vh}}