/* Wars Town Dashboard — additive layer (не ломает main.css) */

:root {
    --wt-gold: #d4a843;
    --wt-gold-light: #f0c96e;
    --wt-orange: #e8872a;
    --wt-bg: #0d0d0d;
    --wt-card: #161616;
    --wt-card2: #1c1c1c;
    --wt-border: #2a2418;
    --wt-text: #f5f0e8;
    --wt-muted: #8a8070;
}

/* ── Только на главной ── */
.wt-theme {
    background: var(--wt-bg) !important;
}

.wt-theme .page {
    background: var(--wt-bg);
}

.wt-theme [data-section="header"] { display: none !important; }

/* Старый слайдер с эльфом — принудительно скрыт */
.wt-theme .wt-hero,
.wt-theme .wt-gw-slider,
.wt-theme .wt-scene-wrap {
    display: none !important;
}

/* Логотип в навбаре на главной — дублирует баннер */
.wt-theme .navigation__logo {
    visibility: hidden;
    pointer-events: none;
}

/* ── Home hero: полноэкранная шапка (AoS-style) ── */
.wt-header-blend {
    position: relative;
    overflow: hidden;
    background: #0a0908;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-header-blend--screen {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    /* На всю высоту окна; сверху место под fixed-меню */
    min-height: 100vh;
    min-height: 100dvh;
    padding: 76px 0 clamp(10px, 1.5vh, 16px);
    margin: 0;
}

.wt-header-blend.wt-header-blend--screen {
    align-items: stretch;
    justify-content: flex-start;
}

.wt-header-blend__content {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.wt-header-blend__photos {
    position: absolute;
    inset: 0;
}

.wt-header-blend__photo {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.04);
}

.wt-header-blend__tone {
    position: absolute;
    inset: 0;
    background:
        /* soft center veil — hides any harsh mid and lifts logo */
        linear-gradient(90deg,
            rgba(6, 5, 10, 0.72) 0%,
            rgba(6, 5, 10, 0.18) 22%,
            rgba(8, 6, 4, 0.42) 48%,
            rgba(8, 6, 4, 0.42) 52%,
            rgba(6, 5, 10, 0.18) 78%,
            rgba(6, 5, 10, 0.72) 100%),
        linear-gradient(180deg,
            rgba(4, 3, 8, 0.58) 0%,
            rgba(8, 6, 4, 0.22) 36%,
            rgba(10, 8, 6, 0.48) 70%,
            rgba(13, 13, 13, 0.96) 100%),
        radial-gradient(ellipse 70% 48% at 50% 34%, rgba(212, 168, 67, 0.14) 0%, transparent 74%);
    pointer-events: none;
}

.wt-header-blend__logo-link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    margin-bottom: clamp(16px, 2.5vh, 28px);
}

.wt-header-blend__logo {
    display: block;
    width: auto;
    height: auto;
    max-height: clamp(120px, 18vw, 210px);
    max-width: min(560px, 90vw);
    object-fit: contain;
    filter:
        drop-shadow(0 12px 48px rgba(0, 0, 0, 0.7))
        drop-shadow(0 0 56px rgba(212, 168, 67, 0.22));
}

.wt-header-blend__divider {
    width: min(320px, 70%);
    height: 1px;
    margin: 0 auto clamp(14px, 2vh, 22px);
    background: linear-gradient(90deg, transparent, rgba(212, 168, 67, 0.6), transparent);
}

.wt-header-blend__eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--wt-gold-light);
    opacity: 0.85;
}

.wt-header-blend__title {
    margin: 0 0 10px;
    font-family: 'Roboto Slab', Georgia, serif;
    font-size: clamp(26px, 4vw, 42px);
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--wt-text);
    text-shadow: 0 4px 28px rgba(0, 0, 0, 0.85);
    line-height: 1.15;
}

.wt-header-blend__rate {
    color: var(--wt-gold-light);
}

.wt-header-blend__tagline {
    margin: 0 0 18px;
    max-width: 520px;
    font-size: clamp(14px, 1.8vw, 17px);
    line-height: 1.55;
    letter-spacing: 0.3px;
    color: rgba(245, 240, 232, 0.78);
}

.wt-header-blend__tagline-dot {
    margin: 0 0.35em;
    color: rgba(212, 168, 67, 0.55);
}

.wt-header-blend__opening--card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(420px, calc(100vw - 40px));
    margin-bottom: 0;
    padding: 16px 22px 14px;
    border: 1px solid rgba(212, 168, 67, 0.3);
    border-radius: 14px;
    background: rgba(8, 7, 12, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    text-align: center;
}

.wt-header-blend__opening-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 12px;
}

.wt-header-blend__opening-chip {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(212, 168, 67, 0.22);
    background: rgba(212, 168, 67, 0.08);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wt-gold-light);
    line-height: 1.2;
}

.wt-header-blend__opening-chip--plain {
    text-transform: none;
    letter-spacing: 0.04em;
}

.wt-header-blend__opening-eyebrow {
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--wt-muted);
}

.wt-header-blend__opening-date {
    margin: 0;
    font-family: 'Roboto Slab', Georgia, serif;
    font-size: clamp(22px, 3.6vw, 32px);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.15;
    background: linear-gradient(180deg, #f5e6c8 0%, #d4a843 55%, #b8892a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 2px 12px rgba(212, 168, 67, 0.25));
}

.wt-header-blend__opening-tz {
    display: inline-block;
    margin-top: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(212, 168, 67, 0.2);
    background: rgba(255, 255, 255, 0.04);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(245, 240, 232, 0.55);
}

.wt-header-blend__stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(18px, 2.8vh, 24px);
    width: 100%;
    margin-top: clamp(4px, 0.8vh, 8px);
}

