[data-section-bg=hero] {
    background-image: url(../images/hero/bg-mobile.jpg);
}

[data-section-bg=news] {
    background-image: url(../images/news/bg.jpg);
}

[data-section-bg=media] {
    background-image: url(../images/media/bg.jpg);
}

[data-section-bg=start] {
    background-image: url(../images/start/bg-mobile.jpg);
}

[data-section-bg=community] {
    background-image: url(../images/community/bg.jpg);
}

@media (min-width: 1200px) {
    [data-section-bg=hero] {
        background-image: url(../images/hero/bg-ultra.jpg);
        height: auto;
    }

    [data-section-bg=news] {
        background-image: url(../images/news/bg.jpg);
        height: auto;
    }

    [data-section-bg=media] {
        background-image: url(../images/media/bg.jpg);
        height: auto;
    }

    [data-section-bg=start] {
        background-image: url(../images/start/bg.jpg);
        height: auto;
    }

    [data-section-bg=community] {
        background-image: url(../images/community/bg.jpg);
        height: auto;
    }
}

[data-post-type=streams] {
    --post-label-bg: url(../images/post/label-bg-2.png);
}

[data-post-type=media] {
    --post-label-bg: url(../images/post/label-bg-0.png);
}

[data-stream-card],
[data-gallery-card] {
    cursor: pointer;
}

.post__play {
    position: absolute;
    top: calc(1.25rem * var(--post-scale));
    right: calc(1.25rem * var(--post-scale));
    width: calc(3rem * var(--post-scale));
    height: calc(3rem * var(--post-scale));
    padding: 0;
    border: 1px solid hsla(0, 0%, 100%, .35);
    border-radius: 50%;
    background: rgba(3, 3, 10, .55);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s, background-color .25s, border-color .25s;
    will-change: transform;
}

.post__play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-style: solid;
    border-width: calc(0.5rem * var(--post-scale)) 0 calc(0.5rem * var(--post-scale)) calc(0.85rem * var(--post-scale));
    border-color: transparent transparent transparent #fff;
}

.post__play_zoom:before {
    display: none;
}

.post__play_zoom .gwi {
    display: block;
    color: #fff;
    font-size: calc(1.125rem * var(--post-scale));
    line-height: 1;
}

.post__play:hover,
.post__play:focus-visible,
[data-stream-card]:hover .post__play,
[data-gallery-card]:hover .post__play {
    background: rgba(3, 3, 10, .8);
    border-color: hsla(0, 0%, 100%, .75);
    transform: scale(1.08);
}

.post__frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.post_playing {
    cursor: default;
}

.post_playing .post__pic {
    z-index: 3;
}

.post_playing .post__pic:after,
.post_playing .post__img,
.post_playing .post__content,
.post_playing .post__play {
    display: none;
}

/* Gold / cream chrome — structure unchanged, colors only */
:root {
    --body-background-color-rgb: #0a0a0b;
    --body-background-color: 10, 10, 11;
    --color-light-rgb: #e8d4b0;
    --color-light: 232, 212, 176;
    --color-accent-rgb: #c19f68;
    --color-accent: 193, 159, 104;
    --color-accent-hover-rgb: #e8d09a;
    --color-accent-hover: 232, 208, 154;
    --color-url-rgb: #ddbf86;
    --color-url: 221, 191, 134;
    --color-url-hover-rgb: #ecd9ad;
    --color-url-hover: 236, 217, 173;
    --color-blue-rgb: #ddbf86;
    --color-blue: 221, 191, 134;
    --btn-img-url: url(../images/btn/btn.png);
    --btn2-img-url: url(../images/btn2/btn2.png);
    --button-img-url: url(../images/button/button.png);
}

::-webkit-scrollbar-thumb {
    background-color: #c19f68;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ddbf86;
}

* {
    scrollbar-color: #c19f68 #161410;
}

.subtitle {
    color: #ddbf86;
}

.hero__title {
    color: #ddbf86;
}

.hero__title:after {
    background-image: url(../images/hero/hero-title-decor.png);
}

.hero__desc {
    color: #e8e4dc;
}

.hero__link {
    color: #ddbf86;
}

.hero__link:hover {
    color: #ecd9ad;
}

.hdec:after {
    background-image: url(../images/hdec.png);
}

.lang {
    color: #ddbf86;
    position: relative;
    z-index: 90;
}

.lang__current:after {
    background-image: url(../images/lang/arrow-down.png);
}

.btn_type_2 {
    --btn-img-url: url(../images/btn/btn-2.png);
    --btn-img-hover-url: url(../images/btn/btn-2-hover.png);
    color: #fff;
}

