.tower-button{border-radius:var(--b-radius);background:#535574;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.tower-button .content{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.tower-button .content .overlay{width:128px;height:128px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);background-image:url(/assets/loose-6e4aff69.png);animation:mines_sprite .5s steps(41) .1s forwards}.tower-button .content .overlay.win{background-image:url(/assets/win-ef298071.png);animation:mines_sprite .5s steps(50) .1s forwards}.tower-button .content>img{width:auto;max-width:100%}@media screen and (max-width: 767px){.tower-button img{max-height:70%}}@media screen and (max-width: 767px) and (orientation: landscape){.tower-button img{height:auto!important}}.tower-button img,.tower-button svg{display:none}.tower-button .emeralds{height:30px}.tower-button .shield{height:26px}.tower-button .empty{color:#afcfff;opacity:.5;height:21px;width:auto}.tower-button .circle{height:14px;width:auto}.tower-button:not(.opened):not(.active) .empty,.tower-button.active .circle,.tower-button.opened.shield .shield,.tower-button.opened.emeralds .emeralds{display:block}.tower-button.active{background:#8f93bc;color:#535574;transition:.2s}.tower-button.active:hover,.tower-button.active:focus{background:#a5aad8}.tower-button.active svg{opacity:.5;transition:.2s}.tower-button.opened{background:#535574;cursor:not-allowed}.tower-button.opened:not(.selected):not(.visible){opacity:.6}.tower-button.opened.selected{background:#3b3e5a}html.dark .tower-button,html[data-theme=dark] .tower-button{background:#424b5b}html.dark .tower-button.active,html[data-theme=dark] .tower-button.active{background:#596984;color:#849cc1}html.dark .tower-button.active:hover,html.dark .tower-button.active:focus,html[data-theme=dark] .tower-button.active:hover,html[data-theme=dark] .tower-button.active:focus{background:#6a7fa4}html.dark .tower-button.active svg,html[data-theme=dark] .tower-button.active svg{opacity:1}html.dark .tower-button.opened,html[data-theme=dark] .tower-button.opened{cursor:not-allowed}html.dark .tower-button.opened:not(.selected):not(.visible),html[data-theme=dark] .tower-button.opened:not(.selected):not(.visible){opacity:.4}html.dark .tower-button.opened.selected,html[data-theme=dark] .tower-button.opened.selected{background:#2b303d}@keyframes mines_sprite{0%{background-position:0 0;opacity:1}70%{opacity:1}to{opacity:0;background-position:100% 0}}.tower-scene__tower{position:absolute;bottom:-2%;left:50%;transform:translate(-50%);z-index:1;width:103%;height:auto;border-top-left-radius:var(--b-radius);border-top-right-radius:var(--b-radius)}.tower-scene__top{position:absolute;top:-5px;left:50%;transform:translate(-50%,-100%);z-index:1;width:107%;height:auto}.tower-scene__cloud-left{position:absolute;top:-30px;left:-58%;z-index:0;width:auto;height:auto}@media screen and (max-width: 920px){.tower-scene__cloud-left{left:-40%;top:-100px}}.tower-scene__cloud-right{position:absolute;top:-19%;right:-74%;z-index:0;width:auto;height:auto}@media screen and (max-width: 920px){.tower-scene__cloud-right{right:-50%;top:-110px}}.tower-scene__rock-right{position:absolute;bottom:0%;right:-2%;z-index:0;width:auto;height:auto}.tower-scene__rock-left{position:absolute;bottom:0%;left:-1%;z-index:0;width:auto;height:auto}.tower-scene__center-back{position:absolute;bottom:-12%;left:50%;transform:translate(-50%);z-index:0;width:auto;height:auto}.tower-scene__center-front{position:absolute;bottom:-9px;left:-37.12px;z-index:4;width:auto;height:auto}.tower-grid{display:flex;flex-direction:column-reverse;gap:6px;border-radius:6px;border:1px solid #7e8db4;background:#777a99;padding:6px;position:relative;z-index:2}@media screen and (max-width: 767px){.tower-grid{padding:0;background:transparent;border:none}}.tower-grid__wrapper{position:relative;z-index:6}@media screen and (max-width: 767px){.tower-grid__wrapper{width:100%}}.tower-grid__wrapper>img{display:block}.tower-grid__wrapper>img.dark{display:none}@media screen and (max-width: 920px){.tower-grid__wrapper{transform:scale(.9);transform-origin:center bottom;margin-top:-40px}}@media screen and (max-width: 860px){.tower-grid__wrapper{transform:scale(.8);transform-origin:center bottom;margin-top:-100px}}@media screen and (max-width: 767px){.tower-grid__wrapper{transform:none;margin-top:0}}.tower-grid__inner{display:flex}.tower-grid__inner img{pointer-events:none;max-width:none;max-height:none}@media screen and (max-width: 767px){.tower-grid__inner{width:100%}}.tower-grid__inner>img{display:block}.tower-grid__inner>img.dark{display:none}.tower-grid__row{display:flex;gap:6px;max-width:100%}.tower-grid__row.disabled,.tower-grid__row.disabled *{pointer-events:none!important;transition:none!important}.tower-grid__col button{height:100%;width:100%}.tower-grid__col.rate{flex-shrink:0;width:74px;height:36px;margin-right:4px}@media screen and (max-width: 767px){.tower-grid__col.rate{width:54px;height:34px;margin-right:2px}}.tower-grid__col.col{width:80px}@media screen and (max-width: 767px){.tower-grid__col.col{width:100%}}.tower-grid__rate{border-radius:var(--b-radius);background:#535574;color:#fff;display:flex;align-items:center;height:100%;justify-content:center;font-size:11px;font-weight:600}@media screen and (max-width: 767px){.tower-grid__rate{font-size:10px;font-weight:700}}.tower-grid__rate.disabled{color:#fff;background:#3b3e5a}.tower-grid__rate.active{background:linear-gradient(90deg,#f4a202 0%,#fac257 100%)!important;color:#2c3034!important}html.dark .tower-grid,html[data-theme=dark] .tower-grid{border:1px solid #575d69;background:#373c49}@media screen and (max-width: 767px){html.dark .tower-grid,html[data-theme=dark] .tower-grid{background:transparent;border:none}}html.dark .tower-grid__rate,html[data-theme=dark] .tower-grid__rate{background:#424b5b}html.dark .tower-grid__rate.disabled,html[data-theme=dark] .tower-grid__rate.disabled{background:#2b303d}html.dark .tower-grid__wrapper>img,html.dark .tower-grid__inner>img,html[data-theme=dark] .tower-grid__wrapper>img,html[data-theme=dark] .tower-grid__inner>img{display:none}html.dark .tower-grid__wrapper img+img.dark,html.dark .tower-grid__inner img+img.dark,html[data-theme=dark] .tower-grid__wrapper img+img.dark,html[data-theme=dark] .tower-grid__inner img+img.dark{display:block}html.dark .tower-scene__bg,html[data-theme=dark] .tower-scene__bg{display:none}html.dark .tower-scene__bg.dark,html[data-theme=dark] .tower-scene__bg.dark{display:block}@media screen and (max-width: 767px){.tower-grid__wrapper>img,.tower-grid__inner>img{display:none!important}}