.wt-header-blend__actions {
    position: relative;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 0;
    pointer-events: auto;
}

.wt-header-blend__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 6;
    min-width: 200px;
    padding: 15px 36px;
    background: linear-gradient(180deg, #ead9ad 0%, #c9ab6a 45%, #a88942 100%);
    border: 1px solid rgba(255, 230, 180, 0.4);
    color: #120a04 !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none !important;
    clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 36px rgba(212, 168, 67, 0.28);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    pointer-events: auto;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.wt-header-blend__btn--play {
    background: transparent;
    border: 1px solid rgba(212, 168, 67, 0.45);
    color: var(--wt-gold-light) !important;
    box-shadow: none;
}

.wt-header-blend__btn--play:hover {
    background: rgba(212, 168, 67, 0.12);
    color: #fff !important;
    filter: none;
}

.wt-header-blend__btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.07);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55), 0 0 44px rgba(212, 168, 67, 0.4);
    color: #120a04 !important;
}

.wt-header-blend__status {
    position: relative;
    z-index: 4;
    width: min(300px, calc(100vw - 40px));
    margin-top: 0;
    padding: 12px 14px 11px;
    border-radius: 10px;
    border: 1px solid rgba(212, 168, 67, 0.22);
    background: rgba(6, 5, 10, 0.82);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    text-align: left;
}

.wt-header-blend__status--online { border-color: rgba(74, 222, 128, 0.35); }
.wt-header-blend__status--offline { border-color: rgba(120, 120, 120, 0.35); }

.wt-header-blend__status-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0;
}

.wt-header-blend__status-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wt-muted);
    line-height: 1.3;
}

.wt-header-blend__status-badge {
    flex-shrink: 0;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wt-header-blend__status--online .wt-header-blend__status-badge {
    background: rgba(34, 197, 94, 0.16);
    color: #4ade80;
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.12);
}

.wt-header-blend__status--offline .wt-header-blend__status-badge {
    background: rgba(120, 120, 120, 0.18);
    color: #b0b0b0;
}

.wt-header-blend__status-rule {
    height: 1px;
    margin: 8px 0 7px;
    background: linear-gradient(90deg, transparent, rgba(212, 168, 67, 0.35), transparent);
}

.wt-header-blend__status-name {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--wt-text);
    line-height: 1.25;
    letter-spacing: 0.02em;
}

.wt-header-blend__status-bar {
    position: relative;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.wt-header-blend__status-fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 100%;
    border-radius: inherit;
    transition: right 1s ease;
}

