.discovery-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
    border: 1px solid rgba(175, 255, 0, 0.16);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(175, 255, 0, 0.08), rgba(0, 102, 255, 0.08));
}

.discovery-callout__eyebrow,
.discovery-group__eyebrow {
    color: var(--electric-blue-light) !important;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    font-weight: var(--font-list-title-weight);
    letter-spacing: 0.08em;
}

.discovery-callout h2,
.discovery-group h2 {
    margin: 0.35rem 0;
    font-family: var(--font-display);
    font-size: var(--font-h2-discovery-size);
    font-weight: var(--font-section-heading-weight);
    letter-spacing: -0.025em;
    line-height: 1.05;
}

.discovery-callout p:last-child,
.discovery-group__header > p:last-child {
    color: var(--gray-300);
    font-size: var(--font-card-copy-size);
    font-weight: var(--font-card-copy-weight);
    line-height: 1.5;
}

.discovery-group + .discovery-group {
    margin-top: 3.5rem;
}

.discovery-group__header {
    margin-bottom: 1.25rem;
}

.discovery-group--other {
    padding-top: 2.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.discovery-group--empty {
    margin-bottom: 2.5rem;
    padding: 1.25rem;
    border: 1px dashed rgba(255, 255, 255, 0.18);
    border-radius: 18px;
}

.tournament-card__distance {
    align-self: flex-start;
    margin-bottom: 0.55rem;
    border-radius: 999px;
    padding: 0.28rem 0.58rem;
    background: rgba(175, 255, 0, 0.12);
    color: var(--electric-blue-light);
    font-family: var(--font-mono);
    font-size: 0.72rem;
}

@media (max-width: 700px) {
    .discovery-callout {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .discovery-callout .btn {
        width: 100%;
    }
}

.tournament-card__hero-bg,
.tournament-card__hero-glow,
.tournament-card__hero-shade {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tournament-card__hero-bg {
    z-index: 0;
    background:
        var(--card-hero-background-desktop)
        var(--card-hero-background-position, center) /
        var(--card-hero-background-size, cover) no-repeat;
    transform: scale(1.02);
    transition: transform 0.45s ease;
}

.tournament-card__hero-glow {
    z-index: 1;
    background:
        radial-gradient(
            circle at 76% 20%,
            rgba(var(--card-hero-secondary-rgb, 0, 212, 255), 0.32),
            transparent 38%
        ),
        linear-gradient(
            125deg,
            rgba(var(--card-hero-primary-rgb, 0, 102, 255), 0.28),
            transparent 56%
        );
    mix-blend-mode: screen;
}

.tournament-card__hero-player-source {
    display: contents;
}

.tournament-card__hero-player {
    position: absolute;
    z-index: 2;
    bottom: -28%;
    width: 68%;
    height: auto;
    object-fit: contain;
    display: block;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.46));
    transition: transform 0.45s ease;
}

.tournament-card__hero-player--left {
    left: 2%;
}

.tournament-card__hero-player--right {
    right: 0;
}

.tournament-card__hero--pair .tournament-card__hero-player {
    width: auto;
    height: 125%;
}

.tournament-card__hero--pair .tournament-card__hero-player--left {
    left: -2%;
    bottom: -25%;
}

.tournament-card__hero--pair .tournament-card__hero-player--right {
    right: -2%;
    bottom: -25%;
}

.tournament-card__hero-player--single {
    left: 50%;
    bottom: -28%;
    width: auto;
    height: 128%;
    transform: translateX(-50%);
}

.tournament-card__hero-player--single.tournament-card__hero-player--female {
    bottom: -28%;
    width: auto;
}

.tournament-card__hero-shade {
    z-index: 3;
    background:
        linear-gradient(180deg, transparent 48%, rgba(10, 14, 26, 0.82) 100%),
        linear-gradient(90deg, rgba(10, 14, 26, 0.18), transparent 44%);
}

.tournament-card__hero:hover .tournament-card__hero-bg {
    transform: scale(1.07);
}

.tournament-card__hero:hover .tournament-card__hero-player--left {
    transform: translateX(-2%);
}

.tournament-card__hero:hover .tournament-card__hero-player--right {
    transform: translateX(2%);
}

.tournament-card__hero:hover .tournament-card__hero-player--single {
    transform: translateX(-50%) scale(1.025);
}

@media (max-width: 768px) {
    .tournament-card__hero-bg {
        background-image: var(--card-hero-background-mobile);
    }
}
