@font-face{font-family:"Baloo 2";src:local("Baloo 2"),local("Baloo ExtraBold"),url("../fonts/Baloo_2/Baloo2-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat/Montserrat-Bold.ttf") format("ttf");font-weight:700;font-style:normal;font-display:swap}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}body{font-family:"Baloo 2",cursive;font-style:normal;font-weight:800;min-height:100vh;background:#000}a{color:inherit;text-decoration:none}ul{list-style:none}img{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}button{border:none;background:0 0;color:inherit;cursor:pointer;outline:none}.games{max-width:520px;margin:0 auto;min-height:100vh;background-image:url("../img/webp/bg.webp");background-repeat:no-repeat;background-size:cover;background-position:top center;overflow-x:hidden;padding-top:20px;position:relative}.games:before{content:"";position:absolute;bottom:0;background-image:url("../img/webp/gold.webp");background-repeat:no-repeat;background-position:bottom center;background-size:100% 100%;height:120px;width:100%}
.games-logo{display:block;width:250px;max-width:250px;margin:0 auto 10px}.games-balance{font-size:20px;background-image:url("../img/webp/balance.webp");background-repeat:no-repeat;background-size:100% 100%;width:300px;height:50px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.games-balance__title{color:#1266d7;margin:0 17px 0 60px}.games-balance__count{color:#ffed77}.games-ball{position:absolute;top:150px;opacity:1;z-index:2;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s ease-in-out,z-index .1s .4s,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,z-index .1s .4s,-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out,opacity .4s ease-in-out,z-index .1s .4s;transition:transform .4s ease-in-out,opacity .4s ease-in-out,z-index .1s .4s;transition:transform .4s ease-in-out,opacity .4s ease-in-out,z-index .1s .4s,-webkit-transform .4s ease-in-out}
.games-ball--hidden{opacity:0;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.games-ball__item{position:relative;z-index:5}.games-ball__item--line{position:absolute;background-image:url("../img/webp/line-2.webp");background-repeat:no-repeat;background-size:100% 100%;width:170px;height:140px;left:0;bottom:-75px;z-index:-1}.games-ball__item-text{text-shadow:0px 2px 2px rgba(146,90,0,.7);font-family:"Baloo 2",cursive;font-size:34px;color:#fff;position:absolute;bottom:70px;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;width:100%;text-align:center;line-height:1.2}.games-ball__item.active .games-ball__item-pic{-webkit-transition:margin-top 1s 1s ease-in-out;-o-transition:margin-top 1s 1s ease-in-out;transition:margin-top 1s 1s ease-in-out;margin-top:30px}.games-ball__item.active .games-ball__item-text{top:60%;font-size:65px;line-height:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;transition:all 3s ease-in-out}
.games-ball__item-pic{max-width:520px;max-height:414px;width:100vw}.games-ball__btn{position:relative;width:120px;height:120px;margin:70px auto 0;display:block;z-index:5}.games-ball__btn:before{content:"";position:absolute;background-image:url("../img/webp/btns-sprite.webp");background-repeat:no-repeat;background-size:unset;background-position:-159px -10px;left:0;top:0;width:100%;height:100%}.games-ball__btn:after{content:"";position:absolute;background-image:url("../img/webp/line-1.webp");background-repeat:no-repeat;background-size:100% 100%;width:246px;height:242px;left:-200px;top:-30px;pointer-events:none;z-index:-1}.games-ball__btn:hover:before{background-position:-159px -302px}.games-ball__btn:disabled:before{background-position:-14px -158px}.games-ball__btn .btn--active{background-position:-13px -157px}.games-cards{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity .4s .4s ease-in-out,-webkit-transform .4s .4s ease-in-out;transition:opacity .4s .4s ease-in-out,-webkit-transform .4s .4s ease-in-out;-o-transition:transform .4s .4s ease-in-out,opacity .4s .4s ease-in-out;transition:transform .4s .4s ease-in-out,opacity .4s .4s ease-in-out;transition:transform .4s .4s ease-in-out,opacity .4s .4s ease-in-out,-webkit-transform .4s .4s ease-in-out}
.games-cards--active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.games-cards__title{color:#fff;text-align:center;text-shadow:0px 2px 2px #004c84;font-size:26px;line-height:1.1;margin-top:10px;text-transform:uppercase}.games-cards__title span{font-size:30px;color:#fff0af;display:block}.games-cards__item{position:relative;display:block;z-index:15;margin:10px auto 0;width:272px;height:128px;cursor:pointer}.games-cards__item-prize{position:absolute;left:50%;top:5px;height:95%;width:95%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:-1;border-radius:20px}.btn-pulsate:before{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .5s ease-in-out infinite both}.sky-one,.sky-two{position:absolute;background-image:url("../img/webp/sky.webp");background-repeat:no-repeat;background-size:contain}.sky-one{width:250px;height:200px;left:10%;top:230px}.sky-two{width:220px;height:170px;right:5%;top:325px}
.popup{position:absolute;overflow:hidden;bottom:0;right:0;left:0;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:-1;opacity:0;-webkit-transition:opacity .4s 1s,z-index .1s 1s ease-in-out,-webkit-transform .4s 1s ease-in-out;transition:opacity .4s 1s,z-index .1s 1s ease-in-out,-webkit-transform .4s 1s ease-in-out;-o-transition:transform .4s 1s ease-in-out,opacity .4s 1s,z-index .1s 1s ease-in-out;transition:transform .4s 1s ease-in-out,opacity .4s 1s,z-index .1s 1s ease-in-out;transition:transform .4s 1s ease-in-out,opacity .4s 1s,z-index .1s 1s ease-in-out,-webkit-transform .4s 1s ease-in-out}.popup--active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);z-index:20;opacity:1;-webkit-transition:opacity .4s .1s,z-index .1s .1s ease-in-out,-webkit-transform .4s .1s ease-in-out;transition:opacity .4s .1s,z-index .1s .1s ease-in-out,-webkit-transform .4s .1s ease-in-out;-o-transition:transform .4s .1s ease-in-out,opacity .4s .1s,z-index .1s .1s ease-in-out;transition:transform .4s .1s ease-in-out,opacity .4s .1s,z-index .1s .1s ease-in-out;transition:transform .4s .1s ease-in-out,opacity .4s .1s,z-index .1s .1s ease-in-out,-webkit-transform .4s .1s ease-in-out}
.popup-content{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:20%;min-height:401px;width:100%}.popup-content:before{content:"";position:absolute;background-image:url("../img/webp/rays.webp");background-position:center;background-repeat:no-repeat;background-size:90% 90%;-webkit-transform:scale(0) rotate(0deg);-ms-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg);width:100%;height:100%}.popup-content:after{content:"";position:absolute;background-image:url("../img/stars.png");background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);top:20px;left:50%;width:280px;height:70px}.popup-content__title{color:#fff;text-align:center;text-shadow:0px 2px 2px rgba(146,90,0,.7);font-size:50px;line-height:1.2;margin-top:auto;text-transform:uppercase}
.popup-content__title span{font-size:34px}.popup-content__subtitle{color:#fff0af;text-align:center;font-size:58px;line-height:114.9%;text-transform:uppercase;margin-bottom:70px}.popup-content__subtitle span{font-size:32px;display:block}.popup-content__title,.popup-content__subtitle{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.popup-content__btn{color:#ffc6ee;text-align:center;text-shadow:0px 2px 2px rgba(146,0,105,.7);font-family:"Baloo 2",cursive;font-size:30px;background-image:url("../img/webp/btn.webp");background-repeat:no-repeat;background-size:contain;opacity:0;margin:0 auto;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;padding-bottom:5px;width:265px;height:70px}.popup--active .popup-content:before{-webkit-transform:scale(1) rotate(360deg);-ms-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg);-webkit-transition:-webkit-transform .8s .5s ease-in-out;transition:-webkit-transform .8s .5s ease-in-out;-o-transition:transform .8s .5s ease-in-out;transition:transform .8s .5s ease-in-out;transition:transform .8s .5s ease-in-out,-webkit-transform .8s .5s ease-in-out}
.popup--active .popup-content:after{-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);-webkit-transition:-webkit-transform .8s .5s ease-in-out;transition:-webkit-transform .8s .5s ease-in-out;-o-transition:transform .8s .5s ease-in-out;transition:transform .8s .5s ease-in-out;transition:transform .8s .5s ease-in-out,-webkit-transform .8s .5s ease-in-out}.popup--active .popup-content__title,.popup--active .popup-content__subtitle{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .8s .8s ease-in-out;transition:-webkit-transform .8s .8s ease-in-out;-o-transition:transform .8s .8s ease-in-out;transition:transform .8s .8s ease-in-out;transition:transform .8s .8s ease-in-out,-webkit-transform .8s .8s ease-in-out}.popup--active .popup-content__btn{opacity:1;-webkit-transition:opacity .5s 1.6s ease-in-out;-o-transition:opacity .5s 1.6s ease-in-out;transition:opacity .5s 1.6s ease-in-out}
#popup-2 .popup-content__title{line-height:1}#popup-2 .popup-content__subtitle{line-height:1;margin-bottom:15px}.pulsate{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .5s ease-in-out infinite both}@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:520px){.games-ball__item:before{bottom:-15vw}.games-ball__item--line{bottom:-14vw}}@media (max-width:455px){.games-ball__item-text{bottom:55px}.games-logo{margin:0 auto 0;max-width:230px}.sky-one{left:0;top:190px}.sky-two{right:-7%;top:280px}.games-ball__item--line{bottom:-15vw}.games-cards__item{margin:0 auto 10px}}@media (max-width:395px){.games-ball__item--line{bottom:-16vw}}@media (max-width:360px){.games-ball__item-text{bottom:35px}
.games-ball__item--line{bottom:-18vw}}