.wt-header-blend__status-fill--online {
    background: linear-gradient(90deg, #22c55e, #4ade80);
}

.wt-header-blend__status-fill--offline {
    background: #555;
}

/* legacy */
.wt-header-blend__stats,
.wt-header-blend__stat { display: none !important; }

/* legacy aliases */
.wt-header-blend__info { display: none; }
.wt-header-blend__info-card { display: none; }
.wt-header-blend__meta { display: none; }

.wt-header-blend__veil {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.wt-header-blend__veil--top {
    top: 0;
    height: 22%;
    background: linear-gradient(180deg, rgba(4, 3, 8, 0.75) 0%, rgba(4, 3, 8, 0) 100%);
}

.wt-header-blend__veil--bottom {
    bottom: 0;
    height: 28%;
    background: linear-gradient(0deg, #0d0d0d 0%, rgba(13, 13, 13, 0) 100%);
}

@media (max-width: 768px) {
    .wt-header-blend--screen {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 64px 0 16px;
    }

    .wt-header-blend__status {
        width: min(280px, calc(100vw - 32px));
        padding: 11px 12px 10px;
    }

    .wt-header-blend__logo {
        max-height: clamp(90px, 24vw, 140px);
    }

    .wt-header-blend__opening--card {
        width: min(360px, calc(100vw - 32px));
        padding: 14px 16px 12px;
    }

    .wt-header-blend__opening-date {
        font-size: clamp(20px, 5.5vw, 26px);
    }

    .wt-header-blend__btn {
        min-width: min(210px, calc(50vw - 28px));
        padding: 13px 18px;
        font-size: 11px;
        letter-spacing: 0.12em;
    }

    .wt-header-blend__actions {
        width: 100%;
        max-width: min(420px, calc(100vw - 24px));
        gap: 10px;
    }
}

/* ── Scene backgrounds (after header strip → hero + content) ── */
.wt-scene-wrap {
    position: relative;
    overflow: hidden;
    background: var(--wt-bg);
}

.wt-scene-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.wt-scene-bg__ambient {
    position: absolute;
    inset: -8% 0;
    background:
        radial-gradient(ellipse 100% 55% at 50% 15%, rgba(212, 168, 67, 0.1) 0%, transparent 55%),
        radial-gradient(ellipse 70% 45% at 10% 70%, rgba(232, 135, 42, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse 70% 45% at 90% 75%, rgba(160, 100, 30, 0.05) 0%, transparent 50%),
        linear-gradient(180deg, rgba(20, 18, 16, 0.35) 0%, rgba(13, 13, 13, 0.92) 55%, #0d0d0d 100%);
    pointer-events: none;
}

.wt-scene-bg__glow {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 20% 30%, rgba(212, 168, 67, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 70% 45% at 80% 60%, rgba(232, 135, 42, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse 90% 40% at 50% 100%, rgba(180, 100, 30, 0.06) 0%, transparent 45%);
}

.wt-scene-bg__veil {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.wt-scene-bg__veil--top {
    top: 0;
    height: 28%;
    background: linear-gradient(
        180deg,
        #141210 0%,
        rgba(20, 18, 16, 0.88) 35%,
        rgba(13, 13, 13, 0) 100%
    );
}

.wt-scene-bg__veil--body {
    inset: 0;
    background:
        linear-gradient(180deg, rgba(13, 13, 13, 0.55) 0%, rgba(13, 13, 13, 0.78) 45%, rgba(13, 13, 13, 0.88) 100%),
        linear-gradient(90deg, rgba(13, 13, 13, 0.65) 0%, rgba(13, 13, 13, 0.35) 50%, rgba(13, 13, 13, 0.65) 100%);
}

.wt-scene-bg__veil--bottom {
    bottom: 0;
    height: 22%;
    background: linear-gradient(0deg, #0a0a0a 0%, rgba(10, 10, 10, 0) 100%);
}

.wt-scene-wrap .wt-hero--gw.wt-hero--showcase {
    position: relative;
    z-index: 1;
    background: transparent;
    border-bottom: none;
}

.wt-scene-wrap .wt-hero__bg {
    background:
        radial-gradient(ellipse at 30% 20%, rgba(212,168,67,.08) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 30%, rgba(232,135,42,.05) 0%, transparent 45%),
        linear-gradient(180deg, rgba(20, 18, 16, 0.35) 0%, rgba(13, 13, 13, 0.15) 100%) !important;
}

.wt-scene-wrap .wt-hero__bg::before {
    opacity: 0.25;
}

.wt-scene-wrap__main {
    position: relative;
    z-index: 1;
    background: transparent !important;
    padding-top: 0;
}

.wt-scene-wrap__main::before {
    content: '';
    display: block;
    height: 28px;
    margin: 0 auto 8px;
    max-width: 100%;
    background:
        linear-gradient(135deg, rgba(212, 168, 67, 0.18) 25%, transparent 25%) -14px 0 / 28px 28px,
        linear-gradient(225deg, rgba(212, 168, 67, 0.18) 25%, transparent 25%) -14px 0 / 28px 28px,
        linear-gradient(315deg, rgba(212, 168, 67, 0.12) 25%, transparent 25%) 0 0 / 28px 28px,
        linear-gradient(45deg, rgba(212, 168, 67, 0.12) 25%, transparent 25%) 0 0 / 28px 28px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 100%);
    opacity: 0.7;
    pointer-events: none;
}

.wt-theme .wt-scene-wrap .content__news,
.wt-theme .wt-scene-wrap .content__media,
.wt-theme .wt-scene-wrap .content__stats,
.wt-theme .wt-scene-wrap .content__contests,
.wt-theme .wt-scene-wrap .content__about {
    position: relative;
}

.wt-theme .wt-scene-wrap .content__news::before,
.wt-theme .wt-scene-wrap .content__media::before,
.wt-theme .wt-scene-wrap .content__stats::before,
.wt-theme .wt-scene-wrap .content__contests::before {
    content: '';
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: min(680px, 90%);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 168, 67, 0.35), transparent);
    pointer-events: none;
}


.wt-theme .main--home .main__sidebar { display: none !important; }

.wt-theme .main.main--home {
    display: block !important;
}

.wt-theme .main.main--home .main__content,
.wt-theme .main.main--home .content {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

.wt-theme .main--home .content__news {
    margin-top: 10px;
    padding-top: 0;
}

.wt-theme .main--home .content__news .heading {
    margin-bottom: 6px;
}

.wt-theme .main--home .content__about,
.wt-theme .main--home .content__media,
.wt-theme .main--home .content__stats,
.wt-theme .main--home .content__contests {
    margin-top: 32px;
    padding-top: 0;
}

.wt-theme .main--home .content__media + .content__stats,
.wt-theme .main--home .content__stats + .content__contests {
    margin-top: 36px;
}

/* ── Grand-Wars style hero slider ── */
.wt-hero--gw.wt-hero--showcase {
    overflow: hidden;
}

.wt-gw-slider {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1100px;
    min-height: clamp(340px, 42vh, 460px);
    margin: 0 auto 22px;
    padding: 0 10px;
}

.wt-gw-slider__stage {
    position: relative;
    height: clamp(340px, 42vh, 460px);
    margin: 0 auto;
    max-width: min(52vh, 480px);
    pointer-events: none;
    isolation: isolate;
}

.wt-gw-slider__slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(0.96);
    transition: opacity 0.55s ease, transform 0.55s ease, visibility 0.55s;
}

.wt-gw-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    z-index: 2;
}

.wt-gw-slider__img {
    display: block;
    max-height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: bottom center;
    user-select: none;
    pointer-events: none;
    mix-blend-mode: lighten;
    filter: drop-shadow(0 16px 34px rgba(0, 0, 0, 0.55));
}

.wt-gw-slider__chips {
    position: absolute;
    top: 72px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 3.5vh, 28px);
}

.wt-gw-slider__chips--left {
    left: 0;
}

.wt-gw-slider__chips--right {
    right: 0;
    align-items: flex-end;
}

.wt-gw-slider__chip {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 210px;
    max-width: 240px;
    height: 58px;
    padding: 0 22px;
    border: 1px solid rgba(212, 168, 67, 0.14);
    background: rgba(10, 10, 10, 0.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: rgba(245, 240, 232, 0.45);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);
}

.wt-gw-slider__chips--right .wt-gw-slider__chip {
    flex-direction: row-reverse;
    text-align: right;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%, 0 50%);
}

.wt-gw-slider__chip-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(212, 168, 67, 0.1);
    color: rgba(212, 168, 67, 0.55);
    font-size: 15px;
    flex-shrink: 0;
    transition: color 0.25s ease, background 0.25s ease;
}

.wt-gw-slider__chip-label {
    line-height: 1.2;
}

.wt-gw-slider__chip:hover {
    color: rgba(245, 240, 232, 0.78);
    border-color: rgba(212, 168, 67, 0.28);
}

.wt-gw-slider__chip.is-active {
    color: var(--wt-gold-light);
    border-color: rgba(212, 168, 67, 0.55);
    background: rgba(22, 18, 10, 0.92);
    box-shadow: 0 0 22px rgba(212, 168, 67, 0.16);
}

.wt-gw-slider__chip.is-active .wt-gw-slider__chip-icon {
    color: var(--wt-gold);
    background: rgba(212, 168, 67, 0.2);
}

/* ── Hero showcase (legacy slide helpers) ── */
.wt-hero--showcase {
    position: relative;
    padding: 16px 0 40px;
    overflow: hidden;
    border-bottom: 1px solid var(--wt-border);
}

.wt-hero__head {
    position: relative;
    z-index: 4;
    text-align: center;
    margin-bottom: 8px;
}

.wt-hero__logo-link {
    display: inline-block;
    margin-bottom: 12px;
    text-decoration: none;
    line-height: 0;
}

.wt-hero__logo {
    display: block;
    width: auto;
    max-width: min(322px, 64vw);
    max-height: 91px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.45));
}