.btn_type_2:hover {
    color: #fff;
}

.button,
.hero__btns .button,
.hero .button {
    color: #fff;
    text-shadow: none;
}

.button:hover,
.hero__btns .button:hover,
.hero .button:hover {
    color: #fff;
}

.button:before {
    filter: brightness(1.72) saturate(.32) contrast(.9);
}

.button:hover:before,
.button_active:before {
    filter: brightness(1.86) saturate(.34) contrast(.9);
}

.hero__btns .button:before,
.hero .button:before {
    filter: brightness(1.78) saturate(.28) contrast(.88);
}

.hero__btns .button:hover:before,
.hero .button:hover:before,
.hero__btns .button_active:before,
.hero .button_active:before {
    filter: brightness(1.92) saturate(.3) contrast(.88);
}

.btn:before,
.btn2:before {
    filter: brightness(1.34) saturate(.58) contrast(.96);
}

.btn:hover:before,
.btn2:hover:before,
.btn_active:before,
.btn2_active:before {
    filter: brightness(1.44) saturate(.62) contrast(.96);
}

.fpnav:after {
    background-color: rgba(8, 6, 4, .72);
    border-right: 1px solid rgba(201, 164, 90, .28);
}

.fpnav__sep {
    background-color: rgba(201, 164, 90, .22);
}

.fpnav__item {
    color: #8a8070;
}

.fpnav__item:hover,
.fpnav__item_active {
    color: #ecd9ad;
}

.fpnav__item:after {
    background-image: url(../images/fpnav/decor.png);
}

.fpnav__item-ico,
.fpnav__item:hover .fpnav__item-ico,
.fpnav__item_active .fpnav__item-ico,
.fpnav__item-ico_active {
    filter: none;
}

.scl:before {
    background-image: url(../images/scl/scl-decor-left.png);
    filter: grayscale(1) brightness(1.35) contrast(1.08);
}

.scl:after {
    background-image: url(../images/scl/scl-decor-right.png);
    filter: grayscale(1) brightness(1.35) contrast(1.08);
}

.scl__item {
    color: #e6e6e8;
}

.scl__item:hover {
    color: #fff;
}

.scl__item:after {
    background-image: url(../images/scl/item-bg.png);
    filter: grayscale(1) brightness(1.48) contrast(1.06);
}

.scl__item:hover:after {
    filter: grayscale(1) brightness(1.68) contrast(1.08);
}

.countdown__heading,
.countdown__amount,
.countdown__desc {
    color: #e8d4b0;
}

.countdown__counter:after {
    background-image: none;
    background: rgba(0, 0, 0, .58);
    border: 1px solid rgba(232, 212, 176, .16);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    filter: none;
}

.server {
    position: relative;
    min-width: 22rem;
    width: 24.75rem;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    align-items: stretch;
    font-family: Intro Book, Intro, Open Sans, Tahoma, Arial, sans-serif;
    font-family: var(--font-2);
    background: rgba(8, 7, 6, .78);
    border: 1px solid rgba(201, 164, 90, .58);
    box-shadow: inset 0 0 0 1px rgba(201, 164, 90, .2), 0 .75rem 1.75rem rgba(0, 0, 0, .42);
    -webkit-backdrop-filter: blur(.45rem);
    backdrop-filter: blur(.45rem);
}

.server:before,
.server:after {
    content: "";
    position: absolute;
    top: -1px;
    width: 36%;
    height: 1px;
    background: rgba(201, 164, 90, .58);
    z-index: 2;
}

.server:before {
    left: -1px;
}

.server:after {
    right: -1px;
}

.server__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem .75rem;
    border-bottom: 1px solid rgba(201, 164, 90, .32);
}

.server__title {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.server__head-meta {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-shrink: 0;
}

.server__rate-badge {
    padding: .22rem .45rem;
    border: 1px solid rgba(201, 164, 90, .7);
    color: #ddbf86;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1;
}

.server__status {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: 0;
    padding: .22rem .5rem;
    border: 1px solid #3dba4a;
    color: #3dba4a;
    font-size: .72rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.server__status-dot {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #3dba4a;
    box-shadow: 0 0 .45rem #3dba4a;
}

.server[data-server-status=off] .server__status {
    border-color: #c65565;
    color: #c65565;
}

.server[data-server-status=off] .server__status-dot {
    background: #c65565;
    box-shadow: 0 0 .45rem #c65565;
}

.server__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 4.25rem;
}

.server__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: .7rem .4rem;
    text-align: center;
    border-left: 1px solid rgba(201, 164, 90, .28);
}

