*{box-sizing:border-box;scrollbar-color:rgba(191,213,255,.3) rgba(191,213,255,.1);scrollbar-width:thin}:root{--font-family:"Rubik",sans-serif;--gold:#fc0;--light-brown:#fc0;--main-blue:#00d7ff;--padding-horizontal:23.475rem;--dark-blue:#132535;--muted:#bfd5ff;--middle-brown:#ff9507;--purple:#a034ff;--white:#fff;--gray:#7a8fb8;--green:#76ff33;--red:#f33;--orange:#ff6a29}@media (max-width:600px),(max-width:600px) and (max-aspect-ratio:8/5),screen and (max-width:900px) and (max-aspect-ratio:8/5){:root{--padding-horizontal:1rem}}@media screen and (max-width:1600px){:root{--padding-horizontal:18rem}}@media screen and (max-width:1440px){:root{--padding-horizontal:13rem}}@media screen and (max-width:1366px){:root{--padding-horizontal:12rem}}@media screen and (max-width:1024px){:root{--padding-horizontal:10rem}}@media (max-width:600px),(max-width:600px) and (max-aspect-ratio:8/5),screen and (max-width:900px) and (max-aspect-ratio:8/5){:root{--padding-horizontal:2rem}}@media (min-aspect-ratio:8/5) and (min-width:600px) and (max-width:1000px){:root{--padding-horizontal:14rem}}html{font-size:16px;scroll-behavior:smooth}@media screen and (max-width:1600px){html{font-size:14px}}@media screen and (max-width:1440px){html{font-size:13px}}@media screen and (max-width:1366px){html{font-size:13px}}@media screen and (max-width:1024px){html{font-size:11px}}@media (max-width:600px),(max-width:600px) and (max-aspect-ratio:8/5),screen and (max-width:900px) and (max-aspect-ratio:8/5){html{font-size:16px}}@media screen and (max-width:390px){html{font-size:13px}}@media screen and (max-width:340px){html{font-size:12px}}@media screen and (min-width:1601px){html{font-size:16px}}@media screen and (min-width:2180px){html{font-size:21px}}@media screen and (min-width:2700px){html{font-size:23px}}@media screen and (min-width:3140px){html{font-size:25px}}@media screen and (min-width:3440px){html{font-size:28px}}@media (min-aspect-ratio:8/5) and (min-width:600px) and (max-width:1000px){html{font-size:max(min(1.5vh,1vw),7px)}}@media (min-aspect-ratio:8/5) and (min-width:650px) and (max-width:1000px){html{font-size:max(min(1.5vh,1vw),8px)}}@media (min-aspect-ratio:8/5) and (min-width:800px) and (max-width:1000px){html{font-size:max(min(1.5vh,1vw),10px)}}@media (min-aspect-ratio:8/5) and (min-width:650px) and (max-width:1000px){html{font-size:max(min(1.4815vh,1vw),6px)}}@media (min-aspect-ratio:8/5) and (min-width:800px) and (max-width:1000px){html{font-size:max(min(1.4815vh,1vw),9px)}}body{align-items:center;background:#152d3a;display:flex;flex-direction:column;font-family:Rubik;min-height:100vh;overflow-x:hidden;padding:0;width:100%}h1,h2,h3,p{margin:0;padding:0}section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}section h2{font-size:1.875rem;font-weight:500;line-height:2.5rem;margin-bottom:1.75rem;text-align:center;text-transform:uppercase}@media screen and (max-width:500px){section h2{font-size:2rem}}section .subtitle,section p{color:var(--muted);font-size:1rem;font-weight:400;line-height:1.25rem;text-align:center}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){section{padding:0 var(--padding-horizontal)}}.button{align-items:center;background:#fff;border:none;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Rubik;font-size:1rem;font-weight:500;justify-content:center;line-height:100%;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}.button:hover{background:var(--gold)}.button.disabled{cursor:default;opacity:.5;pointer-events:none}.button.hidden{display:none}.button.green-button{background:var(--green);color:var(--dark-blue)}.button.green-button:hover{background:#fff}.button.gold-button{background:rgba(255,204,0,.25);border:.125rem solid rgba(255,204,0,.25);color:var(--gold)}.button.gold-button:hover{background:rgba(255,204,0,.35)}.button.gold-button img{height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}.button.gold-button.error{background:rgba(255,58,58,.25);border:.125rem solid rgba(255,58,58,.25)}.button.gold-button.hidden{display:none}.login-form{align-items:flex-start;justify-content:flex-start;padding-top:2rem}.login-form,.login-form form{display:flex;flex-direction:column}.login-form form{width:26.25rem}@media screen and (max-width:1000px){.login-form form{width:100%}}.login-form form .form-group{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.login-form form .form-group label{color:#9bb6cf;font-size:.75rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;transition:.3s ease}.login-form form .form-group input{background:transparent;border:none;border-bottom:.125rem solid #9bb6cf;color:#fff;font-family:Rubik;font-size:1.25rem;font-weight:400;outline:none;padding:.5rem 0;transition:.3s ease}.login-form form .form-group input:focus{border-color:#fff}.login-form form .form-group:focus-within label{color:#fff}.login-form form .form-group.submit-group{margin-bottom:0;margin-top:2rem}.login-form form .form-group.submit-group input{background:#fff;border:none;border-radius:.5rem;color:#001926;cursor:pointer;font-family:Rubik;font-size:1rem;font-weight:700;line-height:1rem;outline:none;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}.login-form form .form-group.submit-group input:hover{background:#fc0}.login-form form .form-group.submit-group input:disabled{opacity:.5;pointer-events:none}.login-form form .login-errors .error{align-items:center;background:#ff4848;border-radius:.5rem;color:#fff;display:flex;margin-top:1rem;padding:1rem}.login-form form .login-errors .error:before{background:url(/images/id/alert-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.875rem;margin-right:.5rem;width:1.875rem}.popup{align-items:center;display:flex;justify-content:center;pointer-events:none;z-index:4}.popup,.popup .close-wrapper{height:100%;left:0;position:fixed;top:0;width:100%}.popup .close-wrapper{background:rgba(0,25,38,.9);opacity:0;transition:.3s ease}.popup .close-icon{background:url(/images/id/close-button.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:1.5rem;margin-left:auto;opacity:.6;transition:.3s ease;width:1.5rem}.popup .close-icon:hover{opacity:1}.popup .content{background:#0b2a3a;border:1px solid #2b5266;border-radius:.625rem;display:flex;flex-direction:column;max-height:90dvh;opacity:0;overflow:hidden;position:relative;transform:translateY(10%);transition:.3s ease;z-index:1}@media (max-width:600px),screen and (max-width:700px) and (max-aspect-ratio:8/5){.popup .content{max-width:95%;width:95%}}.popup .content .head{align-items:center;border-bottom:1px solid #2b5266;display:flex;flex-shrink:0;padding:1.125rem 1.75rem}.popup .content .head .heading{color:#fff;font-size:1.5rem;font-weight:500;margin-right:2rem;text-transform:uppercase}.popup .content .inner{display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 1.75rem 1.75rem}.popup .content .inner p{color:var(--muted);font-size:1.125rem;line-height:1.5rem;margin:1.5rem 0 1.875rem;padding:0;text-align:left}.popup .content .inner ul{margin:0}.popup .content .inner .alert{align-items:center;background:rgba(255,204,0,.2);border-radius:.5rem;color:var(--gold);display:flex;font-size:.75rem;font-weight:500;padding:.75rem;text-transform:uppercase;width:100%}.popup .content .inner .alert:before{background-image:url(/images/id/alert-orange.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.5rem;margin-right:.625rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.popup .content .inner .button-group{align-items:center;display:flex;margin-top:1.25rem;width:100%}@media screen and (max-width:700px){.popup .content .inner .button-group{flex-direction:column}}.popup .content .inner .button-group .button{padding-left:0;padding-right:0;text-align:center;width:calc(50% - .8125rem)}@media screen and (max-width:700px){.popup .content .inner .button-group .button{width:100%}}.popup .content .inner .button-group .button:not(:last-child){margin-right:1.625rem}@media screen and (max-width:700px){.popup .content .inner .button-group .button:not(:last-child){margin-bottom:1rem;margin-right:0}}.popup .content .inner .button-group .button:not(:last-child):before{background:var(--green)}.popup.rules-popup .content{max-height:90dvh;overflow-x:hidden;overflow-y:auto}.popup.rules-popup .content .close-icon{right:2.875rem}@media screen and (max-width:600px){.popup.rules-popup .content .close-icon{top:2.5rem}}.popup.rules-popup .rules-content{flex:1;max-width:50vw;overflow-x:hidden;overflow-y:auto;padding:1rem 2rem}@media screen and (max-width:600px){.popup.rules-popup .rules-content{max-height:unset;max-width:unset;padding:1rem}}.popup.rules-popup .rules-content h3{color:#fff;font-size:1.75rem;font-weight:500;margin-bottom:1rem;text-align:left;text-transform:uppercase}.popup.rules-popup .rules-content h3:not(:first-child){margin-top:2rem}.popup.rules-popup .rules-content h4{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1rem;text-align:left;text-transform:uppercase}.popup.rules-popup .rules-content h4:not(:first-child){margin-top:1rem}.popup.rules-popup .rules-content ul{margin:0 0 1rem;padding:0 0 0 2rem}.popup.rules-popup .rules-content ul li{color:#fff}.popup.rules-popup .rules-content p{margin-bottom:.5rem;max-width:50vw;text-align:left;width:100%}@media screen and (max-width:900px){.popup.rules-popup .rules-content p{max-width:100%}}.popup.rules-popup .rules-content a{color:var(--green);text-decoration:none;transition:.3s ease}.popup.rules-popup .rules-content a:hover{color:#fff}.popup.rules-popup .rules-content .labeled-info{align-items:stretch;display:flex;margin-bottom:1rem;margin-top:1rem}.popup.rules-popup .rules-content .labeled-info .info-block{border:1px solid var(--muted);width:50%}.popup.rules-popup .rules-content .labeled-info .info-block:last-child{border-left:none}.popup.rules-popup .rules-content .labeled-info .info-block .label{border-bottom:1px solid var(--muted);font-weight:500;padding:.5rem 1rem}.popup.rules-popup .rules-content .labeled-info .info-block .text{padding:.5rem 1rem}.popup.buy-prize .content{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;max-height:90dvh;min-width:38.125rem;padding:1.5rem 1.875rem;position:relative;transform:translateY(6rem);transition:.3s ease;z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.buy-prize .content{max-width:95%;min-width:95%}}.popup.buy-prize .content .close-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:1.25rem;opacity:.75;position:absolute;right:1.875rem;top:1.875rem;transition:.15s ease;width:1.25rem}@media screen and (max-width:600px){.popup.buy-prize .content .close-icon{right:.75rem;transform:translateY(-50%)}}.popup.buy-prize .content .heading{color:var(--White,#fff);font-size:1.5rem;font-style:normal;font-weight:500;line-height:1.375rem;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.popup.buy-prize .content .buy-prize-wrapper{margin-bottom:1.25rem;width:100%}.popup.buy-prize .content .buy-prize-wrapper .heading{line-height:1rem;margin-bottom:1rem}.popup.buy-prize .content .buy-prize-wrapper [data-prize=common-key] .quota,.popup.buy-prize .content .buy-prize-wrapper [data-prize=epic-key] .quota,.popup.buy-prize .content .buy-prize-wrapper [data-prize=legendary-key] .quota,.popup.buy-prize .content .buy-prize-wrapper [data-prize=rare-key] .quota{display:none}.popup.buy-prize .content .muted{color:var(--muted);font-size:1rem;margin-bottom:1.875rem;text-align:center}.popup.buy-prize .content .cancel-button{background:rgba(191,213,255,.25);border:.125rem solid rgba(191,213,255,.25);color:var(--muted)}.popup.buy-prize .content .cancel-button:hover{background:rgba(191,213,255,.35)}.popup.buy-prize .content .button-group{align-items:center;display:flex;justify-content:center}.popup.buy-prize .content .button-group:not(:last-child){margin-bottom:1rem}.popup.buy-prize .content .button-group .button{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.popup.buy-prize .content .button-group .button:not(:last-child){margin-right:.625rem}.popup.buy-prize .content .button-group .buy-button{min-width:17rem}@media screen and (max-width:600px){.popup.buy-prize .content .button-group .buy-button{font-size:1rem;min-width:unset}}.popup.buy-prize .content .button-group .buy-button .currency{margin-left:.5rem}@media screen and (max-height:420px){.popup.buy-prize{top:-5.875rem}}.popup.energy-popup .content{width:31.75rem}.popup.energy-popup .content .inner .button-group .button{margin:0;width:100%}.popup.energy-popup .content .inner .button-group .button.to-button{margin-left:1.625rem}.popup.active{pointer-events:auto}.popup.active .close-wrapper{opacity:1}.popup.active .content{opacity:1;transform:none}.login-popup{align-items:center;display:flex;justify-content:center;pointer-events:none;z-index:9}.login-popup,.login-popup .close-button{height:100%;left:0;position:fixed;top:0;width:100%}.login-popup .close-button{backdrop-filter:blur(4px);background:rgba(0,25,38,.9);opacity:0;transition:.3s ease}.login-popup .login-content{align-items:flex-start;background:var(--dark-blue);border:1px solid #03344e;border-radius:.625rem;display:flex;flex-direction:column;justify-content:flex-start;max-height:95vh;opacity:0;overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;transform:translateY(20px);transition:.3s ease;z-index:3}.login-popup .login-content .heading{color:#fff;font-size:2rem;font-weight:500;line-height:1.875rem;margin-bottom:2rem;text-transform:uppercase}.login-popup .login-content .close-icon{background-image:url(/images/id/close-button.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:1.25rem;opacity:.65;position:absolute;right:1rem;top:1rem;transition:.3s ease;width:1.25rem}.login-popup .login-content .close-icon:hover{opacity:1}.login-popup .login-content .login_form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.login-popup .login-content .login_form form{display:flex;flex-direction:column;width:420px}@media screen and (max-width:1000px){.login-popup .login-content .login_form form{width:100%}}.login-popup .login-content .login_form form .form_group{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.login-popup .login-content .login_form form .form_group label{color:hsla(0,0%,100%,.65);font-size:.75rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;transition:.3s ease}.login-popup .login-content .login_form form .form_group input{background:transparent;border:none;border-bottom:2px solid #03344e;color:#fff;font-family:Rubik;font-size:1.25rem;font-weight:400;outline:none;padding:.5rem 0;transition:.3s ease}.login-popup .login-content .login_form form .form_group input:focus{border-color:var(--light-brown)}.login-popup .login-content .login_form form .form_group:focus-within label{color:#fff}.login-popup .login-content .login_form form .form_group.submit_group{margin-bottom:0;margin-top:2rem}.login-popup .login-content .login_form form .form_group.submit_group input{background:#fff;border:none;border-radius:8px;color:var(--dark-blue);cursor:pointer;font-family:Rubik;font-size:1rem;font-weight:700;line-height:1rem;outline:none;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}.login-popup .login-content .login_form form .form_group.submit_group input:hover{background:var(--light-brown)}.login-popup .login-content .login_form form .form_group.submit_group input:disabled{opacity:.5;pointer-events:none}.login-popup .login-content .login_form form .login_errors .error{align-items:center;background:#ff4848;border-radius:8px;color:#fff;display:flex;margin-top:1rem;padding:1rem}.login-popup .login-content .login_form form .login_errors .error:before{background:url(/images/id/alert-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.875rem;margin-right:.5rem;width:1.875rem}.login-popup.active{pointer-events:auto}.login-popup.active .close-button{opacity:1}.login-popup.active .login-content{opacity:1;transform:none}.popup.logout-submit{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9}.popup.logout-submit .close-wrapper{background:rgba(0,25,38,.9);height:100%;left:0;opacity:0;position:fixed;top:0;transition:.3s ease;width:100%}.popup.logout-submit .content{background:#001926;border:1px solid #2b5266;border-radius:.625rem;opacity:0;padding:1.125rem 1.75rem;position:absolute;right:var(--padding-horizontal);top:4.5rem;transform:translateY(10%);transition:.3s ease;z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.logout-submit .content{right:50%;transform:translateX(50%)}}.popup.logout-submit .content .question{font-size:1rem;font-weight:500;margin-bottom:1rem}.popup.logout-submit .content .button-group{align-items:center;display:flex;flex-grow:1}.popup.logout-submit .content .button-group .button{background:#fff;border:none;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;flex-grow:1;font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:.0437rem;line-height:1rem;outline:none;padding:.75rem 2rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:.3s ease;white-space:nowrap}.popup.logout-submit .content .button-group .button:hover{background:var(--green)}.popup.logout-submit .content .button-group .button:first-child{margin-right:.75rem}.popup.logout-submit.active{pointer-events:auto}.popup.logout-submit.active .content{opacity:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.logout-submit.active .content{transform:translateX(50%)}}.popup.logout-submit.active .close-wrapper{opacity:1}.popup.logout-submit.active .inner{opacity:1;transform:none}.game-board{background-color:rgba(191,213,255,.12);background-image:linear-gradient(rgba(191,213,255,.12) .0625rem,transparent .1rem),linear-gradient(90deg,rgba(191,213,255,.12) .0625rem,transparent .1rem);background-size:3.55rem 3.55rem;border:.5rem solid rgba(191,213,255,.55);border-radius:.5rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);height:36.6rem;overflow:hidden;width:36.6rem}.game-board .board-cell{cursor:pointer;position:relative}.game-board .board-cell[data-type=figure]{background:var(--figure-color,#888)}.game-board .board-cell[data-type=figure]:after{background:rgba(0,0,0,.16);content:"";inset:26%;position:absolute}.game-board .board-cell[data-type=bomb]:before{background:#252d40;background-image:url(/images/blockopolis/board/bomb.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;content:"";height:calc(100% - .125rem);left:0;outline:.125rem solid #3c465d;position:absolute;top:0;width:calc(100% - .125rem);z-index:1}@media screen and (max-width:600px){.game-board .board-cell[data-type=bomb]:before{height:calc(100% - 1px);outline:1px solid #3c465d;transform:translate(1px,1px);width:calc(100% - 1px)}}.game-board .board-cell[data-type=bomb][data-hp="2"]{background-color:#252d40}.game-board .board-cell[data-type=bomb][data-hp="2"]:before{opacity:.3}.game-board .board-cell[data-type=bomb][data-hp="2"]:after{background-image:url(/images/blockopolis/board/lock-bomb.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem;z-index:2}@media screen and (max-width:600px){.game-board .board-cell[data-type=bomb][data-hp="2"]:after{height:.5rem;width:.5rem}}.game-board .board-cell.preview-bad,.game-board .board-cell.preview-ok{z-index:2}.game-board .board-cell.preview-ok{box-shadow:inset 0 0 0 .125rem #fff}.game-board .board-cell.preview-bad{box-shadow:inset 0 0 0 .125rem rgba(255,59,48,.9)}.game-board .board-cell.clearing-grow{animation:highlightPulse .8s ease forwards;z-index:2}.game-board .board-cell.clearing-shrink{animation:glassBreak .4s ease-in forwards}@media screen and (max-width:600px){.game-board{background-size:2.3rem 2.3rem;height:24rem;width:24rem}}@keyframes highlightPulse{0%{box-shadow:0 0 0 hsla(0,0%,100%,0);filter:brightness(1)}30%{box-shadow:0 0 30px hsla(0,0%,100%,.6);filter:brightness(1.1)}70%{box-shadow:0 0 30px hsla(0,0%,100%,.6);filter:brightness(1.1)}to{box-shadow:0 0 0 hsla(0,0%,100%,0);filter:brightness(1)}}@keyframes glassBreak{0%{box-shadow:0 0 0 hsla(0,0%,100%,0);opacity:1;transform:scale(1)}30%{box-shadow:0 0 20px hsla(0,0%,100%,.5);transform:scale(1.05)}to{box-shadow:0 0 0 hsla(0,0%,100%,0);opacity:0;transform:scale(.3) translateY(20px)}}.game-board.is-dragging{cursor:grabbing}.game-board.is-dragging .board-cell.preview-bad,.game-board.is-dragging .board-cell.preview-ok{border:0 solid var(--preview-color);outline:none;z-index:1001}.game-board.is-dragging .board-cell.preview-ok{--preview-color:#fff}.game-board.is-dragging .board-cell.preview-bad{--preview-color:#ff3b30}.game-board.is-dragging .board-cell.edge-top{border-top-width:.2rem}.game-board.is-dragging .board-cell.edge-right{border-right-width:.2rem}.game-board.is-dragging .board-cell.edge-bottom{border-bottom-width:.2rem}.game-board.is-dragging .board-cell.edge-left{border-left-width:.2rem}.slots{background:transparent;border:1px solid rgba(191,213,255,.3);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;padding:1.34375rem 1.75rem 1.75rem;width:23.125rem}@media screen and (max-width:900px){.slots{align-self:center;margin-left:auto;margin-right:auto}}.slots .slots-section{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.slots .slots-section:not(:last-of-type){border-bottom:1px solid rgba(191,213,255,.2);margin:0 -1.75rem 1rem;padding:0 1.75rem 1.75rem}.slots .slots-section:last-child{margin-top:.375rem}.slots .slots-title{border-bottom:none;color:#bfd5ff;font-size:1rem;font-weight:500;margin:0 0 .875rem;padding:0;text-align:center;text-transform:uppercase}.slots .slots-grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);min-height:0}.slots .get-figures-button{align-items:center;background:var(--green);border-radius:.5rem;box-sizing:border-box;color:var(--dark-blue);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:3rem;justify-content:center;letter-spacing:.05em;margin-top:.75rem;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.slots .get-figures-button:hover{background-color:#fff}.slots .get-figures-button.disabled{opacity:.45;pointer-events:none}.slots .bonus-slot,.slots .figure-slot{background:transparent;border:1px solid rgba(191,213,255,.3);border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;padding:.375rem .375rem 0;position:relative;width:100%}.slots .bonus-slot .image,.slots .figure-slot .image{aspect-ratio:1/1;background-color:rgba(191,213,255,.102);border:1px solid rgba(191,213,255,.3);border-radius:.25rem;box-sizing:border-box;flex:1 1 auto;height:5.688rem;max-height:calc(100% - 2rem);overflow:hidden;padding:0;position:relative;width:100%}.slots .bonus-slot .image:before,.slots .figure-slot .image:before{background-position:50%;background-repeat:no-repeat;border-radius:.25rem;content:"";inset:0;position:absolute}.slots .bonus-slot.is-dragging,.slots .figure-slot.is-dragging{opacity:.65}.slots .bonus-slot.selected,.slots .figure-slot.selected{border-color:var(--green);box-shadow:0 0 0 .125rem rgba(118,255,51,.45)}.slots .figure-slot .image{margin-bottom:2rem}.slots .figure-slot.is-empty .image:before{background-image:none}.slots .figure-slot[data-type=d] .image:before{background-image:url(/images/blockopolis/board/figures/d.png);background-size:1.5rem 1.5rem}.slots .figure-slot[data-type=o] .image:before{background-image:url(/images/blockopolis/board/figures/o.png);background-size:3rem 3rem}.slots .figure-slot[data-type=i] .image:before{background-image:url(/images/blockopolis/board/figures/i.png);background-size:1.3125rem 5.25rem}.slots .figure-slot[data-type=j] .image:before{background-image:url(/images/blockopolis/board/figures/j.png);background-size:3rem 4.5rem}.slots .figure-slot[data-type=l] .image:before{background-image:url(/images/blockopolis/board/figures/l.png);background-size:3rem 4.5rem}.slots .figure-slot[data-type=s] .image:before{background-image:url(/images/blockopolis/board/figures/s.png);background-size:3rem 4.5rem}.slots .figure-slot[data-type=z] .image:before{background-image:url(/images/blockopolis/board/figures/z.png);background-size:3rem 4.5rem}.slots .figure-slot[data-type=t] .image:before{background-image:url(/images/blockopolis/board/figures/t.png);background-size:4.5rem 3rem}.slots .figure-slot[data-rotation="0"] .image:before{transform:rotate(0deg)}.slots .figure-slot[data-rotation="1"] .image:before{transform:rotate(90deg)}.slots .figure-slot[data-rotation="2"] .image:before{transform:rotate(180deg)}.slots .figure-slot[data-rotation="3"] .image:before{transform:rotate(270deg)}.slots .figure-slot.is-dragging .image{visibility:hidden}.slots .bonus-slot,.slots .bonus-slot .image{border-color:rgba(118,255,51,.302)}.slots .bonus-slot .image{background-color:rgba(118,255,51,.12)}.slots .bonus-slot .image:after{background:url(/images/blockopolis/star.png) 50%/contain no-repeat;content:"";font-size:1rem;height:.75rem;line-height:1;position:absolute;right:.25rem;top:.25rem;width:.75rem;z-index:1}.slots .bonus-slot .slot-footer{align-items:center;background:var(--green);border-radius:.25rem;color:var(--dark-blue);display:flex;flex:0 0 1.75rem;font-size:.75rem;font-weight:500;justify-content:center;letter-spacing:5%;margin:0 0 .375rem;text-transform:uppercase}.slots .bonus-slot .slot-footer.use-action{font-size:.5rem}.slots .bonus-slot.is-empty .image{opacity:.35}.slots .bonus-slot[data-type=d] .image:before{background-image:url(/images/blockopolis/board/d-bonus.png);background-size:1.5rem 1.5rem}.slots .bonus-slot[data-type=o] .image:before{background-image:url(/images/blockopolis/board/o-bonus.png);background-size:3rem 3rem}.slots .bonus-slot[data-bonus=mine] .image:before{background-image:url(/images/blockopolis/board/mine.png);background-size:3rem 3rem}.slots .bonus-slot.is-dragging .image{visibility:hidden}.slots .slots-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:.625rem}.slots .slots-actions .button{align-items:center;border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0 .75rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.slots .slots-actions .button,.slots .slots-actions .new-game-button{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.slots .slots-actions .new-game-button{background-color:rgba(191,213,255,.15);border:1px solid hsla(0,0%,100%,.25);color:#bfd5ff;height:3rem}.slots .slots-actions .new-game-button:hover{background-color:rgba(191,213,255,.5)}.drag-ghost{box-sizing:border-box;opacity:.6;pointer-events:none;position:fixed;transition:width .15s ease,height .15s ease;z-index:1000}.drag-ghost .image{height:100%;position:relative;width:100%}.drag-ghost .image:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";inset:0;position:absolute}.drag-ghost[data-preview=ok] .image:before{filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff) drop-shadow(1px 1px #fff) drop-shadow(-1px 1px #fff) drop-shadow(1px -1px #fff) drop-shadow(-1px -1px #fff)}.drag-ghost[data-preview=bad] .image:before{filter:drop-shadow(1px 0 rgba(255,59,48,.9)) drop-shadow(-1px 0 rgba(255,59,48,.9)) drop-shadow(0 1px rgba(255,59,48,.9)) drop-shadow(0 -1px rgba(255,59,48,.9)) drop-shadow(1px 1px rgba(255,59,48,.9)) drop-shadow(-1px 1px rgba(255,59,48,.9)) drop-shadow(1px -1px rgba(255,59,48,.9)) drop-shadow(-1px -1px rgba(255,59,48,.9))}.drag-ghost[data-rotation="1"] .image:before{transform:rotate(90deg)}.drag-ghost[data-rotation="2"] .image:before{transform:rotate(180deg)}.drag-ghost[data-rotation="3"] .image:before{transform:rotate(270deg)}.drag-ghost[data-type=d] .image:before{background-image:url(/images/blockopolis/board/figures/d.png)}.drag-ghost[data-type=o] .image:before{background-image:url(/images/blockopolis/board/figures/o.png)}.drag-ghost[data-type=i] .image:before{background-image:url(/images/blockopolis/board/figures/i.png)}.drag-ghost[data-type=j] .image:before{background-image:url(/images/blockopolis/board/figures/j.png)}.drag-ghost[data-type=l] .image:before{background-image:url(/images/blockopolis/board/figures/l.png)}.drag-ghost[data-type=s] .image:before{background-image:url(/images/blockopolis/board/figures/s.png)}.drag-ghost[data-type=z] .image:before{background-image:url(/images/blockopolis/board/figures/z.png)}.drag-ghost[data-type=t] .image:before{background-image:url(/images/blockopolis/board/figures/t.png)}.drag-ghost[data-bonus=mine]{z-index:1002}.drag-ghost[data-bonus=mine] .image:before{background-image:url(/images/blockopolis/board/mine.png)}.ruby{align-items:center;color:#f66;display:inline-flex;font-size:1.125rem;font-weight:500}.ruby:before{background-image:url(/images/id/ruby.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.25rem;width:1rem}.crystal{align-items:center;color:#00d7ff;display:inline-flex;font-size:1rem;font-weight:500}.crystal:before{background-image:url(/images/id/crystal.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.25rem;width:1rem}.ruby-button{background:#f66!important;border:none!important;color:#fff!important}.ruby-button .ruby{color:#fff;font-size:1rem;margin-left:.25rem}.ruby-button .ruby:before{background-image:url(/images/id/ruby-white.svg)}.ruby-button:hover{background:#ff4b4b!important}.crystal-button{background:#00d7ff!important;border:none!important}.crystal-button .crystal{color:#fff;font-size:1rem;margin-left:.25rem}.crystal-button .crystal:before{background-image:url(/images/id/crystal-white.svg)}.crystal-button:hover{background:#04b7d7!important}.currency{align-items:center;color:#bfd5ff;display:inline-flex;white-space:nowrap}.currency:before{background-image:url();background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.25rem;width:1rem}.energy{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:500;line-height:1.375rem}.energy:before{background-image:url(/images/sea-battle/energy.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.25rem;width:1rem}.card{background:rgba(191,213,255,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:.5rem;flex-direction:column;padding:.75rem}.card,.card .heading{display:flex;width:100%}.card .heading{align-items:center;margin-bottom:.75rem}.card .heading .name{font-size:1.125rem;font-weight:500;margin-right:auto;text-transform:uppercase}.card .awards .award{align-items:center;background:rgba(191,213,255,.15);border-radius:.25rem;display:flex;flex-direction:column;justify-content:center}.card .awards .award .image{height:6.25rem;margin-bottom:.375rem;width:6.25rem}.card .awards .award .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.card .awards .award .name{font-size:1rem;font-weight:500;line-height:1rem;text-align:center;text-transform:uppercase}.shop-wrapper{display:grid;gap:1.875rem;grid-template-columns:repeat(3,23.125rem)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.shop-wrapper{grid-template-columns:1fr 1fr;width:100%}}@media screen and (max-width:600px){.shop-wrapper{grid-template-columns:repeat(1,auto);width:100%}}.shop-wrapper .shop-item{opacity:.65;transition:.15s ease}.shop-wrapper .shop-item.already-buy,.shop-wrapper .shop-item.available{opacity:1}.shop-wrapper .shop-item.available{cursor:pointer}.shop-wrapper .shop-item.available:hover{background:rgba(191,213,255,.18);transform:scale(1.03)}.shop-wrapper .shop-item.already-buy{cursor:default;pointer-events:none}.shop-wrapper .shop-item.already-buy .awards .award .image{position:relative}.shop-wrapper .shop-item.already-buy .awards .award .image img{opacity:.3}.shop-wrapper .shop-item.already-buy .awards .award .image .badge{background:rgba(255,51,51,.5);border-radius:.3125rem;color:#fff;display:flex;font-size:1.125rem;font-weight:500;left:50%;opacity:1;padding:.625rem;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.shop-wrapper .shop-item.already-buy .awards .award .name{opacity:.3}.shop-item{height:15.75rem;width:100%}.shop-item .heading{margin-bottom:1rem}.shop-item .heading .cost{font-size:1.125rem;font-weight:500;line-height:1rem;margin-right:auto}.shop-item .heading .quota{color:var(--muted);font-size:1.125rem;font-weight:500;line-height:1rem}.shop-item .heading .quota.disabled{display:none}.shop-item .awards{display:flex;flex-direction:row;flex-grow:1}.shop-item .awards .award{flex-grow:1}.shop-item .awards .award .image{margin-bottom:1rem}.shop-item .awards .award .image .badge{display:none}.shop-item .awards .award:not(:last-child){margin-right:.125rem}footer{align-items:center;display:flex;padding:0 4rem;width:100%}@media screen and (max-width:900px){footer{padding:0 var(--padding-horizontal)}}footer .footer-inner{align-items:center;border-top:1px solid hsla(0,0%,100%,.25);display:flex;padding:1.75rem 0;width:100%}@media screen and (max-width:900px){footer .footer-inner{flex-direction:column;justify-content:center}}footer .footer-inner .lang-container{align-items:center;border:1px solid hsla(0,0%,100%,.25);border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-right:1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:.3s ease}@media screen and (min-width:900px){footer .footer-inner .lang-container{display:none}}@media screen and (max-width:900px){footer .footer-inner .lang-container{margin-bottom:1.5rem;margin-right:0}}footer .footer-inner .lang-container .current{align-items:center;border-radius:.5rem;display:flex;padding:.75rem;position:relative;transition:.3s ease}footer .footer-inner .lang-container .current:after{background-image:url(/images/id/drop-arrow-white.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:.25rem;margin-left:.5rem;transition:.3s ease;width:.5rem}footer .footer-inner .lang-container .current:hover{background:#fff;color:var(--dark-blue)}footer .footer-inner .lang-container .current:hover:after{filter:invert(1)}footer .footer-inner .lang-container .dropdown{background:#fff;border-radius:.325rem;left:50%;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:-.5rem;transform:translate(-50%,-100%);transition:.3s ease;width:100%}footer .footer-inner .lang-container .dropdown li{cursor:pointer;display:flex;width:100%}footer .footer-inner .lang-container .dropdown li a{align-items:center;color:var(--dark-blue);display:flex;font-weight:700;justify-content:center;line-height:1;padding:.375rem 0;text-decoration:none;transition:.3s ease;width:100%}footer .footer-inner .lang-container .dropdown li a:hover{background:var(--gold)}footer .footer-inner .lang-container.active .dropdown{max-height:calc(1.7rem*var(--lang-count))}footer .footer-inner .lang-container.active .current:after{transform:rotate(180deg)}footer .footer-inner .copyright{color:hsla(0,0%,100%,.6);font-size:.875rem}@media screen and (max-width:900px){footer .footer-inner .copyright{margin-bottom:1.5rem;text-align:center}}footer .footer-inner .social-links{align-items:center;display:flex;margin:0 0 0 auto;padding:0}@media screen and (max-width:900px){footer .footer-inner .social-links{margin-left:0}}footer .footer-inner .social-links li{display:flex;height:1.5rem;transition:.3s ease;width:1.5rem}footer .footer-inner .social-links li:not(:last-child){margin-right:1.5rem}footer .footer-inner .social-links li a{height:100%;width:100%}footer .footer-inner .social-links li a img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}footer .footer-inner .social-links li:hover{transform:scale(1.1)}.errors-wrapper{bottom:2rem;left:50%;position:fixed;transform:translateX(-50%);z-index:10}.errors-wrapper .error,.errors-wrapper .success{text-wrap:nowrap;align-items:center;background:#ff4848;border-radius:.5rem;color:#fff;display:flex;left:0;margin-top:1rem;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;top:0;transform:translateY(4rem) translateX(-50%);transition:.15s ease}.errors-wrapper .error.active,.errors-wrapper .success.active{opacity:1}.errors-wrapper .error:before,.errors-wrapper .success:before{background:url(/images/id/alert-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.875rem;margin-right:.5rem;min-height:1.875rem;min-width:1.875rem;width:1.875rem}.errors-wrapper .success{background-color:#76ff33;color:var(--dark-blue);white-space:nowrap;width:auto}.errors-wrapper .success:before{background-image:url(/images/id/alert-dark.svg)}[hidden]{display:none!important}body{background-color:#062536;color:#fff;font-family:Rubik,sans-serif;margin:0}body.is-dragging{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info{align-items:center;display:flex;flex-direction:column;height:45rem;justify-content:center;padding:0 var(--padding-horizontal) 5rem;position:relative;text-align:center;width:100%}.info:before{background-image:url(/images/blockopolis/info-background.png);background-position:top;background-repeat:no-repeat;background-size:cover;content:"";height:50rem;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media screen and (max-width:325px){.info{margin-bottom:3rem;padding-top:3rem}}.info .event-logo{margin-bottom:1.5rem;position:relative;z-index:1}.info .event-logo img{display:block;height:5.625rem;max-width:32.8rem;-o-object-fit:contain;object-fit:contain;width:100%}.info p{color:#fff;font-size:1.125rem;font-weight:400;letter-spacing:0;line-height:1.625rem;margin:0 0 2.5rem;max-width:33.5625rem;position:relative;z-index:1}@media screen and (max-width:390px){.info p{font-size:1.385rem;line-height:2rem}}@media screen and (max-width:340px){.info p{font-size:1.5rem;line-height:2.167rem}}.info .button-block{display:flex;flex-direction:row;gap:1.875rem;position:relative;z-index:1}@media screen and (max-width:900px){.info .button-block{align-items:stretch;flex-direction:column;gap:.75rem;max-width:18.75rem;width:100%}.info .button-block .button{box-sizing:border-box;width:100%}}.info .button-block .button{align-items:center;border-radius:.5rem;cursor:default;display:flex;font-size:.875rem;font-weight:500;height:2.75rem;justify-content:center;line-height:1rem;padding:0 1.25rem;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info .button-block .green-button{background:var(--green);padding:1rem 2.75rem!important}.info .button-block .green-button,.info .button-block .white-button{color:var(--dark-blue);font-size:.875rem;font-weight:500;letter-spacing:5%;line-height:1rem}.info .button-block .white-button{background:#fff;padding:1rem 1.5rem!important}.info .button-block .rules-button{cursor:pointer}.info .button-block .details-link,.info .button-block .rules-popup-link{cursor:pointer;text-decoration:none}.rules-popup .content{max-height:90dvh;overflow-x:hidden;overflow-y:auto}.rules-popup .content .close-icon{right:2.875rem}@media screen and (max-width:600px){.rules-popup .content .close-icon{top:2.5rem}}.rules-popup .rules-content{flex:1;max-width:50vw;overflow-x:hidden;overflow-y:auto;padding:1rem 2rem}@media screen and (max-width:600px){.rules-popup .rules-content{max-height:unset;max-width:unset;padding:1rem}}.rules-popup .rules-content h3{color:#fff;font-size:1.75rem;font-weight:500;margin-bottom:1rem;text-align:left;text-transform:uppercase}.rules-popup .rules-content h3:not(:first-child){margin-top:2rem}.rules-popup .rules-content h4{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1rem;text-align:left;text-transform:uppercase}.rules-popup .rules-content h4:not(:first-child){margin-top:1rem}.rules-popup .rules-content ul{margin:0 0 1rem;padding:0 0 0 2rem;text-align:left}.rules-popup .rules-content ul li{color:#fff;text-align:left}.rules-popup .rules-content p{margin-bottom:.5rem;max-width:50vw;text-align:left;width:100%}@media screen and (max-width:900px){.rules-popup .rules-content p{max-width:100%}}.board{align-items:center;display:flex;flex-direction:column;margin-top:-9.5rem;padding:0 var(--padding-horizontal) 9.375rem;position:relative}.board h2{color:#fff;font-size:2rem;font-weight:500;height:4.375rem;letter-spacing:0;line-height:1.375rem;margin:0;text-align:center;text-transform:uppercase}@media screen and (max-width:500px){.board h2{font-size:1.25rem;height:auto;line-height:1.2;margin-bottom:.75rem}}.board .board-demo{align-items:center;border:1px solid rgba(191,213,255,.2);border-radius:1.875rem;display:flex;height:37.125rem;justify-content:center;overflow:hidden;position:relative;width:60.625rem;z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.board .board-demo{aspect-ratio:60.625/37.125;border-radius:1rem;height:auto;width:100%}}.board .board-demo:before{background-image:url(/images/blockopolis/demoboard.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;opacity:.5;position:absolute;z-index:0}.board .board-demo .board-demo__content{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:40rem;padding:.5rem;position:relative;z-index:1}.board .board-demo .board-demo__content .heading{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:.25rem;text-align:center;text-transform:uppercase}.board .board-demo .board-demo__content p{color:var(--muted);font-size:1.125rem;font-weight:400;margin-bottom:1rem;text-align:center}.board .board-demo .board-demo__content .open-pass-btn{min-width:10rem}@media screen and (max-width:500px){.board .board-demo .board-demo__content{gap:.5rem;max-width:100%;padding:.75rem}.board .board-demo .board-demo__content .heading{font-size:.875rem;line-height:1.2;margin-bottom:0}.board .board-demo .board-demo__content p{font-size:.75rem;line-height:1.3;margin-bottom:.5rem}.board .board-demo .board-demo__content .open-pass-btn{font-size:.75rem;height:2.5rem;min-width:7.5rem}}.board .start-game-button{background:var(--green);border-radius:.75rem;box-shadow:0 0 1.5rem rgba(118,255,51,.55);color:var(--dark-blue);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:4rem;justify-content:center;letter-spacing:5%;line-height:1rem;padding:1.5rem 1.25rem;text-transform:uppercase;width:13.75rem}.board .start-game-button,.board .what-is-link{align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.board .what-is-link{color:#fff;cursor:default;display:inline-flex;font-size:1.125rem;font-weight:400;gap:.625rem;letter-spacing:0;line-height:1.625rem;text-decoration:underline}.board .what-is-link:before{align-items:center;border:1px solid hsla(0,0%,100%,.8);border-radius:50%;content:"i";display:inline-flex;font-size:.7rem;height:1rem;justify-content:center;line-height:1;text-decoration:none;text-transform:lowercase;width:1rem}.board .what-is-link.rules-button{cursor:pointer}.board .board-game{align-items:stretch;align-items:center;display:flex;flex-direction:row;gap:6.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:900px){.board .board-game{align-items:stretch;flex-direction:column;gap:1.75rem}}.board.is-playing .board-demo{display:none}footer{background-color:transparent;border-top:1px solid rgba(191,213,255,.15);box-sizing:border-box;gap:.25rem;position:relative}footer .footer-inner{border:none}footer .footer-inner .copyright{color:var(--Light,#bfd5ff)}footer .footer-inner .lang-container{display:flex}footer .footer-inner .lang-container .current:after{background-image:url(/images/id/drop-arrow-green.svg)}footer .footer-background{bottom:0;left:0;position:absolute;width:100%;z-index:-1}footer .footer-background img{-o-object-fit:cover;object-fit:cover;width:100%}.popup{z-index:9}.popup .close-wrapper{backdrop-filter:blur(4px)}.popup:not(.logout-submit) .content{box-sizing:border-box;max-width:35.625rem;width:35.625rem}@media (max-width:600px),screen and (max-width:700px) and (max-aspect-ratio:8/5){.popup:not(.logout-submit) .content{max-width:95%;width:95%}}.popup:not(.logout-submit) .content .inner .button-group .button{min-height:3.5rem;padding-bottom:1.125rem;padding-top:1.125rem}@media screen and (max-width:767px){.popup.logout-submit .content{box-sizing:border-box;left:auto;max-width:18.75rem;padding:1rem;right:10rem;transform:none;width:100%}.popup.logout-submit .content .button-group .button{padding:.75rem 1rem}}@media screen and (max-width:900px) and (min-width:768px){.popup.logout-submit .content{box-sizing:border-box;left:auto;max-width:18.75rem;padding:1rem;right:17rem;transform:none;width:100%}.popup.logout-submit .content .button-group .button{padding:.75rem 1rem}}.popup.energy-popup .content,.popup.rubies-popup .content{max-width:35.625rem;width:35.625rem}.popup.rubies-popup .content .inner .button-group .button{margin:0;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.popup.place-bonus-confirm-popup,.popup.place-figure-confirm-popup{align-items:flex-end;padding:0 .5rem .5rem}.popup.place-bonus-confirm-popup.active,.popup.place-figure-confirm-popup.active{pointer-events:none}.popup.place-bonus-confirm-popup .close-wrapper,.popup.place-figure-confirm-popup .close-wrapper{display:none}.popup.place-bonus-confirm-popup .content,.popup.place-figure-confirm-popup .content{max-width:100%;pointer-events:auto;transform:translateY(calc(100% + 1rem));width:100%}.popup.place-bonus-confirm-popup.active .content,.popup.place-figure-confirm-popup.active .content{transform:none}.popup.place-bonus-confirm-popup .head,.popup.place-figure-confirm-popup .head{padding:1rem}.popup.place-bonus-confirm-popup .head .heading,.popup.place-figure-confirm-popup .head .heading{font-size:1rem;line-height:1.25rem;margin-right:1.5rem}.popup.place-bonus-confirm-popup .inner,.popup.place-figure-confirm-popup .inner{padding:0 1rem 1rem}.popup.place-bonus-confirm-popup .inner p,.popup.place-figure-confirm-popup .inner p{font-size:.875rem;line-height:1.25rem;margin:1rem 0}.popup.place-bonus-confirm-popup .inner .cancel-button,.popup.place-figure-confirm-popup .inner .cancel-button{display:none}.popup.place-bonus-confirm-popup .inner .button-group .button,.popup.place-figure-confirm-popup .inner .button-group .button{margin:0;width:100%}}.confirm-buy-bonus-button,.confirm-get-figures-button,.confirm-new-game-button,.confirm-remove-bomb-button{gap:.5rem}.confirm-buy-bonus-button .energy-cost,.confirm-get-figures-button .energy-cost,.confirm-new-game-button .energy-cost,.confirm-remove-bomb-button .energy-cost{align-items:center;color:inherit;display:inline-flex;font-weight:500}.confirm-buy-bonus-button .energy-cost:before,.confirm-get-figures-button .energy-cost:before,.confirm-new-game-button .energy-cost:before,.confirm-remove-bomb-button .energy-cost:before{background-image:url(/images/sea-battle/energy.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1rem;margin-right:.25rem;width:1rem}.confirm-new-game-button{background-color:var(--green)}.confirm-new-game-button:hover{background-color:#fff}.cancel-button:hover,.confirm-remove-bomb-button{background-color:var(--green)}.confirm-remove-bomb-button:hover{background-color:#fff}.confirm-get-figures-button{background-color:var(--green)}.confirm-get-figures-button:hover{background-color:#fff}.popup.netetris-rules-popup .content{background:#133a4d;border:1px solid #2b5266;max-width:95%;width:35.625rem}.popup.netetris-rules-popup .head .heading{color:#fff;font-size:1.5rem;font-weight:500;line-height:1.75rem;text-transform:uppercase}.popup.netetris-rules-popup .inner .rules-subtitle{color:#76ff33;font-size:1rem;font-weight:500;line-height:1;margin:1.75rem 0 .75rem;text-align:start;text-transform:uppercase}.popup.netetris-rules-popup .inner p{color:#bfd4ff;font-size:1.125rem;font-weight:400;line-height:1.75rem;margin:0 0 1.5rem}.popup.netetris-rules-popup .inner .rules-image{margin-bottom:1.8rem}.popup.netetris-rules-popup .inner .rules-image img{display:block;-o-object-fit:contain;object-fit:contain;width:100%}.popup.netetris-rules-popup .inner .rules-actions{display:flex;font-size:.875rem;font-weight:500;gap:.625rem;margin-bottom:.625rem}.popup.netetris-rules-popup .inner .rules-actions .button{background:#76ff33;color:#001926;width:calc(50% - .3125rem)}.popup.netetris-rules-popup .inner .rules-actions .button:disabled{background:#76ff33;color:#001926;cursor:default;opacity:.3}.popup.netetris-rules-popup .inner .rules-close-button{background:#fff;color:#001926;font-size:.875rem;font-weight:500;width:100%}.errors-wrapper .error,.errors-wrapper .success{transform:translateX(-50%)}.errors-wrapper .error.active,.errors-wrapper .success.active{transform:translateY(-100%) translateX(-50%)}.special-offer{flex-direction:row;gap:4.3875rem;margin-bottom:8.5625rem;position:relative}.special-offer .pass{align-items:flex-start;background:rgba(191,213,255,.08);border:.0625rem solid var(--light-15,rgba(191,213,255,.15));border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;height:21.25rem;padding:.75rem;width:34.375rem}.special-offer .pass .head{color:var(--White,#fff);display:flex;flex-direction:row;font-size:1.125rem;font-style:normal;font-weight:500;justify-content:space-between;line-height:1.375rem;text-transform:uppercase;width:100%}.special-offer .pass .content{border-radius:.25rem;display:flex;gap:.125rem;height:100%;width:100%}.special-offer .pass .content .item{align-items:center;background:var(--light-15,rgba(191,213,255,.15));border-radius:.25rem;display:flex;flex-direction:column;justify-content:center;width:100%}.special-offer .pass .content .item img{height:auto;margin-bottom:1.5625rem;max-height:6.375rem;max-width:12.8375rem;-o-object-fit:contain;object-fit:contain;width:auto}.special-offer .pass .content .item img.pass-img{margin-bottom:1.3125rem}@media (max-width:600px),screen and (max-width:600px) and (max-aspect-ratio:8/5){.special-offer .pass .content .item{padding:.5rem}}.special-offer .texts{display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:34.375rem}.special-offer .texts h2{color:#fff;font-size:2.25rem;font-style:normal;font-weight:500;line-height:2.5rem;margin-bottom:1.6875rem;text-align:left;text-transform:uppercase}@media (max-width:600px),screen and (max-width:650px) and (max-aspect-ratio:8/5){.special-offer .texts h2{font-size:1.5rem}}.special-offer .texts p{color:var(--Light,#bfd5ff);font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem;margin-bottom:2.75rem;text-align:left}.special-offer .texts .open-pass-btn{border-radius:.5rem;width:27%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.special-offer{flex-direction:column;gap:1rem;width:100%}.special-offer .pass{height:100%;width:100%}.special-offer .pass .content{flex-direction:column}.special-offer .pass .content .item{padding:.75rem}.special-offer .texts{align-items:center;justify-content:center;max-width:none;text-align:center;width:100%}.special-offer .texts h2,.special-offer .texts p{text-align:center}.special-offer .texts .open-pass-btn{width:100%}}@media (max-width:600px),screen and (max-width:570px) and (max-aspect-ratio:8/5){.special-offer .pass{height:100%}.special-offer .pass .content{grid-template-areas:"a" "b" "c" "d" "e";grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}}.prizes-section{margin-bottom:8rem;padding-top:9.75rem;position:relative}.prizes-section h2{font-size:2rem}.prizes-section:before{background:#062536;content:"";height:2.625rem;left:50%;position:absolute;top:0;transform:translate(-50%,-50%) rotate(45deg);width:2.625rem}.prizes-section .background{left:0;position:absolute;top:0;width:100%;z-index:-1}.prizes-section .background img{min-height:40rem;-o-object-fit:cover;object-fit:cover;width:100%}.prizes-section p{margin-bottom:2.5rem}.prizes-section.disabled{opacity:.5;pointer-events:none}.prizes-section .prizes-container{margin:0 auto;padding-left:6.25rem;padding-right:6.25rem;width:100%}.prizes-section .prizes-wrapper{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;min-width:50%;overflow-x:auto;overflow-y:hidden;padding-right:2rem;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.prizes-section .prizes-wrapper .prizes{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:.75rem}.prizes-section .prizes-wrapper .prizes .start{color:hsla(0,0%,100%,.25);font-size:1.125rem;font-weight:500;margin-right:2.25rem;padding-bottom:.5rem;text-transform:uppercase}.prizes-section .prizes-wrapper .prizes .prize{align-items:center;backdrop-filter:blur(12.5px);background:rgba(191,213,255,.1);border:1px solid rgba(191,213,255,.35);border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;height:10rem;justify-content:center;padding:1.25rem;position:relative;width:10rem}.prizes-section .prizes-wrapper .prizes .prize:not(:last-child){margin-right:.625rem}.prizes-section .prizes-wrapper .prizes .prize.passed{background:rgba(118,255,51,.25);border:1px solid rgba(118,255,51,.35)}.prizes-section .prizes-wrapper .prizes .prize .icon{height:4.75rem;width:4.75rem}.prizes-section .prizes-wrapper .prizes .prize .icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.prizes-section .prizes-wrapper .prizes .prize .prize-text{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;height:2rem;line-height:1rem;text-align:center;text-transform:uppercase}.prizes-section .prizes-wrapper .prizes .prize:after{background:url(/images/vector.png) no-repeat;background-size:cover;bottom:-.75rem;content:"";height:.75rem;left:calc(50% - .125rem);position:absolute;width:.0625rem}.prizes-section .prizes-wrapper .progress{background:#436791;border-radius:6.25rem;height:.25rem;margin-bottom:.5rem;overflow:hidden;position:relative;width:calc(100% - 5rem)}.prizes-section .prizes-wrapper .progress .progress-bar{background:#fc0;border-radius:6.25rem;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;text-align:center;transition:width .6s ease;white-space:nowrap}.prizes-section .prizes-wrapper .progress .progress-bar.additional-bar{background:#fc0;left:0;position:absolute;top:0;z-index:-1}.prizes-section .prizes-wrapper .progress-labels{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:.5rem}.prizes-section .prizes-wrapper .progress-labels .progress-label{color:#fc0;font-size:1.125rem;font-weight:500;justify-content:center;text-align:center;text-transform:uppercase;width:10rem}.prizes-section .prizes-wrapper .progress-labels .progress-label:not(:last-child){margin-right:.625rem}.prizes-section .prizes-wrapper .progress-labels .progress-label:first-child{color:rgba(191,213,255,.25);margin-right:1.875rem;text-align:left;width:3.5rem}.prizes-section .prizes-wrapper .progress-labels .progress-label:before{background-image:url(/images/blockopolis/gold-currency.svg)}.prizes-section .prizes-wrapper::-webkit-scrollbar-track{background-color:unset;border:unset}.prizes-section .prizes-wrapper::-webkit-scrollbar-corner{background:unset}.prizes-section .prizes-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border:unset;border-radius:.3125rem}.prizes-section .prizes-wrapper::-webkit-scrollbar{background-color:unset;display:none;height:.25rem;opacity:.1;width:.5rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.prizes-section{padding-left:.25rem;padding-right:0}.prizes-section .prizes-container{padding:0}}.leaderboard{padding:0 var(--padding-horizontal) 8.75rem;position:relative}.leaderboard:after{background-image:url(/images/blockopolis/shop-footer-background.png);background-position:top;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";height:44.125rem;left:0;pointer-events:none;position:absolute;transform:translateY(6.5rem);width:100%;z-index:-1}@media screen and (max-width:900px){.leaderboard:after{bottom:-9.5rem;height:47.125rem;transform:none}body:not(.ru) .leaderboard:after{bottom:-14.5rem;height:52rem}}.leaderboard h2{color:#fff;font-size:2rem;font-weight:500;margin:0 0 1.5rem;text-align:center;text-transform:uppercase}.leaderboard .top-end{color:#fff;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.5rem;margin-bottom:1.5rem;text-align:center}.leaderboard .top-end .countdown-timer{color:var(--gold)}.leaderboard p{font-size:1.125rem;margin-bottom:2.25rem}.leaderboard .leaderboard-container{display:flex;flex-direction:row;gap:1.875rem;justify-content:center;width:100%}.leaderboard .leaderboard-container .rating-list{display:flex;flex-direction:column;width:34.6875rem}.leaderboard .leaderboard-container .rating-list .heading{border-bottom:.125rem solid hsla(0,0%,100%,.5);color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;line-height:1.875rem;padding-bottom:.3125rem;text-transform:uppercase;vertical-align:middle;width:100%}.leaderboard .leaderboard-container .rating-list .heading .scoring-heading{text-align:end}.leaderboard .leaderboard-container .rating-list .list-content{display:flex;flex-direction:column;list-style:none;margin:0;max-height:36rem;overflow-y:auto;padding:0;width:100%}.leaderboard .leaderboard-container .rating-list .list-content .list-item{align-items:center;border-radius:.25rem;display:flex;font-size:1.125rem;font-weight:500;line-height:2.25rem;padding:0 1rem;width:100%}.leaderboard .leaderboard-container .rating-list .list-content .list-item .number{color:hsla(0,0%,100%,.7);font-size:1.125rem;margin-right:.875rem}.leaderboard .leaderboard-container .rating-list .list-content .list-item .username{color:#fff;font-size:1.125rem;margin-right:auto}.leaderboard .leaderboard-container .rating-list .list-content .list-item .score{color:#fc0;font-size:1.125rem;margin-left:auto}.leaderboard .leaderboard-container .rating-list .list-content .list-item:nth-child(2n){background:hsla(0,0%,100%,.08)}.leaderboard .leaderboard-container .rating-list .list-content .list-item.current-user{background:rgba(65,207,91,.25)}.leaderboard .leaderboard-container .top-prize{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.leaderboard .leaderboard-container .top-prize .top-prize-card{align-items:flex-start;background:rgba(191,213,255,.08);border:.0625rem solid var(--light-15,rgba(191,213,255,.15));border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;height:100%;padding:.75rem;width:100%}.leaderboard .leaderboard-container .top-prize .top-prize-card .head{color:var(--White,#fff);display:flex;flex-direction:row;font-size:1rem;font-style:normal;font-weight:500;justify-content:space-between;line-height:100%;text-transform:uppercase;width:100%}.leaderboard .leaderboard-container .top-prize .top-prize-card .content{border-radius:.25rem;display:flex;flex-direction:column;gap:.125rem;height:100%;width:100%}.leaderboard .leaderboard-container .top-prize .top-prize-card .content .item{align-items:center;background:var(--light-15,rgba(191,213,255,.15));border-radius:.25rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:.75rem;padding:2rem 2.0625rem 1.625rem;width:100%}.leaderboard .leaderboard-container .top-prize .top-prize-card .content .item img{height:6rem;margin-bottom:.75rem;max-height:8rem;max-width:12rem;-o-object-fit:contain;object-fit:contain;width:6rem}.leaderboard .leaderboard-container .top-prize .top-prize-card .content .item .name{color:var(--White,#fff);font-size:1rem;font-style:normal;font-weight:500;height:2rem;line-height:100%;text-align:center;text-transform:uppercase;width:100%}@media (max-width:600px),screen and (max-width:600px) and (max-aspect-ratio:8/5){.leaderboard .leaderboard-container .top-prize .top-prize-card .content .item{padding:.5rem}}.leaderboard .leaderboard-container .top-prize .button{width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.leaderboard .leaderboard-container{align-items:center;flex-direction:column}.leaderboard .leaderboard-container .rating-list{width:100%}.leaderboard .leaderboard-container .top-prize{grid-template-columns:1fr;width:100%}.leaderboard .leaderboard-container .top-prize .button,.leaderboard .leaderboard-container .top-prize .top-prize-card{width:100%}}