.wt-hero__title {
    display: none;
}

.wt-hero__stage {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 20px;
}

.wt-hero__slider {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}

.wt-hero__slide {
    position: relative;
    min-height: clamp(380px, 52vh, 560px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 20px 10px;
}

.wt-hero__slide-floor {
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: min(520px, 80%);
    height: 80px;
    background: radial-gradient(ellipse at center, rgba(212, 168, 67, 0.18) 0%, transparent 72%);
    pointer-events: none;
}

.wt-hero__slide-img {
    position: relative;
    z-index: 2;
    display: block;
    max-height: clamp(420px, 58vh, 620px);
    width: auto;
    max-width: min(720px, 95vw);
    height: auto;
    object-fit: contain;
    object-position: bottom center;
    user-select: none;
    pointer-events: none;
    filter: drop-shadow(0 16px 36px rgba(0, 0, 0, 0.55));
}

.wt-hero__bubble {
    position: absolute;
    z-index: 3;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    white-space: nowrap;
}

.wt-hero__bubble--main {
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    padding: 11px 20px;
}

.wt-hero__bubble--side {
    top: 38%;
    font-size: 11px;
    padding: 8px 14px;
    background: rgba(30, 30, 30, 0.88);
    color: #e8e0d0;
    border: 1px solid rgba(212, 168, 67, 0.25);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

.wt-hero__bubble--left { left: 8%; }
.wt-hero__bubble--right { right: 8%; }

.wt-hero__pagination.swiper-pagination {
    bottom: 0 !important;
}

.wt-hero__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,.25);
    opacity: 1;
}

.wt-hero__pagination .swiper-pagination-bullet-active {
    background: var(--wt-gold);
    box-shadow: 0 0 10px rgba(212,168,67,.6);
}

.wt-hero__info {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 14px;
    max-width: 720px;
    margin: 0 auto 24px;
}

.wt-hero__info-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 118px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid var(--wt-border);
    background: rgba(22, 22, 22, 0.92);
}

.wt-hero__info-card--status.wt-hero__info-card--ok { border-color: rgba(74, 222, 128, 0.25); }
.wt-hero__info-card--status.wt-hero__info-card--warn { border-color: rgba(212, 168, 67, 0.35); }
.wt-hero__info-card--status.wt-hero__info-card--busy { border-color: rgba(251, 146, 60, 0.4); }
.wt-hero__info-card--status.wt-hero__info-card--offline { border-color: rgba(120, 120, 120, 0.35); }

.wt-hero__info-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(212, 168, 67, 0.1);
    color: var(--wt-gold);
    font-size: 16px;
    flex-shrink: 0;
}

.wt-hero__info-card--status .wt-hero__info-icon {
    background: rgba(74, 222, 128, 0.12);
    color: #4ade80;
}

.wt-hero__info-body {
    min-width: 0;
    flex: 1;
}

.wt-hero__info-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--wt-muted);
    margin-bottom: 4px;
}

.wt-hero__info-value {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--wt-text);
    line-height: 1.2;
}

.wt-hero__info-sub {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 700;
    color: var(--wt-gold);
}

.wt-hero__info-online {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--wt-muted);
}

.wt-hero__info-bar {
    margin-top: 10px;
    height: 6px;
    background: #2a2a2a;
    border-radius: 999px;
    overflow: hidden;
}

.wt-hero__info-bar--spacer {
    visibility: hidden;
    pointer-events: none;
}

.wt-hero__info-fill {
    height: 100%;
    border-radius: 999px;
    transition: width 0.6s ease;
}

