*{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),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),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}@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),screen and (max-width:900px) and (max-aspect-ratio:8/5){html{font-size:16px}}@media screen and (max-width:390px){html{font-size:14px}}@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){html{font-size:max(min(1.5vh,1vw),7px)}}@media (min-aspect-ratio:8/5) and (min-width:650px){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)}}.drag,.drag *{cursor:move}body{align-items:center;background:#001926;color:#fff;display:flex;flex-direction:column;font-family:Rubik;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.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}header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;margin-bottom:3.75rem;padding:.625rem var(--padding-horizontal) .75rem;position:fixed;transition:.15s ease;width:100%;z-index:8}header .logo{height:3.125rem;margin-right:auto}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .logo{display:none}}header .logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .logo img{height:2.25rem;width:auto}}header .container{display:none;flex-direction:column}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .container{align-items:center;align-self:center;grid-area:timer;margin-bottom:0}}header .user{align-items:center;display:flex}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user{margin-right:auto}}header .user .user-rubies{font-size:1rem;line-height:1rem;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user .user-rubies{margin-right:1.25rem}}@media screen and (max-width:500px){header .user .user-rubies{font-size:.85rem}header .user .user-rubies:before{height:.8rem;width:.8rem}}header .user .currency-wrapper{align-items:center;display:flex;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user .currency-wrapper{margin-right:1.25rem}}header .user .currency-wrapper .currency{color:#ffbc09;font-size:1rem;font-weight:500;line-height:1rem}@media screen and (max-width:500px){header .user .currency-wrapper .currency{font-size:.85rem}header .user .currency-wrapper .currency:before{height:.8rem;width:.8rem}}header .user .energy-wrapper{align-items:center;display:flex}header .user .energy-wrapper .energy{color:#ffbc09;font-size:1rem;margin-right:.75rem}header .user .energy-wrapper .add-energy{align-items:center;background:rgba(191,213,255,.1);border-radius:.5rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:.15s ease;width:2.5rem}@media screen and (max-width:500px){header .user .energy-wrapper .add-energy{display:none}}header .user .energy-wrapper .add-energy img{height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}header .user .energy-wrapper .add-energy:hover{background:rgba(191,213,255,.2)}header .sound-button{align-items:center;cursor:pointer;display:flex;height:1.5rem;justify-content:center;margin-left:1.25rem;width:1.5rem}header .sound-button .sound{background-image:url(/images/sea-battle/music.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;transition:.15s ease;width:100%}header .sound-button .sound.muted{background-image:url(/images/sea-battle/music-off.svg)}header .sound-button:hover .sound{transform:scale(1.04)}header .user-info-wrapper{align-items:center;display:flex;margin-left:1.25rem;padding-left:1.25rem;position:relative}header .user-info-wrapper:before{background:rgba(191,212,255,.3);content:"";height:1.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .user-info-wrapper{align-items:start;flex-direction:column;gap:0;grid-area:user;justify-content:flex-end;margin-left:.875rem}}@media screen and (max-width:600px){header .user-info-wrapper{margin-left:1rem}}@media screen and (max-width:500px){header .user-info-wrapper{margin-left:0}}header .name{font-size:.875rem;font-weight:500;letter-spacing:.025em;line-height:1rem;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .name{margin-right:0}}header .logout-button{align-items:center;background:var(--green);border:none;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Rubik;font-size:1rem;font-weight:500;height:2.5rem;justify-content:center;line-height:1rem;min-width:6.25rem;outline:none;padding:1rem 1.2rem;text-transform:uppercase;transition:.3s ease;width:100%}header .logout-button:hover{background:var(--white)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .logout-button{min-width:unset}}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .logout-button{background:none;color:var(--green);height:auto;justify-content:flex-start;padding:0}header .logout-button:hover{background:none;opacity:.8}}header .button,header input{align-items:center;background:var(--green);border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;line-height:100%;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}header .button:hover,header input:hover{background:var(--white)}header .button.disabled,header input.disabled{cursor:default;opacity:.5;pointer-events:none}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .button,header input{grid-area:user}}header .login-popup-button{background:transparent;color:var(--green)}header .login-popup-button:hover{background:none;color:#fff}header:after{background:linear-gradient(180deg,rgba(9,24,37,.2),rgba(9,24,37,0));bottom:0;content:"";height:2.25rem;left:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(100%);transition:.15s ease;width:100%}header.active{background:rgba(9,24,37,.9)}header.active:after{opacity:1}.button{align-items:center;background:#fff;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;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.green-button{background:var(--green);color:var(--dark-blue)}.button.green-button:hover{background:var(--gold)}.popup{align-items:center;display:flex;justify-content:center;pointer-events:none;z-index:10}.popup,.popup .close-wrapper{height:100%;left:0;position:fixed;top:0;width:100%}.popup .close-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,25,38,.9);opacity:0;transition:.3s ease}.popup .content{align-items:center;background:rgba(63,81,96,.2);border:.125rem solid #3f5160;border-radius:.5rem;display:flex;flex-direction:column;opacity:0;padding:1.5rem 1.875rem;position:relative;transform:translateY(6rem);transition:.3s ease;z-index:1}.popup .content .heading{color:#fff;font-size:1.5rem;font-weight:500;line-height:2.5rem;margin-bottom:.75rem;text-transform:uppercase}@media screen and (max-width:600px){.popup .content .heading{font-size:1.25rem;line-height:1.75rem;text-align:center}}.popup .content .close-icon{background-image:url(/images/build-fight/close.svg);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}.popup .content .close-icon:hover{opacity:1}@media screen and (max-width:600px){.popup .content .close-icon{right:0;top:-1.875rem;transform:translateY(-50%)}}.popup .content .button-group{align-items:center;display:flex}.popup .content .button-group .button:not(:last-child){margin-right:1rem}.popup .content .button-group .button.gold-button{background:rgba(255,204,0,.25);border:.125rem solid rgba(255,204,0,.25);color:var(--gold)}.popup .content .button-group .button.gold-button:hover{background:rgba(255,204,0,.35)}.popup .content .button-group .button.gold-button img{height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}.popup .content .button-group .button.gold-button.error{background:rgba(255,58,58,.25);border:.125rem solid rgba(255,58,58,.25)}.popup .content .button-group .button.gold-button.hidden{display:none}.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.find-mine-popup .content,.popup.shoot-target .content{min-height:15rem}.popup.win-popup[data-currency="2"] .content{min-height:17rem}.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{-webkit-backdrop-filter:blur(4px);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/loss-of-control/close.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}.game-popup .content{align-items:flex-start;max-width:35.5rem;min-height:21rem;padding:0;width:35.5rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.game-popup .content{max-width:90vw;width:100%}}.game-popup .content .heading{border-bottom:.125rem solid #2b5266;display:flex;margin-bottom:1.25rem;padding:1.125rem 1.75rem;width:100%}.game-popup .content p{font-size:1.125rem;line-height:1.75rem;margin-bottom:auto;padding:0 1.75rem;text-align:left}.game-popup .content .notification{align-items:flex-start;color:rgba(191,212,255,.5);display:flex;font-size:1rem;font-weight:400;line-height:1.5rem;margin-bottom:1.5rem;margin-top:1.75rem;padding:1.25rem 1.75rem 0;position:relative;text-align:left}.game-popup .content .notification:after{background:#2b5266;content:"";height:.125rem;left:1.75rem;position:absolute;top:0;width:calc(100% - 3.5rem)}.game-popup .content .notification:before{background-image:url(/images/sea-battle/notification.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.5rem;margin-right:.75rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.game-popup .content .button-group{justify-content:center;margin-bottom:1.75rem;padding:0 1.75rem;width:100%}.game-popup .content .button-group .button{align-self:center;text-align:center;width:calc(50% - .8125rem)}.game-popup .confirm-demine-button{background:hsla(0,100%,70%,.25)}.game-popup .confirm-demine-button:hover{background:hsla(0,100%,70%,.35)}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}.background-image{left:0;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.background-image{height:25rem}}.background-image img{-o-object-fit:contain;object-fit:contain;opacity:.3;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.background-image img{height:100%;-o-object-fit:cover;object-fit:cover}}.background-image:after{background:linear-gradient(180deg,rgba(0,25,38,0),#001926);bottom:0;content:"";height:30rem;left:0;position:absolute;width:100%}.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:1.125rem;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}.currency{align-items:center;display:inline-flex}.currency:before{background-image:url(/images/sea-battle/currency.svg);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}.info{margin-bottom:5.625rem;padding:10.625rem var(--padding-horizontal) 0}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.info{padding:7.5rem var(--padding-horizontal) 0}}.info .event-logo{margin-bottom:1.5rem;width:31.875rem}.info .event-logo img{-o-object-fit:contain;object-fit:contain;width:100%}@media screen and (max-width:590px){.info .event-logo{height:auto;width:80%}}.info h1{font-size:1.875rem;font-weight:600;line-height:2.5rem;margin-bottom:1rem;text-transform:uppercase}.info p{color:#fff;font-size:1.125rem;line-height:1.5rem;width:90%}.info p:has(+.links){margin-bottom:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.info p{width:100%}}.info .links,.info .links a{align-items:center;display:flex}.info .links a{background-color:#fff;border-radius:.5rem;color:var(--dark-blue);font-size:1rem;font-weight:500;height:3rem;justify-content:center;padding:.5rem 2.875rem;text-decoration:none;text-transform:uppercase;transition:.3s ease}.info .links a:not(:last-child){margin-right:1.25rem}.info .links a:hover{background-color:var(--green)}.video{margin-bottom:5.875rem;padding:0 var(--padding-horizontal);position:relative}.video .video-wrapper{display:flex;justify-content:center;width:100%}.video .video-wrapper .background{aspect-ratio:16/9;height:25rem;left:50%;max-width:90dvw;position:absolute;top:57%;transform:translate(-50%,-50%);width:100%;z-index:-1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.video .video-wrapper .background{display:none}}.video .video-wrapper .background img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video .video-wrapper .video-inner{align-items:center;border:.125rem solid #3b5569;border-radius:1.75rem;display:flex;justify-content:center;padding:.625rem;width:49.375rem}.video .video-wrapper .video-inner .filler{align-items:center;border-radius:1.25rem;display:flex;justify-content:center;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video .video-wrapper .video-inner .filler .poster{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%;z-index:1}.video .video-wrapper .video-inner .filler .poster img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video .video-wrapper .video-inner .filler .play{cursor:pointer;height:7.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:7.5rem;z-index:2}.video .video-wrapper .video-inner .filler .play:hover{transform:translate(-50%,-50%) scale(1.04)}.video .video-wrapper .video-inner .filler .play img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video .video-wrapper .video-inner .filler .video-js{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.video .video-wrapper .video-inner.playing .play,.video .video-wrapper .video-inner.playing .poster{opacity:0;pointer-events:none}.field-wrapper{padding-bottom:1.25rem;padding-right:1.25rem;padding-top:1.25rem;position:relative;width:47.5rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-wrapper{margin-bottom:1rem;width:100%}}.field-wrapper:before{background:rgba(191,213,255,.3);border-radius:.875rem;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.field-wrapper .heading{display:grid;grid-template-columns:repeat(8,1fr);height:1.25rem;left:0;padding:0 1.25rem;position:absolute;top:0;width:100%}.field-wrapper .side{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(8,1fr);height:100%;left:0;padding:1.25rem 0;position:absolute;top:0;width:1.25rem}.field-wrapper .heading span,.field-wrapper .side span{align-items:center;display:flex;font-size:.75rem;font-weight:500;justify-content:center;text-transform:uppercase}.field-wrapper .field{border-left:1px solid rgba(191,213,255,.5);border-top:1px solid rgba(191,213,255,.5);display:grid;grid-template-columns:repeat(8,5.625rem);margin-left:auto;margin-top:auto;width:calc(100% - 1.25rem)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-wrapper .field{grid-template-columns:repeat(8,1fr)}}.field-wrapper .field.disabled{pointer-events:none}.field-wrapper .field .cell{align-items:center;aspect-ratio:1;background:#132c3b;border-bottom:1px solid rgba(191,213,255,.5);border-right:1px solid rgba(191,213,255,.5);display:flex;justify-content:center;width:100%}.field-wrapper .field .cell.tank-inside{position:relative}.field-wrapper .field .cell.tank-inside .setted{bottom:.1875rem;height:calc(200% - .375rem);left:.1875rem;position:absolute;width:calc(200% - .375rem);z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-wrapper .field .cell.tank-inside .setted{bottom:.05rem;height:calc(200% - .1875rem);left:.1rem;width:calc(200% - .1875rem)}}.field-wrapper .field .cell.tank-inside .setted .image{aspect-ratio:1;background:rgba(1,192,234,.2);border:1px solid #01c0ea;border-radius:.4375rem;cursor:pointer;height:100%;position:relative;transition:.15s ease;width:100%}.field-wrapper .field .cell.tank-inside .setted .image:before{background:hsla(0,0%,100%,.5);background-image:url(/images/sea-battle/rotate.svg);background-position:50%;background-repeat:no-repeat;background-size:1.625rem 1.875rem;border-radius:.1875rem;content:"";height:3rem;opacity:0;position:absolute;right:.25rem;top:.25rem;transition:.15s ease;width:3rem}.field-wrapper .field .cell.tank-inside .setted .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"]{height:calc(200% - .375rem);width:calc(100% - .375rem)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"]{height:calc(200% - .1875rem);width:calc(100% - .1875rem)}}@media (max-width:600px),screen and (max-width:700px) and (max-aspect-ratio:8/5){.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"][data-rotation="1"] .image{transform:rotate(90deg) translate(53%,calc(-38% + 1rem))!important}.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"][data-rotation="3"] .image{transform:rotate(270deg) translate(-53%,calc(-57% + 2.59375rem))!important}}@media (max-width:600px) and (max-width:600px),screen and (max-width:600px) and (max-width:500px) and (max-aspect-ratio:8/5),screen and (max-width:700px) and (max-aspect-ratio:8/5) and (max-width:500px) and (max-aspect-ratio:8/5),screen and (max-width:700px) and (max-aspect-ratio:8/5) and (max-width:600px){.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"][data-rotation="1"] .image{transform:rotate(90deg) translate(53%,calc(-45% + 1rem))!important}.field-wrapper .field .cell.tank-inside .setted[data-tank="2-1"][data-rotation="3"] .image{transform:rotate(270deg) translate(-53%,calc(-82% + 2.59375rem))!important}}.field-wrapper .field .cell.tank-inside .setted[data-tank="1-1"]{height:calc(100% - .375rem);width:calc(100% - .375rem)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-wrapper .field .cell.tank-inside .setted[data-tank="1-1"]{height:calc(100% - .1875rem);width:calc(100% - .1875rem)}.field-wrapper .field .cell.tank-inside .setted[data-tank="3-2"]{bottom:.2rem;left:.1rem}}.field-wrapper .field .cell.tank-inside .setted[data-tank="3-2"] .image{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}.field-wrapper .field .cell.tank-inside .setted[data-tank="3-2"] .image:hover{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2-hover.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain}.field-wrapper .field .cell.tank-inside .setted[data-rotation="1"] .image:before{left:.25rem;right:unset;transform:rotate(-90deg)}.field-wrapper .field .cell.tank-inside .setted[data-rotation="2"] .image:before{bottom:.25rem;left:.25rem;right:unset;top:unset;transform:rotate(-180deg)}.field-wrapper .field .cell.tank-inside .setted[data-rotation="3"] .image:before{bottom:.25rem;left:unset;right:.25rem;top:unset;transform:rotate(-270deg)}.field-wrapper .field .cell.tank-inside .setted:hover .image{background:rgba(1,192,234,.6)}.field-wrapper .field .cell.tank-inside .setted:hover .image:before{opacity:1}.field-wrapper .field .cell.tank-inside.rotation-error .setted{-webkit-animation:shake .1s ease infinite;animation:shake .1s ease infinite}@-webkit-keyframes shake{0%{transform:translateX(0)}33%{transform:translateX(3%)}66%{transform:translateX(-3%)}to{transform:translateX(0)}}@keyframes shake{0%{transform:translateX(0)}33%{transform:translateX(3%)}66%{transform:translateX(-3%)}to{transform:translateX(0)}}.field-wrapper .field .cell.lock-shadow{background:rgba(255,0,0,.1)}.field-wrapper.drag .field .cell .setted:hover .image{background:rgba(1,192,234,.2)}.field-wrapper.drag .field .cell .setted:hover .image:before{opacity:0}.field-wrapper.drag .field .cell .setted[data-tank="3-2"]:hover .image{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}.field-section{margin-bottom:1.75rem;position:relative}.field-section h2{margin-bottom:1.25rem}.field-section .tabs-nav{align-items:center;display:flex;margin-bottom:1.5rem}.field-section .tabs-nav .tab-link{background:rgba(191,213,255,.2);border-radius:.5rem;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:.05em;line-height:1rem;min-width:8.5rem;padding:.5rem 1.25rem;text-align:center;text-transform:uppercase;transition:.15s ease}.field-section .tabs-nav .tab-link:not(:last-child){margin-right:.625rem}.field-section .tabs-nav .tab-link.active{cursor:default}.field-section .tabs-nav .tab-link.active,.field-section .tabs-nav .tab-link:hover{background:var(--muted);color:var(--dark-blue)}.field-section .description{margin-bottom:1.5rem;width:60%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .description{padding:0 var(--padding-horizontal);width:100%}}.field-section .auth-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,25,38,.8);bottom:0;display:flex;height:calc(100% - 3rem);justify-content:center;left:0;position:absolute;width:100%;z-index:3}.field-section .auth-wrapper .auth-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;transform:translateY(3rem)}.field-section .auth-wrapper .auth-inner .heading{font-size:1.5rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase}.field-section .auth-wrapper .auth-inner p{color:var(--muted);font-size:1.125rem;font-weight:400;margin-bottom:2rem}.field-section .auth-wrapper .auth-inner .button{min-width:10rem}.field-section .tabs{position:relative;width:100%}.field-section .tabs .field-container{align-items:stretch;display:flex;justify-content:center;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .field-container{align-items:center;flex-direction:column;padding:0 var(--padding-horizontal)}}.field-section .tabs .tab{align-items:center;display:flex;display:none;flex-direction:column;justify-content:center;width:100%}.field-section .tabs .tab *{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.field-section .tabs .tab.active{display:flex}.field-section .tabs .tab .sidebar{align-items:stretch;background:#1d3547;border-radius:.875rem;display:flex;flex-direction:column;margin-left:2rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .tab .sidebar{margin-left:0}}.field-section .tabs .tab .sidebar .energy-wrapper{border-bottom:1px solid rgba(191,213,255,.2);margin-bottom:1rem;padding:1.25rem}.field-section .tabs .tab .sidebar .energy-wrapper .energy-inner{align-items:center;background-image:url(/images/sea-battle/energy-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,188,9,.15);border-radius:.375rem;display:flex;flex-direction:column;justify-content:center;padding:1rem 1rem 1.125rem}.field-section .tabs .tab .sidebar .energy-wrapper .energy-inner .title{color:#fff;font-size:.75rem;font-weight:500;line-height:1.75rem;margin-bottom:.125rem;text-transform:uppercase}.field-section .tabs .tab .sidebar .energy-wrapper .energy-inner .count{align-items:center;color:#ffbc09;display:flex;font-size:2.5rem;font-weight:500;line-height:1.75rem;text-transform:uppercase}.field-section .tabs .tab .sidebar .energy-wrapper .energy-inner .count:before{background-image:url(/images/sea-battle/energy.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.75rem;margin-right:.5rem;width:1.75rem}.field-section .tabs .tab .sidebar .tanks-wrapper{align-items:center;display:flex;flex-direction:column;padding:0 1.5rem}.field-section .tabs .tab .sidebar .tanks-wrapper .title{color:#fff;font-size:.75rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks{display:grid;gap:1.25rem 2.75rem;grid-template-columns:10.875rem 5.25rem;padding-right:1.5rem}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank{aspect-ratio:1;background:rgba(1,192,234,.15);border:1px dashed #01c0ea;border-radius:.4375rem;position:relative;width:10.875rem}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank[data-size="2-1"]{aspect-ratio:1/2;width:5.25rem}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank[data-size="1-1"]{width:5.25rem}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank[data-size="3-2"]{background:url(/images/sea-battle/tank-bg/3-2-dash.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank .image{height:100%;width:100%}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank .count{font-size:.75rem;font-weight:500;position:absolute;right:-.5rem;text-transform:uppercase;top:0;transform:translateX(100%)}.field-section .tabs .tab .sidebar .tanks-wrapper .tanks .tank.disabled{opacity:.3;pointer-events:none}.field-section .tabs .tab .sidebar .button-wrapper{margin-top:auto;padding:1.875rem}.field-section .tabs .tab .sidebar .button-wrapper .save-field{background:var(--green)}.field-section .tabs .tab .sidebar .button-wrapper .save-field:hover{background:var(--gold)}.field-section .tabs .tab .sidebar .action-buttons{align-items:center;display:flex;margin-bottom:1.25rem;padding:0 1.25rem}.field-section .tabs .tab .sidebar .action-buttons .action-button{border:.125rem solid rgba(191,213,255,.15);border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;padding:.125rem .125rem .25rem;transition:.15s ease;width:10rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .tab .sidebar .action-buttons .action-button{width:100%}}.field-section .tabs .tab .sidebar .action-buttons .action-button:not(:last-child){margin-right:1.25rem}.field-section .tabs .tab .sidebar .action-buttons .action-button .image{border-radius:.25rem;height:4rem;margin-bottom:.625rem;overflow:hidden;width:100%}.field-section .tabs .tab .sidebar .action-buttons .action-button .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .tab .sidebar .action-buttons .action-button .image img{-o-object-fit:cover;object-fit:cover}}.field-section .tabs .tab .sidebar .action-buttons .action-button .label{color:var(--muted);font-size:.75rem;font-weight:500;line-height:1rem;text-align:center;text-transform:uppercase}.field-section .tabs .tab .sidebar .action-buttons .action-button:hover{border-color:rgba(191,213,255,.5)}.field-section .tabs .tab .sidebar .action-buttons .action-button.disabled{opacity:.5;pointer-events:none}.field-section .tabs .tab .sidebar .currency-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:1.25rem}.field-section .tabs .tab .sidebar .currency-wrapper .heading{color:#fff;font-size:.75rem;font-weight:500;line-height:1rem;text-align:center;text-transform:uppercase}.field-section .tabs .tab .sidebar .currency-wrapper .currency{color:#fff;font-size:2.5rem;font-weight:500;line-height:2.5rem;text-transform:uppercase}.field-section .tabs .tab .sidebar .currency-wrapper .currency:before{height:1.75rem;width:1.75rem}.field-section .tabs .tab .sidebar .history-wrapper{align-items:center;display:flex;flex-direction:column;margin-left:1.25rem;padding-top:3.125rem;position:relative;width:calc(100% - 1.25rem)}.field-section .tabs .tab .sidebar .history-wrapper:before{background:rgba(191,213,255,.2);content:"";height:.125rem;left:0;position:absolute;top:0;width:calc(100% - 1.25rem)}.field-section .tabs .tab .sidebar .history-wrapper .heading{color:#fff;font-size:.75rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase}.field-section .tabs .tab .sidebar .history-wrapper .history{display:flex;flex-direction:column;max-height:20rem;overflow:auto;padding-right:1.25rem;width:100%}.field-section .tabs .tab .sidebar .history-wrapper .history .header{align-items:flex-start;border-bottom:.125rem solid var(--muted);display:flex;margin-bottom:1rem;padding-bottom:.75rem;width:100%}.field-section .tabs .tab .sidebar .history-wrapper .history .header span{color:#fff;font-size:.75rem;font-weight:500;text-transform:uppercase}.field-section .tabs .tab .sidebar .history-wrapper .history .header span:not(:last-child){margin-right:auto}.field-section .tabs .tab .sidebar .history-wrapper .history .battle{align-items:flex-start;display:flex;margin-bottom:.75rem;padding-bottom:.75rem;width:100%}.field-section .tabs .tab .sidebar .history-wrapper .history .battle:not(:last-child){border-bottom:.125rem solid hsla(0,0%,75%,.15)}.field-section .tabs .tab .sidebar .history-wrapper .history .battle span{color:#fff;font-size:1rem;font-weight:500;line-height:1rem}.field-section .tabs .tab .sidebar .history-wrapper .history .battle span:not(:last-child){margin-right:auto}.field-section .tabs .battle-field .auth-wrapper{height:100%}.field-section .tabs .battle-field .field-wrapper .field .cell{cursor:pointer;position:relative}.field-section .tabs .battle-field .field-wrapper .field .cell:before{align-items:center;border:.125rem solid transparent;border-radius:.4375rem;content:"";display:flex;height:calc(100% - .5rem);justify-content:center;pointer-events:none;transition:.15s ease;width:calc(100% - .5rem)}.field-section .tabs .battle-field .field-wrapper .field .cell:after{background:#486e84;border-radius:50%;content:"";height:1.375rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.15s ease;width:1.375rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .battle-field .field-wrapper .field .cell:after{height:30%;width:30%}}.field-section .tabs .battle-field .field-wrapper .field .cell:hover:before{border-color:rgba(118,255,51,.4)}.field-section .tabs .battle-field .field-wrapper .field .cell.choosed,.field-section .tabs .battle-field .field-wrapper .field .cell.hit,.field-section .tabs .battle-field .field-wrapper .field .cell.miss{pointer-events:none}.field-section .tabs .battle-field .field-wrapper .field .cell.choosed:before{border-color:var(--green)}.field-section .tabs .battle-field .field-wrapper .field .cell.hit:before{background:rgba(255,34,61,.15);border-color:#ff223d}.field-section .tabs .battle-field .field-wrapper .field .cell.miss:before{background:rgba(64,96,119,.15);border-color:#406077}.field-section .tabs .battle-field .field-wrapper .field .cell.miss:after{opacity:1}.field-section .tabs .battle-field .field-wrapper .field .cell.mine{pointer-events:none}.field-section .tabs .battle-field .field-wrapper .field .cell.mine:after{background:none;background-image:url(/images/sea-battle/mine.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:3.25rem;opacity:1;width:3.25rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.field-section .tabs .battle-field .field-wrapper .field .cell.mine:after{height:60%;width:60%}}.field-section .tabs .battle-field .field-wrapper .field .cell.mine:before{background:rgba(255,34,61,.2);border-color:#ff223d}.field-section .tabs .battle-field .field-wrapper .field .cell.mine.revealed:before{background:rgba(118,255,51,.2);border-color:#76ff33}.field-section .tabs .battle-field .field-wrapper .field .cell.mine.revealed:after{background-image:url(/images/sea-battle/mine-revealed.svg)}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank{cursor:default}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank:hover:before{border-color:transparent}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank .setted{cursor:default;z-index:3}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank .setted .image{background:rgba(255,34,61,.2);border:1px solid #ff223d;cursor:default}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank .setted .image:before{display:none}.field-section .tabs .battle-field .field-wrapper .field .cell.tank-inside.tank .setted[data-tank="3-2"] .image{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2-enemy.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}.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;transform:translateY(-100%) translateX(-50%)}.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:wrap;width:31rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.errors-wrapper .success{width:90vw}}.errors-wrapper .success:before{background-image:url(/images/id/alert-dark.svg)}.ghost{-webkit-animation:flick .8s ease infinite;animation:flick .8s ease infinite;aspect-ratio:1;left:0;pointer-events:none;position:absolute;top:0;transform:translateY(-100%);z-index:2}.ghost[data-tank="2-1"]{aspect-ratio:1/2}.ghost[data-tank="1-1"]{width:5.25rem}.ghost.on-cell{transform:translateY(-100%)}.ghost .image{background:rgba(1,192,234,.15);border:1px dashed #01c0ea;border-radius:.4375rem;height:100%;transition:.15s ease;width:100%}.ghost .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ghost[data-tank="3-2"] .image{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2-dash.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}.ghost.error .image{background:rgba(255,51,51,.15);border:1px dashed #f33}.ghost.error[data-tank="3-2"] .image{background:transparent;background-image:url(/images/sea-battle/tank-bg/3-2-error.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;border:none}@-webkit-keyframes flick{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes flick{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.contracts{align-items:stretch;flex-direction:row;margin-bottom:6.75rem;padding:10.75rem var(--padding-horizontal) 0;position:relative}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.contracts{align-items:center;flex-direction:column-reverse}}.contracts .background-image img{opacity:1}.contracts:before{background-image:url(/images/sea-battle/contracts-top.svg);background-position:top;background-repeat:repeat-x;background-size:contain;content:"";height:4.875rem;left:0;position:absolute;top:0;width:100%}.contracts .cards{align-items:center;display:flex;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.contracts .cards{margin-right:0}}@media (max-width:600px),screen and (max-width:800px) and (max-aspect-ratio:8/5){.contracts .cards{flex-direction:column;width:100%}}.contracts .cards .card{background:rgba(191,212,255,.05);border:.125rem solid rgba(191,212,255,.15);border-radius:.5rem;display:flex;flex-direction:column;padding:.625rem 1rem 1rem;width:23.125rem}@media (max-width:600px),screen and (max-width:800px) and (max-aspect-ratio:8/5){.contracts .cards .card{width:100%}}.contracts .cards .card:not(:last-child){margin-right:1.875rem}@media (max-width:600px),screen and (max-width:800px) and (max-aspect-ratio:8/5){.contracts .cards .card:not(:last-child){margin-bottom:1.875rem;margin-right:0}}.contracts .cards .card .heading{align-items:center;display:flex;margin-bottom:.5rem;width:100%}.contracts .cards .card .heading .energy{margin-right:auto}.contracts .cards .card .inner{align-items:center;background:rgba(191,213,255,.15);border-radius:.25rem;display:flex;flex-direction:column;padding:1.75rem 0}.contracts .cards .card .inner .image{margin-bottom:1rem;width:10.625rem}.contracts .cards .card .inner .image img{-o-object-fit:contain;object-fit:contain;width:100%}.contracts .cards .card .inner .name{color:#fff;font-size:1.125rem;font-weight:500;line-height:1.375rem;text-align:center;text-transform:uppercase}.contracts .info-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.contracts .info-wrapper{align-items:center}}.contracts .info-wrapper h2{font-size:2.25rem;margin-bottom:1rem}.contracts .info-wrapper h2,.contracts .info-wrapper p{text-align:left}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.contracts .info-wrapper h2,.contracts .info-wrapper p{text-align:center}.contracts .info-wrapper p{margin-bottom:2rem}}.contracts .info-wrapper .button{background:var(--green);color:var(--dark-blue);margin-top:auto;min-width:9.375rem}.contracts .info-wrapper .button:hover{background:#fff}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.contracts .info-wrapper .button{margin-bottom:2rem}}.shop{padding:0 var(--padding-horizontal) 8.625rem;position:relative}.shop h2{margin-bottom:.75rem}.shop .spend-currency{color:#ffbc09;font-size:2.25rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;transform:translateX(-1rem)}.shop .spend-currency .currency:before{height:1.75rem;margin-right:.5rem;width:1.75rem}.shop .card{background:rgba(191,213,255,.08);border:.125rem solid hsla(0,0%,100%,.15);border-radius:.5rem;display:flex;flex-direction:column;padding:.75rem;width:100%}.shop .card .heading{align-items:center;display:flex;margin-bottom:.75rem;width:100%}.shop .card .heading .name{font-size:1.125rem;font-weight:500;margin-right:auto;text-transform:uppercase}.shop .card .awards .award{align-items:center;background:rgba(191,213,255,.15);border-radius:.25rem;display:flex;flex-direction:column;justify-content:center}.shop .card .awards .award .image{margin-bottom:.375rem;width:6.25rem}.shop .card .awards .award .image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.shop .card .awards .award .name{font-size:1rem;font-weight:500;line-height:1rem;padding-bottom:.5rem;text-align:center;text-transform:uppercase}.shop .background-image{bottom:0;top:unset;transform:translateY(3.125rem)}.shop .background-image :after{display:none}.shop h2{font-size:2.25rem;margin-bottom:1rem}.shop h2:has(+.timer-wrapper){margin-bottom:.5rem}.shop .timer-wrapper{margin-bottom:1.75rem;text-align:center}.shop .timer-wrapper span:first-child{color:var(--muted);display:inline-flex;font-size:1.125rem;font-weight:500;padding:0 .5rem;text-transform:uppercase}.shop .timer-wrapper .timer{background:var(--gold);border-radius:.25rem;color:#010101;display:inline-flex;font-size:1.125rem;font-weight:500;line-height:1rem;padding:.25rem}.shop .subtitle{margin-bottom:2.5rem;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.shop .subtitle{width:100%}}.shop .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 .shop-wrapper{grid-template-columns:1fr 1fr;width:100%}}@media screen and (max-width:600px){.shop .shop-wrapper{grid-template-columns:repeat(1,auto);width:100%}}.shop .shop-wrapper .shop-item{opacity:.65;transition:.15s ease}.shop .shop-wrapper .shop-item.already-buy,.shop .shop-wrapper .shop-item.awailable{opacity:1}.shop .shop-wrapper .shop-item.awailable{cursor:pointer}.shop .shop-wrapper .shop-item.awailable:hover{background:rgba(191,213,255,.18);transform:scale(1.03)}.shop .shop-wrapper .shop-item.already-buy{background:rgba(255,51,51,.12);border-color:rgba(255,51,51,.2);cursor:default;pointer-events:none}.shop .shop-wrapper .shop-item.already-buy .awards .award{background:rgba(255,51,51,.15)}.shop .shop-wrapper .shop-item[data-prize=common-key] .quota,.shop .shop-wrapper .shop-item[data-prize=epic-key] .quota,.shop .shop-wrapper .shop-item[data-prize=legendary-key] .quota,.shop .shop-wrapper .shop-item[data-prize=rare-key] .quota{display:none}.shop .shop-item{height:15.75rem;width:100%}.shop .shop-item .heading{margin-bottom:1rem}.shop .shop-item .heading .cost{font-size:1.125rem;font-weight:500;line-height:1rem;margin-right:auto}.shop .shop-item .heading .quota{color:var(--muted);font-size:1.125rem;font-weight:500;line-height:1rem}.shop .shop-item .awards{display:flex;flex-direction:row;flex-grow:1}.shop .shop-item .awards .award{flex-grow:1}.shop .shop-item .awards .award .image{margin-bottom:1rem}.shop .shop-item .awards .award:not(:last-child){margin-right:.125rem}.shop .popup.buy-prize .content{min-width:38.125rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){.shop .popup.buy-prize .content{max-width:95%;min-width:95%}}.shop .popup.buy-prize .content .heading{margin-bottom:1.5rem}.shop .popup.buy-prize .content .buy-prize-wrapper{margin-bottom:1.25rem;width:100%}.shop .popup.buy-prize .content .buy-prize-wrapper .heading{line-height:1rem;margin-bottom:1rem}.shop .popup.buy-prize .content .buy-prize-wrapper [data-prize=common-key] .quota,.shop .popup.buy-prize .content .buy-prize-wrapper [data-prize=epic-key] .quota,.shop .popup.buy-prize .content .buy-prize-wrapper [data-prize=legendary-key] .quota,.shop .popup.buy-prize .content .buy-prize-wrapper [data-prize=rare-key] .quota{display:none}.shop .popup.buy-prize .content .muted{color:var(--muted);font-size:1rem;margin-bottom:1.875rem;text-align:center}.shop .popup.buy-prize .content .cancel-button{background:rgba(191,213,255,.25);border:.125rem solid rgba(191,213,255,.25);color:var(--muted)}.shop .popup.buy-prize .content .cancel-button:hover{background:rgba(191,213,255,.35)}.shop .popup.buy-prize .content .button-group:not(:last-child){margin-bottom:1rem}.shop .popup.buy-prize .content .button-group .button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.shop .popup.buy-prize .content .button-group .button:not(:last-child){margin-right:.625rem}.shop .popup.buy-prize .content .button-group .buy-button{min-width:17rem}@media screen and (max-width:600px){.shop .popup.buy-prize .content .button-group .buy-button{font-size:1rem;min-width:unset}}.shop .popup.buy-prize .content .button-group .buy-button .currency{margin-left:.5rem}footer{align-items:center;border-top:1px solid rgba(191,213,255,.15);display:flex;padding:1.75rem 4rem;width:100%}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){footer{flex-direction:column-reverse}}footer .locales{display:flex;margin-right:1rem;position:relative;z-index:1}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){footer .locales{margin-bottom:1rem;margin-right:0;order:1}}footer .locales .locale-button{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:.3s ease}footer .locales .locale-button:after{background:url(/images/summer-major/YhQ1TGYJXrSigrjLSuuO/dropdown.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:.75rem;margin-left:.25rem;transform-origin:center;transition:.3s ease;width:.75rem}footer .locales .locale-button:hover{color:var(--gold)}footer .locales .locale-button:hover:after{background-image:url(/images/summer-major/YhQ1TGYJXrSigrjLSuuO/dropdown-gold.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}footer .locales .locale-dropdown{background:#fff;border-radius:4px;left:50%;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:-5px;transform:translateY(-100%) translateX(-50%);transition:.3s ease}footer .locales .locale-dropdown li{font-weight:700;list-style:none;text-align:center;transition:.3s ease}footer .locales .locale-dropdown li:hover{background:var(--gold)}footer .locales .locale-dropdown li a{color:var(--dark-blue);display:flex;font-size:1rem;height:100%;line-height:1rem;padding:.35rem 1rem;text-decoration:none;width:100%}footer .locales.active .locale-dropdown{max-height:11.9rem}footer .locales.active .locale-button:after{transform:rotate(180deg)}footer .copyright{color:var(--muted);font-size:.875rem;font-weight:400}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){footer .copyright{text-align:center}}footer .social-links{align-items:center;display:flex;flex-direction:row;margin:0 0 0 auto;padding:0}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){footer .social-links{margin-bottom:2rem;margin-left:0}}footer .social-links li{display:flex;height:1.25rem;transition:.3s ease;width:1.25rem}footer .social-links li:not(:last-child){margin-right:1.75rem}footer .social-links li:hover{opacity:.6}footer .social-links li a{height:100%;width:100%}footer .social-links li a img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ru .locales{display:none}.ru .update-timer{margin-top:0}.reduction header .logout-button{display:none}.reduction header .crystal,.reduction header .ruby{opacity:0;pointer-events:none;position:absolute}.reduction header .user .currency-wrapper .add-currency{display:none}