.server__stat:first-child {
    border-left: 0;
}

.server__stat-value {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .02em;
}

.server__stat:nth-child(n+2) .server__stat-value {
    color: #ddbf86;
    font-size: .95rem;
}

.server__stat-label {
    color: #9a8b73;
    font-size: .62rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.hero__servers .server {
    width: 100%;
    max-width: 26rem;
    margin: 0 auto;
}

.page {
    z-index: auto;
}

[data-section=navigation] {
    z-index: 80;
}

.navigation__lang {
    position: relative;
    z-index: 90;
}

@media (min-width: 1200px) {
    .servers-desktop {
        right: 2.5rem;
        top: 6.5rem;
        z-index: 40;
    }
}

.switcher__item:after {
    background-image: url(../images/switcher/item-dec.png);
}

.switcher__sep {
    background-image: url(../images/switcher/sep.png);
}

.post__dec {
    background-image: url(../images/post/frame.png);
}

.post__dec:after {
    background-image: url(../images/post/frame-decor.png);
}

.news__scrollbar {
    background-color: #2a2418;
}

.news__scrollbaritem {
    background-image: url(../images/news/scrollbaritem.png);
}

.start__sep:after {
    background-image: url(../images/start/sep.png);
}

.resources__info-val {
    color: #ddbf86;
}

.resource {
    background-image: url(../images/resource/bg.png);
}

.resource:after,
.file:after {
    background-image: url(../images/resource/download-item.png);
}

.invite__link {
    color: #ddbf86;
}

.invite__link:hover {
    color: #ecd9ad;
}

.footer__link {
    color: #c19f68;
}

.footer__desc {
    color: #8a8070;
}

[data-section=consent] {
    background: rgba(18, 14, 8, .55);
    box-shadow: 0 0 3.75rem #000, 0 -1px 0 rgba(201, 164, 90, .18);
}

.consent {
    color: #e6dfd0;
}

.consent a {
    color: #ddbf86;
}

[data-section=navigation]:before {
    background: linear-gradient(180deg, rgba(10, 8, 5, .86) 0%, rgba(10, 8, 5, .42) 72%, transparent 100%);
    border-bottom: 1px solid rgba(201, 164, 90, .18);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
}

.nav-scroll [data-section=navigation]:before {
    background: rgba(10, 8, 5, .92);
    border-bottom-color: rgba(201, 164, 90, .28);
}

.navigation__logobox .logo__img,
.fpnav .logo__img,
.hero__logotype .logotype__img,
.preload__logo,
.invite__logo {
    filter: drop-shadow(0 0 16px rgba(186, 196, 210, .4));
}

.lang__current-img {
    outline-color: #c19f68;
}

.lang__name,
.lang__link {
    color: #ddbf86;
}

.lang__list {
    background: rgba(12, 10, 8, .94);
    border: 1px solid rgba(221, 191, 134, .35);
    z-index: 100;
}

.lang__link_sub:hover {
    background-color: rgba(221, 191, 134, .14);
}

.auth .btn {
    color: #1a1610;
    letter-spacing: .08em;
}

.auth .btn .gwi {
    font-size: .95em;
    line-height: 1;
}

.auth .btn:before,
.auth .btn:after {
    background-image: none !important;
    background: #ddbf86;
    border: 1px solid #c19f68;
    box-shadow: none;
    filter: none !important;
}

.auth .btn:hover {
    color: #0d0b08;
}

.auth .btn:hover:before,
.auth .btn_active:before {
    background: #ecd9ad;
    border-color: #ddbf86;
    box-shadow: none;
    filter: none !important;
}

.gw-burger__line,
.mob-menu-active .gw-burger__line {
    background-color: #ddbf86;
}

.menu {
    background-color: #0a0908;
    box-shadow: 0 0 0 100vh #0a0908;
}

.menu__item:hover,
.menu__item_open,
.menu__sub-item:hover {
    color: #ddbf86;
}

.menu__el_continer_divider {
    border-top-color: rgba(201, 164, 90, .28);
}

.color-blue,
.color-accent,
.color-url {
    color: #c19f68;
}

.inform__title {
    color: #ddbf86;
}

.social:hover .social__bg {
    filter: brightness(1.12);
}

.social__picbox {
    overflow: hidden;
}

.social__ico {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.arrow.swiper-button-disabled {
    filter: grayscale(1) brightness(.7);
}

.resource {
    position: relative;
    isolation: isolate;
    background-image: none;
}

.resource:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url(../images/resource/bg.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    filter: brightness(1.42) saturate(.9) contrast(.98);
}

.tippy-box {
    background: rgba(12, 10, 8, .94);
    color: #e8d4b0;
    border: 1px solid rgba(221, 191, 134, .28);
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before,
.tippy-box[data-placement^=top] > .tippy-arrow:before {
    background: #c19f68;
}

.giveaway {
    position: fixed;
    right: 2.5rem;
    left: auto;
    bottom: 5.75rem;
    z-index: 80;
    pointer-events: none;
}

.giveaway.is-hidden,
.giveaway[hidden] {
    display: none !important;
}

.giveaway__card {
    position: relative;
    width: 21.25rem;
    max-width: calc(100vw - 2rem);
    padding: 1.15rem 1.15rem 1rem;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    pointer-events: auto;
    background: radial-gradient(circle at 100% 0, rgba(58, 46, 22, .55), rgba(8, 7, 6, .94) 58%);
    border: 1px solid rgba(201, 164, 90, .58);
    border-radius: 1rem;
    box-shadow: inset 0 0 0 1px rgba(201, 164, 90, .18), 0 .75rem 2rem rgba(0, 0, 0, .55);
}

.giveaway__close {
    position: absolute;
    top: .7rem;
    right: .7rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(201, 164, 90, .45);
    background: rgba(255, 255, 255, .04);
    color: #ddbf86;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
}

.giveaway__close:hover {
    background: rgba(201, 164, 90, .22);
    color: #fff;
}

.giveaway__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-bottom: .35rem;
    color: #c9a45a;
    font-size: .58rem;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.giveaway__brand:before,
.giveaway__brand:after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(to right, transparent, rgba(201, 164, 90, .7), transparent);
}

.giveaway__title {
    font-family: Cormorant Garamond, Trajan Pro 3, Times New Roman, serif;
    font-family: var(--font-1);
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.1;
    text-transform: uppercase;
    background: linear-gradient(#fcebba, #d4af37 52%, #aa7c11);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #d4af37;
}

.giveaway__lead {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin: .15rem 0 .45rem;
    font-family: Cormorant Garamond, Trajan Pro 3, Times New Roman, serif;
    font-family: var(--font-1);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    background: linear-gradient(#9bc5ff, #4a90e2 50%, #1e5799);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #4a90e2;
}

.giveaway__pulse {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: #3b82f6;
    border: 1px solid #93c5fd;
    box-shadow: 0 0 .65rem rgba(59, 130, 246, .65);
    color: #fff;
    -webkit-text-fill-color: #fff;
    animation: giveawayPulse 2s ease infinite;
}

.giveaway__prizes,
.giveaway__hint {
    color: #d1c4aa;
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.giveaway__prizes {
    margin-bottom: .55rem;
}

.giveaway__hint {
    margin: .15rem 0 .55rem;
    font-weight: 500;
    color: #9a8b73;
}

.giveaway__items {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-bottom: .55rem;
}

.giveaway__item {
    position: relative;
    overflow: hidden;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .4rem;
    border: 1px solid #6b5c3e;
    background: linear-gradient(to bottom right, #2a2a2a, #111);
    box-shadow: inset 0 0 .6rem rgba(0, 0, 0, .8), 0 .25rem .4rem rgba(0, 0, 0, .45);
}

.giveaway__item img {
    width: 2rem;
    height: 2rem;
    image-rendering: pixelated;
    filter: drop-shadow(0 0 .3rem rgba(212, 175, 55, .45));
}

.giveaway__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .5rem .7rem;
    border-radius: 6.25rem;
    text-decoration: none;
    background: linear-gradient(#2b6cb0, #2c5282);
    border: 1px solid #63b3ed;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 .25rem .4rem rgba(0, 0, 0, .55);
}

.giveaway__btn:hover {
    background: linear-gradient(#3182ce, #2a4365);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 0 .9rem rgba(66, 153, 225, .55);
}

.giveaway__btn-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff;
    color: #2563eb;
    flex-shrink: 0;
}

.giveaway__btn-text {
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.giveaway__btn-handle {
    color: #bfdbfe;
    font-size: .62rem;
}

.giveaway__btn-arrow {
    color: #fff;
    opacity: .75;
    font-size: 1rem;
    line-height: 1;
}

@keyframes giveawayPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

@media (max-width: 719px) {
    .giveaway {
        right: 1rem;
        left: auto;
        bottom: 1rem;
    }
}

@media (min-width: 800px) {
    .giveaway {
        right: 2rem;
        bottom: 5.5rem;
    }
}

@media (min-width: 1200px) {
    .giveaway {
        right: 2.5rem;
        bottom: 5.75rem;
    }
}