.wt-hero__info-fill--ok { background: linear-gradient(90deg, #22c55e, #4ade80); }
.wt-hero__info-fill--warn { background: linear-gradient(90deg, #d4a843, #f0c060); }
.wt-hero__info-fill--busy { background: linear-gradient(90deg, #f97316, #fb923c); }
.wt-hero__info-fill--offline { background: #555; }

.wt-hero__metrics {
    display: none;
}

.wt-hero__actions {
    position: relative;
    z-index: 2;
    text-align: center;
}

.wt-hero__cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wt-hero__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 30% 50%, rgba(212,168,67,.12) 0%, transparent 55%),
        radial-gradient(ellipse at 70% 30%, rgba(232,135,42,.08) 0%, transparent 45%),
        linear-gradient(180deg, #141210 0%, var(--wt-bg) 100%);
}

.wt-hero__bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(45deg, rgba(212,168,67,.03) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(212,168,67,.03) 25%, transparent 25%);
    background-size: 60px 60px;
    opacity: .5;
}

.wt-hero__elf {
    display: none;
}

.wt-hero__particles {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(212,168,67,.4) 1px, transparent 1px);
    background-size: 80px 80px;
    opacity: .15;
    pointer-events: none;
}

.wt-hero__inner {
    display: none;
}

.wt-hero__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--wt-orange);
    margin-bottom: 10px;
}

.wt-hero__title {
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 800;
    color: var(--wt-text);
    margin: 0 0 12px;
    letter-spacing: -1px;
    text-shadow: 0 0 40px rgba(212,168,67,.2);
}

.wt-hero__rate {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid rgba(212,168,67,.4);
    border-radius: 999px;
    color: var(--wt-gold);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 28px;
    background: rgba(212,168,67,.08);
}

.wt-hero__start-label {
    font-size: 11px;
    color: var(--wt-muted);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}

.wt-hero__cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wt-hero__date {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 22px;
    border: 1px solid rgba(212, 168, 67, 0.35);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(4px);
}

.wt-hero__date-day {
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 800;
    color: var(--wt-text);
    line-height: 1.2;
    text-transform: capitalize;
}

.wt-hero__date-time {
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 700;
    color: var(--wt-gold);
    letter-spacing: 0.5px;
}

.wt-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 36px;
    background: linear-gradient(135deg, #c86a10 0%, #e07818 45%, #f0a830 100%);
    color: #fff !important;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border-radius: 10px;
    border: 2px solid rgba(255, 220, 140, 0.45);
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.45),
        0 0 24px rgba(232, 135, 42, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: transform .2s, box-shadow .2s, filter .2s;
}

.wt-hero__btn:hover {
    transform: translateY(-2px);
    color: #fff !important;
    filter: brightness(1.08);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.5),
        0 0 36px rgba(232, 135, 42, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* ── Dashboard cards ── */
.wt-dash {
    padding: 24px 0 16px;
}

.wt-dash__row {
    display: grid;
    gap: 24px;
    margin-bottom: 0;
}

.wt-dash__row--2 { grid-template-columns: 1fr 1fr; }

.wt-card--wide {
    grid-column: 1 / -1;
}

.wt-card {
    background: var(--wt-card);
    border: 1px solid var(--wt-border);
    border-radius: 14px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.wt-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,168,67,.3), transparent);
}

.wt-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.wt-card__title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--wt-muted);
    margin: 0;
}

.wt-card__title span { color: var(--wt-gold); }

.wt-card__link {
    font-size: 11px;
    color: var(--wt-orange);
    text-decoration: none;
    font-weight: 600;
}

.wt-card__link:hover { color: var(--wt-gold); }

