@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/Roboto-Black.woff2) format("woff2"),url(../fonts/Roboto-Black.woff) format("woff")}@font-face{font-family:Normal;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/font-normal.woff2) format("woff2"),url(../fonts/font-normal.woff) format("woff")}:root{--color-white: #ffffff;--color-grey-light: #fbfbfb;--color-grey: #d9d9d9;--color-green-light: #92dfc4;--color-green: #008c95;--color-green-dark: #11303b}body{overflow:hidden;width:100%;height:100vh;background-color:#000;-webkit-user-select:none;user-select:none}body.rotating:after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;justify-content:center;align-items:center;background-color:#000000d7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:30px;font-weight:400;color:#fff}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,ul,li,p{margin:0;padding:0;font-family:Roboto,helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.2;color:#000}ul{list-style-type:none}.button{border:0;background-color:transparent;padding:0}.button:disabled{opacity:.5!important}.vertical-lock{display:none}@media screen and (orientation: portrait){.vertical-lock{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000d2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.vertical-lock span{font-size:26px;line-height:1.5;font-weight:400;color:#fff;text-align:center}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden}.loader__title{position:absolute;left:calc(50% - 210px);top:calc(50% - 146px);width:420px;font-family:Normal,helvetica,sans-serif;font-size:23px;line-height:1;color:#fff;text-align:center}.loader__preloader{position:absolute;top:calc(50% - 71px);left:calc(50% - 180px);width:360px;height:142px;background-image:url(../images/loader-preload-icon.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}.loader__preloader:after{display:block;content:"";position:absolute;top:0;left:0;width:360px;height:142px;background-image:url(../images/loader-preload-icon.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}.loader__line{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ff2727}.loader__arrow{position:absolute;width:30px;height:30px;background-image:url(../images/loader-arrow-icon.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}.loader__arrow--1{top:30px;right:30px}.loader__arrow--2{right:30px;bottom:30px;transform:rotate(90deg)}.loader__arrow--3{left:30px;bottom:30px;transform:rotate(180deg)}.loader__arrow--4{top:30px;left:30px;transform:rotate(-90deg)}.loader__button{position:absolute;left:calc(50% - 120px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/loader-next-button-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;display:none;opacity:0}.vertical .loader{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}.first{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../images/screen-start-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:none;opacity:0;overflow:hidden;transform:rotate3d(0)}.first__header{position:absolute;left:calc(50% - 270px);top:calc(50% - 104px);width:540px;height:209px;background-image:url(../images/screen-start-title.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.first__canvas{position:absolute;left:calc(50% - 270px);top:calc(50% - 104px);width:540px;height:206px}.first__add-friend-button{position:absolute;left:calc(50% + 34px);top:calc(50% - 144px);width:255px;height:38px;background-image:url(../images/screen-start-add-friend.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.first__play-button{position:absolute;left:calc(50% - 120px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/screen-start-play.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.vertical .first{width:100vh;height:100vw;transform:rotate3d(0,0,1,90deg) translateY(-100%);transform-origin:0 0}.second{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../images/screen-second-bg-2.png),url(../images/screen-second-bg.jpg);background-size:auto calc(85% + 10px),cover;background-position:calc(50% - 170px) calc(100% + 10px),50% 0;background-repeat:no-repeat,no-repeat;overflow:hidden;opacity:0;display:none}.second__text{position:absolute;top:11%;left:51%;width:306px;height:140px;padding:14px 16px 10px 36px;background-image:url(../images/screen-second-text-bg.png);background-size:contain;background-position:0 0;background-repeat:no-repeat;font-family:Normal,helvetica,sans-serif;font-size:22px;line-height:1.22;font-weight:400;color:#000;text-align:center;text-transform:uppercase;opacity:0}.second__text-line{position:absolute;right:18px;width:250px;height:30px;background-color:#fff}.second__text-line1{top:16px}.second__text-line2{top:42px}.second__text-line3{top:70px}.second__text-line4{top:96px}.second__play-button{position:absolute;left:calc(51% + 25px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/screen-pause-play-button.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;display:none}.vertical .second{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}.main{position:fixed;top:0;left:0;width:100%;height:100vh;padding:96px 124px 50px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#3dcd4a;background-image:url(../images/main-grass-1.png),url(../images/main-grass-2.png),url(../images/main-grass-1.png),url(../images/main-grass-3.png),url(../images/main-grass-1.png);background-size:28px auto,28px auto,28px auto,28px auto;background-position:calc(50% + 50px) 92px,calc(100% - 76px) calc(50% - 22px),calc(100% - 50px) calc(50% + 40px),75px calc(50% - 38px),53px calc(50% + 38px);background-repeat:no-repeat;opacity:0;display:none}.main__canvas{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background-image:url(../images/field-bg.png);background-size:contain;background-position:center center;background-repeat:no-repeat}.main__resolution{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:#fff;opacity:.6;z-index:999}.main__wall{position:absolute}.main__wall--top{left:0;top:0;width:100%;height:86px;padding-right:76px;padding-left:82px;display:flex;align-items:center;background-image:url(../images/wall-top-bg.png);background-size:auto 100%;background-position:0 0;background-repeat:repeat-x}.main__wall--right{right:0;top:0;width:60px;height:100%;background-image:url(../images/wall-right-bg.png);background-size:100% auto;background-position:0 0;background-repeat:repeat-y}.main__wall--left{left:0;top:0;width:60px;height:100%;background-image:url(../images/wall-left-bg.png);background-size:100% auto;background-position:0 0;background-repeat:repeat-y}.main__wall--bottom{left:0;bottom:0;width:100%;height:40px;background-image:url(../images/wall-bottom-bg.png);background-size:auto 100%;background-position:0 0;background-repeat:repeat-x}.main__tower{position:absolute;width:64px;background-image:url(../images/tower.png);background-size:auto 180px;background-repeat:no-repeat}.main__tower--tleft{top:0;left:0;height:92px;background-position:100% 100%}.main__tower--tright{top:0;right:0;height:92px;background-position:0 100%}.main__tower--bleft{bottom:0;left:0;height:180px;background-position:100% 0}.main__tower--bright{bottom:0;right:0;height:180px;background-position:0 0}.main__counter{margin-bottom:-20px;width:150px;height:60px;padding:8px 2px 0 44px;display:flex;justify-content:center;align-items:flex-start;background-image:url(../images/counter-bg.png);background-size:contain;background-position:0 0;background-repeat:no-repeat;filter:drop-shadow(0 0 6px black)}.main__counter img{display:block;margin:0 2px;width:auto;height:28px}.main__game-button{margin:0 5px;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 0 6px black)}.main__game-button--pause{margin-left:auto;background-image:url(../images/button-pause-bg.png)}.main__game-button--sound{background-image:url(../images/button-sound-bg.png)}.main__game-button--sound.disactive{background-image:url(../images/button-sound-dis-bg.png)}.main__game-button--exit{background-image:url(../images/button-exit-bg.png)}.main__controls{position:absolute;bottom:10px;width:120px;height:120px;background-image:url(../images/controls-bg.svg);z-index:555;filter:drop-shadow(0 0 6px black)}.main__controls--left{left:2px}.main__controls--right{right:2px}.main__controls-button{display:block;position:absolute;width:54px;height:54px;border-radius:50%;border:0;opacity:0}.main__controls-button--up{top:-7px;left:32px}.main__controls-button--right{top:32px;right:-7px}.main__controls-button--bottom{left:32px;bottom:-7px}.main__controls-button--left{left:-7px;top:32px}.vertical .main{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}.pause{position:fixed;top:0;left:0;width:100%;height:100%;display:none;overflow:hidden}.pause__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(88,88,88,.9725490196) 30%,rgba(31,31,31,.9607843137));border:2px solid #000000}.pause__play-button{position:absolute;left:calc(50% - 120px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/screen-pause-play-button.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.pause__pause{position:absolute;left:calc(50% - 200px);top:calc(50% - 95px);width:400px;height:190px;background-image:url(../images/screen-pause-pause.png);background-size:contain;background-position:center;background-repeat:no-repeat}.pause__arrow{position:absolute;width:30px;height:30px;background-image:url(../images/icon-pause-arrow.svg)}.pause__arrow--1{top:30px;right:30px}.pause__arrow--2{right:30px;bottom:30px;transform:rotate(90deg)}.pause__arrow--3{left:30px;bottom:30px;transform:rotate(180deg)}.pause__arrow--4{top:30px;left:30px;transform:rotate(-90deg)}.vertical .pause{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}.again{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;overflow:hidden}.again__title{position:absolute;top:calc(50% - 160px);left:calc(50% - 245px);width:490px;height:160px;padding:40px 40px 0;display:flex;flex-direction:column;align-items:center;background-image:url(../images/again-title-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.again__title p{font-family:Normal,helvetica,sans-serif;font-size:40px;font-weight:400;line-height:1;color:#c72828}.again__subtitle{position:absolute;top:calc(50% - 10px);left:calc(50% - 175px);width:350px;height:85px;background-image:url(../images/again-subtitle-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.again__subtitle--negative{background-image:url(../images/again-subtitle-negative-bg.png)}.again__play-button{position:absolute;left:calc(50% - 120px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/button-play-again-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.vertical .again{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}.finish{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;overflow:hidden}.finish__title{position:absolute;top:calc(50% - 150px);left:calc(50% - 275px);width:488px;height:239px;padding:40px 40px 0;display:flex;flex-direction:column;align-items:center;background-image:url(../images/finish-title-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.finish__play-button{position:absolute;left:calc(50% - 120px);top:calc(50% + 102px);width:240px;height:57px;background-image:url(../images/finish-play-button-bg.png);background-size:100% auto;background-position:center;background-repeat:no-repeat}.vertical .finish{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:0 0}