body {
    background-color: #172634;
    margin: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

html {
    overflow-x: hidden;
}

.page {
    min-width: 0;
}

html.site-modal-open,
body.site-modal-open {
    overflow: hidden;
}

body.site-modal-open {
    padding-right: var(--site-scrollbar-compensation, 0px);
}

.site-hidden,
.site-symbols {
    display: none !important;
}

.site-account-content {
    font-size: 12px;
}

.site-account-email {
    font-size: 10px;
    font-weight: 500;
}

.server__about {
    margin: 10px 0 0;
    text-align: center;
}

.server__about-link {
    color: #1e6c9f;
    font-weight: 500;
    text-decoration: none;
}

.site-update-link {
    color: #96e2ed;
    font-weight: 400;
}

.site-bonus-link {
    color: #fffc00;
    font-weight: 600;
}

.site-hero-content {
    margin-top: 40px;
}

.site-hero-title {
    padding: 10px 0 15px 10px;
}

.site-hero-note {
    padding: 0 0 15px 10px;
}

.site-hero-actions,
.site-hero-newbie {
    padding-top: 40px;
}

.site-stream-box {
    margin-top: -110px;
}

.site-event-pic {
    background-size: cover;
}

.site-donate-badge {
    position: absolute;
    margin: -23px 0 0 -43px;
    background: #ff2c5fbf;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    line-height: 24px;
}

.site-donate-badge small {
    font-weight: 200;
}

.top__clan-ico {
    display: block;
    height: 12px;
    margin: 0;
    position: static;
    width: auto;
}

.top__crest-pair {
    align-items: flex-start;
    display: inline-flex;
    gap: 0;
    line-height: 0;
    margin-right: 5px;
    vertical-align: -2px;
}

.top__crest-pair .top__clan-ico:last-child {
    margin-right: 0;
}

.rating-empty {
    color: #444969;
    padding: 150px 20px;
    text-align: center;
}

.cookie-consent-button[data-cookie-accept] {
    background-color: #ff2c5f;
    color: #fff;
    text-align: center;
}

.cookie-overlay.is-visible {
    display: block;
}

.top__total_narrow {
    flex-basis: 75px;
}

.slider .swiper-wrapper,
.slider .swiper-slide {
    display: block;
    height: 100%;
    transform: none !important;
    width: 100%;
}

.content-slider {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 188px;
}

.content-slider li {
    display: none;
}

.content-slider li.is-active {
    display: block;
}

.content-slider iframe {
    display: block;
    height: 108px;
    width: 188px;
}

[data-top-scroll] {
    overflow-y: auto;
    overscroll-behavior: auto;
    scrollbar-color: #ff5781 rgba(155, 155, 155, .2);
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

[data-ps-scroll] {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

[data-top-scroll]::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

[data-top-scroll]::-webkit-scrollbar-track {
    background: rgba(155, 155, 155, .2);
}

[data-top-scroll]::-webkit-scrollbar-thumb {
    background: #ff5781;
    border-radius: 999px;
}

[data-ps-scroll]::-webkit-scrollbar {
    display: none;
}

.ps__list {
    min-width: max-content;
}

.back_obt {
    box-sizing: border-box;
    max-width: 100%;
}

.cookie-consent-container {
    box-sizing: border-box;
    max-width: min(550px, calc(100vw - 32px));
}

.site-modal[hidden] {
    display: none !important;
}

.site-modal {
    align-items: center;
    background: #0e2436cc;
    display: flex;
    inset: 0;
    justify-content: center;
    overflow-y: auto;
    padding: 24px;
    position: fixed;
    opacity: 0;
    transition: opacity .25s ease;
    z-index: 99992;
}

.site-modal.is-open,
.site-modal.is-closing {
    opacity: 1;
}

.site-modal__backdrop {
    inset: 0;
    position: absolute;
}

.site-modal__dialog {
    max-width: 820px;
    outline: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.site-modal.is-open .site-modal__dialog {
    animation: siteModalIn .5s ease both;
}

.site-modal.is-closing {
    pointer-events: none;
}

.site-modal.is-closing .site-modal__dialog {
    animation: siteModalOut .5s ease both;
}

.site-modal .ww_animated {
    opacity: 1;
}

button.ww__close {
    border: 0;
    padding: 0;
}

.progress__load {
    transition: right 1.6s cubic-bezier(.22, .61, .36, 1);
}

.progress__load.is-loaded.progress__load_pct_0 { right: 100%; }
.progress__load.is-loaded.progress__load_pct_1 { right: 99%; }
.progress__load.is-loaded.progress__load_pct_2 { right: 98%; }
.progress__load.is-loaded.progress__load_pct_3 { right: 97%; }
.progress__load.is-loaded.progress__load_pct_4 { right: 96%; }
.progress__load.is-loaded.progress__load_pct_5 { right: 95%; }
.progress__load.is-loaded.progress__load_pct_6 { right: 94%; }
.progress__load.is-loaded.progress__load_pct_7 { right: 93%; }
.progress__load.is-loaded.progress__load_pct_8 { right: 92%; }
.progress__load.is-loaded.progress__load_pct_9 { right: 91%; }
.progress__load.is-loaded.progress__load_pct_10 { right: 90%; }
.progress__load.is-loaded.progress__load_pct_11 { right: 89%; }
.progress__load.is-loaded.progress__load_pct_12 { right: 88%; }
.progress__load.is-loaded.progress__load_pct_13 { right: 87%; }
.progress__load.is-loaded.progress__load_pct_14 { right: 86%; }
.progress__load.is-loaded.progress__load_pct_15 { right: 85%; }
.progress__load.is-loaded.progress__load_pct_16 { right: 84%; }
.progress__load.is-loaded.progress__load_pct_17 { right: 83%; }
.progress__load.is-loaded.progress__load_pct_18 { right: 82%; }
.progress__load.is-loaded.progress__load_pct_19 { right: 81%; }
.progress__load.is-loaded.progress__load_pct_20 { right: 80%; }
.progress__load.is-loaded.progress__load_pct_21 { right: 79%; }
.progress__load.is-loaded.progress__load_pct_22 { right: 78%; }
.progress__load.is-loaded.progress__load_pct_23 { right: 77%; }
.progress__load.is-loaded.progress__load_pct_24 { right: 76%; }
.progress__load.is-loaded.progress__load_pct_25 { right: 75%; }
.progress__load.is-loaded.progress__load_pct_26 { right: 74%; }
.progress__load.is-loaded.progress__load_pct_27 { right: 73%; }
.progress__load.is-loaded.progress__load_pct_28 { right: 72%; }
.progress__load.is-loaded.progress__load_pct_29 { right: 71%; }
.progress__load.is-loaded.progress__load_pct_30 { right: 70%; }
.progress__load.is-loaded.progress__load_pct_31 { right: 69%; }
.progress__load.is-loaded.progress__load_pct_32 { right: 68%; }
.progress__load.is-loaded.progress__load_pct_33 { right: 67%; }
.progress__load.is-loaded.progress__load_pct_34 { right: 66%; }
.progress__load.is-loaded.progress__load_pct_35 { right: 65%; }
.progress__load.is-loaded.progress__load_pct_36 { right: 64%; }
.progress__load.is-loaded.progress__load_pct_37 { right: 63%; }
.progress__load.is-loaded.progress__load_pct_38 { right: 62%; }
.progress__load.is-loaded.progress__load_pct_39 { right: 61%; }
.progress__load.is-loaded.progress__load_pct_40 { right: 60%; }
.progress__load.is-loaded.progress__load_pct_41 { right: 59%; }
.progress__load.is-loaded.progress__load_pct_42 { right: 58%; }
.progress__load.is-loaded.progress__load_pct_43 { right: 57%; }
.progress__load.is-loaded.progress__load_pct_44 { right: 56%; }
.progress__load.is-loaded.progress__load_pct_45 { right: 55%; }
.progress__load.is-loaded.progress__load_pct_46 { right: 54%; }
.progress__load.is-loaded.progress__load_pct_47 { right: 53%; }
.progress__load.is-loaded.progress__load_pct_48 { right: 52%; }
.progress__load.is-loaded.progress__load_pct_49 { right: 51%; }
.progress__load.is-loaded.progress__load_pct_50 { right: 50%; }
.progress__load.is-loaded.progress__load_pct_51 { right: 49%; }
.progress__load.is-loaded.progress__load_pct_52 { right: 48%; }
.progress__load.is-loaded.progress__load_pct_53 { right: 47%; }
.progress__load.is-loaded.progress__load_pct_54 { right: 46%; }
.progress__load.is-loaded.progress__load_pct_55 { right: 45%; }
.progress__load.is-loaded.progress__load_pct_56 { right: 44%; }
.progress__load.is-loaded.progress__load_pct_57 { right: 43%; }
.progress__load.is-loaded.progress__load_pct_58 { right: 42%; }
.progress__load.is-loaded.progress__load_pct_59 { right: 41%; }
.progress__load.is-loaded.progress__load_pct_60 { right: 40%; }
.progress__load.is-loaded.progress__load_pct_61 { right: 39%; }
.progress__load.is-loaded.progress__load_pct_62 { right: 38%; }
.progress__load.is-loaded.progress__load_pct_63 { right: 37%; }
.progress__load.is-loaded.progress__load_pct_64 { right: 36%; }
.progress__load.is-loaded.progress__load_pct_65 { right: 35%; }
.progress__load.is-loaded.progress__load_pct_66 { right: 34%; }
.progress__load.is-loaded.progress__load_pct_67 { right: 33%; }
.progress__load.is-loaded.progress__load_pct_68 { right: 32%; }
.progress__load.is-loaded.progress__load_pct_69 { right: 31%; }
.progress__load.is-loaded.progress__load_pct_70 { right: 30%; }
.progress__load.is-loaded.progress__load_pct_71 { right: 29%; }
.progress__load.is-loaded.progress__load_pct_72 { right: 28%; }
.progress__load.is-loaded.progress__load_pct_73 { right: 27%; }
.progress__load.is-loaded.progress__load_pct_74 { right: 26%; }
.progress__load.is-loaded.progress__load_pct_75 { right: 25%; }
.progress__load.is-loaded.progress__load_pct_76 { right: 24%; }
.progress__load.is-loaded.progress__load_pct_77 { right: 23%; }
.progress__load.is-loaded.progress__load_pct_78 { right: 22%; }
.progress__load.is-loaded.progress__load_pct_79 { right: 21%; }
.progress__load.is-loaded.progress__load_pct_80 { right: 20%; }
.progress__load.is-loaded.progress__load_pct_81 { right: 19%; }
.progress__load.is-loaded.progress__load_pct_82 { right: 18%; }
.progress__load.is-loaded.progress__load_pct_83 { right: 17%; }
.progress__load.is-loaded.progress__load_pct_84 { right: 16%; }
.progress__load.is-loaded.progress__load_pct_85 { right: 15%; }
.progress__load.is-loaded.progress__load_pct_86 { right: 14%; }
.progress__load.is-loaded.progress__load_pct_87 { right: 13%; }
.progress__load.is-loaded.progress__load_pct_88 { right: 12%; }
.progress__load.is-loaded.progress__load_pct_89 { right: 11%; }
.progress__load.is-loaded.progress__load_pct_90 { right: 10%; }
.progress__load.is-loaded.progress__load_pct_91 { right: 9%; }
.progress__load.is-loaded.progress__load_pct_92 { right: 8%; }
.progress__load.is-loaded.progress__load_pct_93 { right: 7%; }
.progress__load.is-loaded.progress__load_pct_94 { right: 6%; }
.progress__load.is-loaded.progress__load_pct_95 { right: 5%; }
.progress__load.is-loaded.progress__load_pct_96 { right: 4%; }
.progress__load.is-loaded.progress__load_pct_97 { right: 3%; }
.progress__load.is-loaded.progress__load_pct_98 { right: 2%; }
.progress__load.is-loaded.progress__load_pct_99 { right: 1%; }
.progress__load.is-loaded.progress__load_pct_100 { right: 0%; }

.fl__bt_notice {
    font-size: 12px;
    width: 70%;
}

[data-section=panel],
[data-section=navigation],
.slide__int,
.slide__int_obt,
.slide__int_desc,
.slide__btns,
.slide__int_newb,
.slider-out,
.slider__scene,
.mid__servers,
.mid__events,
.mid__st,
.footer__site,
.fnav__box,
.ps__link {
    animation-duration: .55s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

[data-section=panel] {
    animation-name: siteFadeDown;
    animation-delay: .05s;
}

[data-section=navigation] {
    animation-name: siteFadeDown;
    animation-delay: .12s;
}

.slide__int {
    animation-name: siteFadeUp;
    animation-delay: .22s;
}

.slide__int_obt {
    animation-name: siteFadeUp;
    animation-delay: .34s;
}

.slide__int_desc {
    animation-name: siteFadeUp;
    animation-delay: .46s;
}

.slide__btns {
    animation-name: siteFadeUp;
    animation-delay: .58s;
}

.slide__int_newb {
    animation-name: siteFadeUp;
    animation-delay: .7s;
}

.slider-out {
    animation-name: siteFadeDown;
    animation-delay: .48s;
}

.slider__scene {
    animation-name: siteFadeLeft;
    animation-delay: .38s;
}

.mid__servers {
    animation-name: siteFadeUp;
    animation-delay: .08s;
}

.mid__events {
    animation-name: siteFadeUp;
    animation-delay: .18s;
}

.mid__st {
    animation-name: siteFadeUp;
    animation-delay: .28s;
}

.footer__site,
.fnav__box,
.ps__link {
    animation-name: siteFadeUp;
}

.fnav__box:nth-child(1) {
    animation-delay: .08s;
}

.fnav__box:nth-child(2) {
    animation-delay: .16s;
}

.fnav__box:nth-child(3) {
    animation-delay: .24s;
}

.ps__link:nth-child(1) {
    animation-delay: .04s;
}

.ps__link:nth-child(2) {
    animation-delay: .08s;
}

.ps__link:nth-child(3) {
    animation-delay: .12s;
}

.ps__link:nth-child(4) {
    animation-delay: .16s;
}

.ps__link:nth-child(5) {
    animation-delay: .2s;
}

.ps__link:nth-child(6) {
    animation-delay: .24s;
}

.ps__link:nth-child(7) {
    animation-delay: .28s;
}

@keyframes siteModalIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes siteModalOut {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes siteFadeUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 28px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes siteFadeDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -24px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes siteFadeLeft {
    0% {
        opacity: 0;
        transform: translate3d(46px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 1199px) {
    [data-top-scroll] {
        height: auto;
        min-height: 0;
        overflow: visible;
        overscroll-behavior: auto;
    }

    .rating__box {
        overflow: visible;
    }
}

@media (max-width: 700px) {
    .mid__st {
        padding-top: 44px;
        padding-bottom: 46px;
    }

    .st__select {
        background: #d37f43 url(../img/icons/arrow-down.svg) no-repeat calc(100% - 12px) 50%;
        border: 0;
        border-radius: 5px;
        box-sizing: border-box;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        height: 36px;
        line-height: 36px;
        margin: 0 0 10px;
        padding: 0 36px 0 12px;
        text-align-last: left;
        width: 100%;
    }

    .rating {
        display: block;
    }

    .rating__btns {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0 0 14px;
        position: static;
    }

    .rating__btn {
        border-radius: 5px;
        box-sizing: border-box;
        font-size: 14px;
        justify-content: center;
        line-height: 16px;
        margin: 0;
        min-height: 36px;
        padding: 7px 8px;
        text-align: center;
        width: 100%;
    }

    .top__num {
        flex-basis: 30px;
    }

    .top__name {
        font-size: 15px;
    }

    .top__total {
        flex-basis: 94px;
        padding-right: 0;
    }

    .top__total_narrow {
        flex-basis: 58px;
    }
}

@media (max-width: 800px) {
    .slider {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .slider .swiper-wrapper,
    .slider .swiper-slide {
        height: auto;
    }

    .slide {
        padding: 28px 0 34px;
    }

    .slide,
    .slide__inner {
        min-height: 0;
    }

    .slide__inner {
        display: block;
    }

    .slide__content {
        margin-top: 0;
        min-height: 0;
    }

    .site-hero-content {
        margin-top: 0;
    }

    .site-hero-actions,
    .site-hero-newbie {
        padding-top: 26px;
    }

    .back_obt {
        border-radius: 6px;
        box-sizing: border-box;
        margin-left: 0;
        padding: 12px 12px 12px 26px;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .site-modal {
        align-items: flex-start;
        padding: 14px 12px;
    }

    .site-modal__dialog {
        max-width: 100%;
    }

    .site-modal .ww__body {
        border-radius: 14px;
        padding: 14px;
    }

    .site-modal .ww__head {
        margin-bottom: 12px;
        padding-right: 30px;
    }

    .site-modal .ww__close {
        background-color: rgba(255, 255, 255, .96);
        border-radius: 50%;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
        height: 18px;
        position: fixed;
        right: 16px;
        top: 16px;
        width: 18px;
        z-index: 3;
    }

    .site-modal .title {
        font-size: 20px;
        line-height: 1.25;
    }

    .site-modal .m-heading_margin {
        margin: 16px 0 12px;
    }

    .site-modal .m-heading__title {
        font-size: 16px;
        line-height: 1.35;
    }

    .site-modal .fl {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
    }

    .site-modal .fl__heading {
        margin: 0;
        padding: 0;
    }

    .site-modal .fl__title {
        font-size: 16px;
        line-height: 1.25;
    }

    .site-modal .fl__desc {
        line-height: 1.35;
    }

    .site-modal .fl__clean {
        font-size: 12px;
        margin-left: 0;
        padding-top: 6px;
    }

    .site-modal .fl__bt {
        align-items: center;
        border-left: 0;
        border-top: 1px solid #dbdce3;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        min-height: 44px;
        width: 100%;
    }

    .site-modal .fl__bt_notice {
        align-self: stretch;
        background: #d37f43;
        border-top: 0;
        box-sizing: border-box;
        color: #fff;
        display: block;
        font-size: 12px;
        line-height: 1.45;
        padding: 11px 12px;
        width: 100%;
    }

    .site-modal .bt__pic {
        flex: 0 0 auto;
    }

    .site-modal .bt__content {
        font-size: 12px;
        line-height: 1.2;
    }

    .site-modal .fl-list > .btn {
        box-sizing: border-box;
        justify-content: center;
        min-height: 48px;
        width: 100%;
    }
}

@media (max-width: 599px) {
    [data-ps-scroll] {
        overflow: hidden;
    }

    .ps__list {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
        width: 100%;
    }

    .ps__link {
        height: 56px;
        margin-right: 0;
        width: 100%;
    }

    .ps__link img {
        max-height: 42px;
        max-width: 86%;
    }
}

@media (max-width: 420px) {
    .cookie-consent-container {
        max-width: calc(100vw - 24px);
        padding: 20px 18px;
    }

    .cookie-consent-description {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 380px) {
    .rating__btn {
        font-size: 13px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .top__name {
        font-size: 14px;
    }

    .top__total {
        flex-basis: 88px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}