.wt-status-badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wt-status-badge--ok { color: #4ade80; }
.wt-status-badge--warn { color: var(--wt-gold); }
.wt-status-badge--busy { color: #fb923c; }
.wt-status-badge--offline { color: #8a8070; }

.wt-srv-status {
    margin-bottom: 18px;
}

.wt-srv-status__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.wt-srv-status__label {
    font-size: 12px;
    color: var(--wt-muted);
}

.wt-srv-status__val {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.wt-srv-status__val--ok { color: #4ade80; }
.wt-srv-status__val--warn { color: var(--wt-gold); }
.wt-srv-status__val--busy { color: #fb923c; }
.wt-srv-status__val--offline { color: #8a8070; }

.wt-srv-status__track {
    height: 8px;
    background: #2a2a2a;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

.wt-srv-status__fill {
    height: 100%;
    width: 0;
    border-radius: 999px;
    transition: width .6s ease;
}

.wt-srv-status__fill--ok {
    background: linear-gradient(90deg, #e8872a 0%, #d4a843 55%, #4ade80 100%);
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.35);
}

.wt-srv-status__fill--warn {
    background: linear-gradient(90deg, #e8872a 0%, #f0a830 100%);
    box-shadow: 0 0 12px rgba(232, 135, 42, 0.35);
}

.wt-srv-status__fill--busy {
    background: linear-gradient(90deg, #f97316 0%, #ef4444 100%);
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.35);
}

.wt-srv-status__fill--offline {
    background: #444;
    box-shadow: none;
}

.wt-specs { display: flex; flex-direction: column; gap: 6px; }

.wt-spec {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 5px 0;
    border-bottom: 1px solid #222;
}

.wt-spec__key { color: var(--wt-muted); }
.wt-spec__val { color: var(--wt-text); font-weight: 600; }
.wt-spec__val--gold { color: var(--wt-gold); }

/* Quick actions */
.wt-actions { display: flex; flex-direction: column; gap: 10px; }

.wt-action {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: var(--wt-card2);
    border: 1px solid #252525;
    border-radius: 10px;
    text-decoration: none;
    color: var(--wt-text);
    transition: border-color .2s, background .2s;
}

.wt-action:hover {
    border-color: rgba(212,168,67,.3);
    background: #222;
    color: var(--wt-text);
}

.wt-action__icon {
    width: 42px;
    height: 42px;
    background: rgba(212,168,67,.1);
    border: 1px solid rgba(212,168,67,.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    color: var(--wt-gold);
}

.wt-action__text { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }

.wt-action__wide {
    display: block;
    text-align: center;
    padding: 12px;
    margin-top: 6px;
    border: 1px solid var(--wt-border);
    border-radius: 10px;
    color: var(--wt-muted);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .2s;
}

.wt-action__wide:hover { border-color: var(--wt-gold); color: var(--wt-gold); }

/* News timeline */
.wt-news-timeline {
    padding-bottom: 16px;
}

.wt-news-timeline__intro {
    max-width: 720px;
    margin: -4px auto 32px;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    color: var(--wt-muted);
}

.wt-news-timeline__track {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding-left: 42px;
}

.wt-news-timeline__track::before {
    content: '';
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 15px;
    width: 1px;
    background: linear-gradient(180deg, transparent, var(--wt-gold) 8%, var(--wt-gold) 92%, transparent);
    opacity: 0.55;
}

.wt-news-timeline__item {
    position: relative;
    padding-bottom: 36px;
}

.wt-news-timeline__item:last-child {
    padding-bottom: 0;
}

.wt-news-timeline__node {
    position: absolute;
    left: -42px;
    top: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-news-timeline__node::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(212, 168, 67, 0.45);
    border-radius: 50%;
    background: rgba(13, 13, 13, 0.95);
}

.wt-news-timeline__dot {
    position: relative;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wt-gold);
    box-shadow: 0 0 10px rgba(212, 168, 67, 0.55);
}

.wt-news-timeline__label {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--wt-gold);
}

.wt-news-timeline__title {
    margin: 0 0 12px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(24px, 3.5vw, 34px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: var(--wt-text);
}

.wt-news-timeline__text {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.75;
    color: var(--wt-muted);
}

.wt-news-timeline__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.wt-news-timeline__tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid rgba(212, 168, 67, 0.35);
    border-radius: 4px;
    background: rgba(212, 168, 67, 0.06);
    color: var(--wt-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.wt-news-timeline__more {
    margin-left: auto;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--wt-gold) !important;
    text-decoration: none;
    transition: color .2s;
}

.wt-news-timeline__more:hover {
    color: var(--wt-gold-light) !important;
}

.wt-news-timeline__empty {
    text-align: center;
    font-size: 13px;
    color: var(--wt-muted);
}

/* Streams */
.wt-streams { display: flex; flex-direction: column; gap: 12px; }

.wt-stream {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: var(--wt-card2);
    border-radius: 10px;
    border: 1px solid #222;
    align-items: center;
}

.wt-stream__thumb {
    width: 100px;
    height: 60px;
    border-radius: 8px;
    background: #222;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    filter: sepia(.2) saturate(1.1);
}

.wt-stream__live {
    position: absolute;
    top: 6px; left: 6px;
    background: #e53e3e;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: .5px;
}

.wt-stream__name { font-size: 13px; font-weight: 700; color: var(--wt-text); }
.wt-stream__sub { font-size: 11px; color: var(--wt-muted); margin-top: 3px; }

/* Events golden */
.wt-theme .events__list { margin-top: 16px; }

.wt-theme .event {
    filter: sepia(.15) saturate(1.1);
    border-color: var(--wt-border) !important;
}

.wt-theme .event:hover { border-color: rgba(212,168,67,.4) !important; }

.wt-theme [data-section="footer"] {
    background: #0a0a0a !important;
    border-top: 1px solid var(--wt-border) !important;
}

.wt-theme .color-orange { color: var(--wt-gold) !important; }

.wt-theme .content__about,
.wt-theme .content__events,
.wt-theme .content__stats,
.wt-theme .content__media,
.wt-theme .content__news,
.wt-theme .content__contests {
    margin-top: 48px;
    padding-top: 8px;
}

.wt-theme .content__about + .content__media,
.wt-theme .content__media + .content__stats,
.wt-theme .content__stats + .content__contests {
    margin-top: 52px;
}

.wt-theme .content__about .title,
.wt-theme .content__events .title,
.wt-theme .content__stats .title,
.wt-theme .content__media .title,
.wt-theme .content__news .title {
    color: var(--wt-muted);
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.wt-theme .content__news .title {
    text-align: center;
}

/* ── Statistics (under promotions, site style) ── */
.wt-stats {
    padding-bottom: 24px;
}

.wt-stats__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 12px;
    color: var(--wt-muted);
}

.wt-stats__server-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wt-stats__server-dot--online {
    background: #4ade80;
    box-shadow: 0 0 6px rgba(74, 222, 128, 0.6);
}

.wt-stats__server-dot--offline {
    background: #666;
    box-shadow: none;
}

.wt-stats__server-name {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--wt-text);
}

.wt-stats__server-rate {
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--wt-gold);
}

.wt-stats__grid {
    gap: 28px;
}

.wt-stats__card {
    padding: 24px 26px;
}

.wt-stats__card .wt-card__head {
    margin-bottom: 10px;
}

.wt-stats__card .wt-card__title {
    font-size: 13px;
    letter-spacing: 1.8px;
}

.wt-stats__desc {
    margin: 0 0 18px;
    font-size: 12px;
    color: var(--wt-muted);
    letter-spacing: 0.3px;
}

.wt-stats__live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--wt-muted);
}

.wt-stats__live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 5px rgba(74, 222, 128, 0.65);
}

.wt-stats__empty {
    margin: 8px 0 0;
    text-align: center;
    font-size: 12px;
    color: var(--wt-muted);
}

.wt-stats-table {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wt-stats-row {
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 8px;
    font-size: 13px;
    transition: background .15s;
}

.wt-stats-row:not(.wt-stats-row--head):hover {
    background: var(--wt-card2);
}

.wt-stats-row--head {
    padding: 4px 10px 8px;
    border-bottom: 1px solid #222;
    margin-bottom: 2px;
}

.wt-stats-row--head .wt-stats-row__pos,
.wt-stats-row--head .wt-stats-row__name,
.wt-stats-row--head .wt-stats-row__val {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--wt-muted);
}

.wt-stats-row__pos {
    font-weight: 800;
    text-align: center;
    color: var(--wt-muted);
}

.wt-stats-row:nth-child(2) .wt-stats-row__pos { color: #ffd700; }
.wt-stats-row:nth-child(3) .wt-stats-row__pos { color: #c0c0c0; }
.wt-stats-row:nth-child(4) .wt-stats-row__pos { color: #cd7f32; }

.wt-stats-row__name {
    color: var(--wt-text);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wt-stats-row__val {
    color: var(--wt-gold);
    font-weight: 700;
    font-size: 12px;
    min-width: 48px;
    text-align: right;
}

.wt-stats__footer {
    margin-top: 24px;
    text-align: right;
}

/* ── Contests / giveaways ── */
.wt-contests {
    padding-bottom: 16px;
}

.wt-contests__title {
    margin: 0 0 36px;
    text-align: center;
    font-size: clamp(22px, 3.5vw, 34px);
    font-weight: 700;
    line-height: 1.3;
    color: var(--wt-text);
    letter-spacing: 0.3px;
}

.wt-contests__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
}

.wt-contests__grid--count-1 { grid-template-columns: 1fr; max-width: 360px; }
.wt-contests__grid--count-2 { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
.wt-contests__grid--count-3 { grid-template-columns: repeat(3, 1fr); }
.wt-contests__grid--count-4 { grid-template-columns: repeat(4, 1fr); }

.wt-contests__empty {
    grid-column: 1 / -1;
    text-align: center;
    font-size: 13px;
    color: var(--wt-muted);
    padding: 24px 0;
}

.wt-contest-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 18px 24px;
    border-radius: 14px;
    border: 1px solid var(--wt-border);
    background: linear-gradient(180deg, rgba(22, 22, 22, 0.95), rgba(12, 12, 12, 0.98));
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.wt-contest-card:hover {
    transform: translateY(-3px);
    border-color: rgba(212, 168, 67, 0.35);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.wt-contest-card__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin-bottom: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    font-size: 38px;
    color: #f5f0e8;
}

.wt-contest-card__icon::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    opacity: 0.9;
}

.wt-contest-card__icon--red::before { background: #ef4444; box-shadow: 0 0 14px rgba(239, 68, 68, 0.45); }
.wt-contest-card__icon--purple::before { background: #c084fc; box-shadow: 0 0 14px rgba(192, 132, 252, 0.45); }
.wt-contest-card__icon--green::before { background: #4ade80; box-shadow: 0 0 14px rgba(74, 222, 128, 0.45); }
.wt-contest-card__icon--cyan::before { background: #22d3ee; box-shadow: 0 0 14px rgba(34, 211, 238, 0.45); }

.wt-contest-card__icon--image {
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(212, 168, 67, 0.25);
}

.wt-contest-card__icon--image::before {
    display: none;
}

.wt-contest-card__name {
    margin: 0 0 18px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--wt-text);
    letter-spacing: 0.2px;
}

.wt-contest-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    padding: 11px 22px;
    border-radius: 8px;
    background: linear-gradient(135deg, #e07818 0%, #f0a830 55%, #ffd36a 100%);
    color: #1a1008 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgba(255, 220, 140, 0.45);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    transition: filter .2s, transform .2s;
}

.wt-contest-card__btn:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
    color: #120a04 !important;
}

/* ── Streams + social (replaces promotions block) ── */
/* Высота карточек стримов/соцсетей: 105px − 10% */
.wt-media__grid {
    --wt-media-slot-h: 95px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: stretch;
}

.wt-media__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wt-streams-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    flex: 1;
    grid-auto-rows: 1fr;
    align-content: stretch;
}

.wt-stream-slot {
    position: relative;
    display: block;
    min-height: var(--wt-media-slot-h);
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--wt-border);
    text-decoration: none;
    background: var(--wt-card);
}

.wt-stream-slot__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse at 30% 40%, rgba(212, 168, 67, 0.12) 0%, transparent 55%),
        linear-gradient(180deg, #141210 0%, #0d0d0d 100%);
    background-size: cover;
    background-position: center;
}

.wt-stream-slot__bg--cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: sepia(.08) saturate(1.1) brightness(.92);
}

.wt-stream-slot--live .wt-stream-slot__bg {
    background:
        radial-gradient(ellipse at 20% 30%, rgba(74, 222, 128, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(212, 168, 67, 0.1) 0%, transparent 55%),
        linear-gradient(180deg, #12100e 0%, #0a0908 100%);
}

.wt-stream-slot__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.52);
    pointer-events: none;
}

.wt-stream-slot__inner,
.wt-stream-slot__placeholder {
    position: relative;
    z-index: 3;
    height: 100%;
    min-height: var(--wt-media-slot-h);
}

.wt-stream-slot__placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    text-align: center;
    color: var(--wt-text);
    transition: color .2s;
}

.wt-stream-slot__placeholder i {
    font-size: 22px;
    color: var(--wt-gold);
}

.wt-stream-slot__placeholder span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    line-height: 1.4;
}

.wt-stream-slot--empty:hover {
    border-color: rgba(212, 168, 67, 0.45);
}

.wt-stream-slot--empty:hover .wt-stream-slot__placeholder {
    color: var(--wt-gold-light);
}

.wt-stream-slot__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(74, 222, 128, 0.15);
    border: 1px solid rgba(74, 222, 128, 0.35);
    color: #4ade80;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wt-stream-slot__embed {
    position: relative;
    z-index: 2;
    min-height: var(--wt-media-slot-h);
    padding: 22px 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wt-stream-slot__embed iframe,
.wt-stream-slot__embed img {
    max-width: 100%;
}

.wt-social-banners {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
    align-items: stretch;
}

.wt-social-banner {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-height: var(--wt-media-slot-h);
    padding: 11px 130px 11px 14px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(212, 168, 67, 0.28);
    text-decoration: none;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.wt-social-banner:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 168, 67, 0.55);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.wt-social-banner__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(22, 18, 12, 0.98) 0%, rgba(12, 10, 8, 0.98) 55%, rgba(32, 24, 10, 0.85) 100%);
}

.wt-social-banner--discord .wt-social-banner__bg {
    background: linear-gradient(135deg, #1e1438 0%, #140f24 48%, rgba(124, 58, 237, 0.3) 100%);
}

.wt-social-banner--telegram .wt-social-banner__bg {
    background: linear-gradient(135deg, #081a2e 0%, #051220 48%, rgba(41, 151, 255, 0.26) 100%);
}

.wt-social-banner--youtube .wt-social-banner__bg {
    background: linear-gradient(135deg, #2a1010 0%, #180808 48%, rgba(255, 45, 45, 0.22) 100%);
}

.wt-social-banner__icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    margin-right: 14px;
    border-radius: 10px;
    border: 1px solid rgba(212, 168, 67, 0.35);
    background: rgba(0, 0, 0, 0.35);
    font-size: 21px;
    color: var(--wt-gold-light);
    box-shadow: 0 0 20px rgba(212, 168, 67, 0.15);
}

.wt-social-banner--discord .wt-social-banner__icon {
    color: #a78bfa;
    border-color: rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 26px rgba(124, 58, 237, 0.32);
    background: rgba(46, 30, 80, 0.42);
}

.wt-social-banner--telegram .wt-social-banner__icon {
    color: #4fc3f7;
    border-color: rgba(41, 182, 246, 0.52);
    box-shadow: 0 0 26px rgba(3, 169, 244, 0.3);
    background: rgba(8, 40, 70, 0.42);
}

.wt-social-banner--youtube .wt-social-banner__icon {
    color: #ff6b6b;
    border-color: rgba(255, 70, 70, 0.45);
    box-shadow: 0 0 26px rgba(255, 40, 40, 0.24);
    background: rgba(60, 15, 15, 0.42);
}

.wt-social-banner__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.wt-social-banner__title {
    margin-bottom: 8px;
    font-size: clamp(14px, 1.8vw, 17px);
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--wt-text);
    line-height: 1.2;
}

.wt-social-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border: 1px solid rgba(212, 168, 67, 0.55);
    border-radius: 6px;
    background: rgba(212, 168, 67, 0.08);
    color: var(--wt-gold-light) !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transition: background .2s, border-color .2s;
}

.wt-social-banner:hover .wt-social-banner__btn {
    background: rgba(212, 168, 67, 0.18);
    border-color: var(--wt-gold);
}

.wt-social-banner__hero {
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 170px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0.75;
    pointer-events: none;
    mask-image: linear-gradient(to left, black 55%, transparent 100%);
    -webkit-mask-image: linear-gradient(to left, black 55%, transparent 100%);
    filter: sepia(.15) saturate(1.2) brightness(1.05);
}


/* Responsive */
@media (max-width: 1024px) {
    .wt-hero__elf { width: 35%; opacity: .5; }
}

@media (max-width: 768px) {
    .wt-dash__row--2 { grid-template-columns: 1fr; }
    .wt-hero__elf { display: none; }
    .wt-gw-slider {
        min-height: 300px;
        padding-bottom: 8px;
    }

    .wt-gw-slider__stage {
        height: 280px;
        max-width: 100%;
    }

    .wt-gw-slider__chips--left,
    .wt-gw-slider__chips--right {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        margin-bottom: 10px;
        align-items: stretch;
    }

    .wt-gw-slider__chips--left {
        order: 1;
    }

    .wt-gw-slider__stage {
        order: 2;
    }

    .wt-gw-slider__chips--right {
        order: 3;
        margin-bottom: 0;
    }

    .wt-gw-slider {
        display: flex;
        flex-direction: column;
    }

    .wt-gw-slider__chip {
        min-width: auto;
        max-width: none;
        height: auto;
        min-height: 44px;
        padding: 8px 12px;
        font-size: 11px;
        clip-path: none;
        border-radius: 999px;
    }

    .wt-gw-slider__chips--right .wt-gw-slider__chip {
        flex-direction: row;
        text-align: left;
        clip-path: none;
    }

    .wt-gw-slider__chip-icon {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    .wt-hero__logo { max-height: 63px; }
    .wt-hero__bubble--side { display: none; }
    .wt-hero__bubble--main { top: 8%; font-size: 12px; }
    .wt-hero__info { grid-template-columns: 1fr; max-width: 100%; }
    .wt-hero__bubble { font-size: 11px; padding: 8px 14px; }
    .wt-hero__inner { max-width: 100%; text-align: center; }
    .wt-hero__cta { align-items: center; }
    .wt-hero__date { align-items: center; }

    .wt-media__grid {
        grid-template-columns: 1fr;
    }

    .wt-social-banner {
        padding-right: 110px;
        min-height: var(--wt-media-slot-h, 95px);
    }

    .wt-social-banner__hero {
        width: 130px;
    }

    .wt-news-timeline__track {
        padding-left: 34px;
    }

    .wt-news-timeline__node {
        left: -34px;
        width: 28px;
        height: 28px;
    }

    .wt-news-timeline__more {
        margin-left: 0;
        width: 100%;
        margin-top: 4px;
    }

    .wt-contests__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .wt-contests__grid {
        grid-template-columns: 1fr;
    }
}