/* -- SECTION THEME COLORS -- */
.ticker {
    background: linear-gradient(135deg, #b8860b, #d4a420, #f0c040) !important;
    border-block: none !important;
}

.ticker-track span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.ticker-track span::before {
    background: #ffffff !important;
}

.countdown-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
}

#games.section.white {
    background: linear-gradient(180deg, #fffaf0 0%, #ffffff 58%, #f8fafc 100%) !important;
    margin-top: 40px !important;
}

/* Leadership section theme � handled by HIERARCHY STAIRCASE block above */

.memories.section.white {
    background: linear-gradient(180deg, #0c0e13 0%, #141820 100%) !important;
}

.memories.section.white .section-heading h2,
.memories.section.white .section-heading p {
    color: var(--ink, #e8e0d4) !important;
}

.highlights-showcase {
    background: linear-gradient(135deg, #0c0e13 0%, #1a0c10 50%, #0c0e13 100%) !important;
}

.highlights-showcase .section-heading h2,
.highlights-showcase .section-heading p {
    color: #fff !important;
}

.features.highlights-showcase .feature-spec-card {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

.features.highlights-showcase .feature-spec-card h3,
.features.highlights-showcase .feature-spec-card p {
    color: #ffffff !important;
}

.phases.section.soft {
    background: linear-gradient(180deg, #10141c 0%, #0c0e13 100%) !important;
}

.phases .phase-item {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(245, 158, 11, .18) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .25) !important;
}

.phases .phase-item h4 {
    color: var(--ink, #e8e0d4) !important;
}

.phases .phase-item p {
    color: var(--ink-2, #b8ac9e) !important;
}

.phases .phase-num {
    color: var(--brand, #d4a420) !important;
}


/* -- ABOUT US PAGE -- */
.about-hero {
    background:
        linear-gradient(135deg, rgba(17, 24, 39, .96), rgba(69, 10, 10, .9)),
        radial-gradient(circle at 82% 18%, rgba(250, 204, 21, .20), transparent 34%) !important;
}

.about-hero h1,
.about-hero .lead {
    max-width: 820px !important;
}

.about-story-grid,
.about-rules-grid,
.about-contact-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .86fr) !important;
    gap: clamp(18px, 3vw, 34px) !important;
}

.about-copy-panel,
.about-feature-list,
.about-rules .feature-list,
.about-contact .feature-list,
.about-contact .form-panel {
    border-radius: 16px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    box-shadow: 0 20px 46px rgba(15, 23, 42, .08) !important;
}

.about-feature-list,
.about-rules .feature-list,
.about-contact .feature-list {
    display: grid !important;
    gap: 10px !important;
    padding: clamp(16px, 2.5vw, 24px) !important;
    background: #ffffff !important;
}

.about-feature-list p,
.about-rules .feature-list p,
.about-contact .feature-list p {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    color: #334155 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
}

.about-feature-list p:last-child,
.about-rules .feature-list p:last-child,
.about-contact .feature-list p:last-child {
    border-bottom: 0 !important;
}

.about-contact .form-panel input,
.about-contact .form-panel textarea {
    font-size: 16px !important;
}

@media (max-width: 860px) {

    .about-story-grid,
    .about-rules-grid,
    .about-contact-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {

    .about-copy-panel,
    .about-feature-list,
    .about-rules .feature-list,
    .about-contact .feature-list,
    .about-contact .form-panel {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .about-feature-list p,
    .about-rules .feature-list p,
    .about-contact .feature-list p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
}


/* -- PRIZE POOL BANNER -- */
.prize-banner.reward-showcase {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    padding-block: clamp(28px, 4vw, 52px) !important;
    background: linear-gradient(180deg, #101827 0%, #0a0f1a 100%) !important;
}

.prize-banner.reward-showcase.split-banner {
    min-height: 0 !important;
    padding-block: clamp(32px, 5vw, 56px) !important;
    border-top: none !important;
    background: linear-gradient(180deg, #101827 0%, #0a0f1a 100%) !important;
}

.prize-split-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important;
    gap: clamp(24px, 3vw, 44px) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    padding: clamp(26px, 3.5vw, 40px) clamp(26px, 3.5vw, 40px) clamp(26px, 3.5vw, 40px) clamp(14px, 1.6vw, 22px) !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, .72) !important;
    border: 1px solid rgba(250, 204, 21, .18) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35) !important;
    text-align: left !important;
    animation: prizeSlideLeft .9s cubic-bezier(.22, 1, .36, 1) both !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-bg.prize-rotator,
.prize-banner.reward-showcase.split-banner .prize-rotator,
.prize-split-layout .prize-banner-bg.prize-rotator {
    position: relative !important;
    inset: auto !important;
    width: min(100%, 300px) !important;
    justify-self: center !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45) !important;
    border: 1px solid rgba(250, 204, 21, .14) !important;
    background: #070b12 !important;
    z-index: 1 !important;
    animation: prizeFloat 6s ease-in-out infinite !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-bg.prize-rotator img,
.prize-split-layout .prize-banner-bg.prize-rotator img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    border-radius: 20px !important;
    animation: prizeImagePop .9s cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes prizeSlideLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes prizeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes prizeImagePop {
    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.prize-banner.reward-showcase.split-banner .prize-rotator-slide,
.prize-split-layout .prize-rotator-slide {
    position: absolute !important;
    inset: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.prize-banner.reward-showcase.split-banner .prize-rotator.single-slide .prize-rotator-slide,
.prize-split-layout .prize-rotator.single-slide .prize-rotator-slide {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* full-bleed variant (no admin banner uploaded) */
.prize-banner:not(.split-banner) .prize-banner-bg.prize-rotator {
    position: absolute !important;
    inset: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.prize-banner-content {
    min-width: 0;
}

.prize-banner-content .eyebrow {
    font-size: 13px !important;
    letter-spacing: .16em !important;
    margin-bottom: 12px !important;
}

.prize-banner-content h2 {
    font-size: clamp(28px, 3.8vw, 46px) !important;
    line-height: 1.12 !important;
    margin: 0 0 14px !important;
    overflow-wrap: anywhere;
}

.prize-banner-content .prize-amount {
    display: block !important;
    font-size: clamp(30px, 5vw, 58px) !important;
    line-height: 1.05 !important;
    margin: 0 0 16px !important;
    overflow-wrap: anywhere;
    background: linear-gradient(90deg, #facc15, #fb923c, #facc15) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    animation: prizeGlow 4s linear infinite !important;
}

@keyframes prizeGlow {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}

.prize-banner-content .lead {
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.7 !important;
    max-width: 60ch !important;
    margin: 0 !important;
}

.prize-highlights {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 26px !important;
}

.prize-item {
    display: grid !important;
    justify-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 20px 16px !important;
    text-align: center !important;
    min-width: 0 !important;
}

@media (max-width: 900px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 0 10px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        min-height: 0 !important;
        order: -1 !important;
        width: min(100%, 360px) !important;
        justify-self: center !important;
        height: auto !important;
        border-radius: 14px !important;
        overflow: visible !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: block !important;
    }

    .prize-banner.reward-showcase {
        min-height: 0 !important;
        padding-block: 14px !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        text-align: center !important;
        padding: 14px !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(20px, 5vw, 30px) !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(22px, 6vw, 34px) !important;
    }

    .prize-banner-content .lead {
        font-size: 13px !important;
    }
}

@media (max-width: 620px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-inline: 4px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        min-height: 0 !important;
        border-radius: 14px !important;
        overflow: visible !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: block !important;
    }

    .prize-banner.reward-showcase {
        padding-block: 16px !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        padding: 12px !important;
    }

    .prize-banner-content .eyebrow {
        font-size: 9px !important;
        margin-bottom: 6px !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(18px, 6vw, 26px) !important;
        margin-bottom: 6px !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(20px, 7vw, 30px) !important;
        margin-bottom: 8px !important;
        color: #facc15 !important;
    }

    .prize-banner-content .lead {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

    .prize-highlights {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .prize-item {
        padding: 14px 12px !important;
        text-align: left !important;
        justify-items: start !important;
    }

    .prize-item strong {
        font-size: 14px !important;
    }

    .prize-item span {
        font-size: 12px !important;
    }
}

@media (max-width: 420px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding-inline: 4px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        aspect-ratio: 16/9 !important;
        max-height: none !important;
        min-height: 0 !important;
        border-radius: 12px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: cover !important;
        position: absolute !important;
        inset: 0 !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        padding: 10px !important;
        background: transparent !important;
        border: none !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(16px, 5.5vw, 22px) !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(18px, 6.5vw, 26px) !important;
    }
}