/* AMPOL ARENA / Broadcast Pro. Scoped to public Arena pages. */
.arena-os-v22.arena-broadcast-pro {
    --arena-ink: #07090d;
    --arena-card: #10141b;
    --arena-card-2: #171c24;
    --arena-line: rgba(189, 203, 218, .14);
    --arena-accent: #42f59e;
    --arena-accent-2: #2ccf86;
    --arena-neon: #42f59e;
    background: #07090d !important;
    color: #f5f7fa;
}

.arena-os-v22.arena-broadcast-pro::before,
.arena-os-v22.arena-broadcast-pro::after,
.arena-broadcast-pro .arena-hero::after,
.arena-broadcast-pro .arena-hero__picture::before,
.arena-broadcast-pro .arena-hero__copy::before,
.arena-broadcast-pro .arena-commandbar::before,
.arena-broadcast-pro .arena-card::before,
.arena-broadcast-pro .arena-card::after,
.arena-broadcast-pro .arena-panel::after,
.arena-broadcast-pro .arena-team-card::after {
    display: none !important;
}

.arena-broadcast-pro .arena-shell {
    width: min(1320px, calc(100% - clamp(32px, 6vw, 96px)));
}

.arena-broadcast-pro .arena-commandbar {
    position: relative;
    z-index: 35;
    min-height: 52px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    background: #0e1218;
    box-shadow: none;
    backdrop-filter: none;
}
.arena-broadcast-pro .arena-commandbar::after { box-shadow: none; background: #42f59e; }
.arena-broadcast-pro .arena-commandbar__inner { min-height: 52px; }
.arena-broadcast-pro .arena-commandbar__brand { gap: 11px; }
.arena-broadcast-pro .arena-commandbar__brand b { font-size: 12px; letter-spacing: .12em; }
.arena-broadcast-pro .arena-commandbar__brand small { color: #8b95a5; font-size: 9px; letter-spacing: 0; }
.arena-broadcast-pro .arena-signal-dot { background: #42f59e; box-shadow: none; animation: none; }
.arena-broadcast-pro .arena-commandbar__feed { font-size: 10px; font-weight: 650; border: 0; }
.arena-broadcast-pro .arena-commandbar__feed i { background: #43505c; box-shadow: none; }
.arena-broadcast-pro .arena-commandbar__inner > a { border-radius: 8px; font-size: 10px; }

.arena-os-v22.arena-broadcast-pro .arena-hero {
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--arena-line);
    background: #090c11;
}
.arena-broadcast-pro .arena-hero::before {
    background: linear-gradient(90deg, #090c11 0%, rgba(9,12,17,.97) 30%, rgba(9,12,17,.78) 64%, rgba(9,12,17,.7) 100%);
}
.arena-broadcast-pro .arena-hero__picture { z-index: 0; opacity: .33; }
.arena-broadcast-pro .arena-hero__picture::after {
    background: linear-gradient(0deg, #090c11, transparent 56%), linear-gradient(90deg, #090c11, transparent 70%) !important;
}
.arena-broadcast-pro .arena-hero__picture img {
    animation: none;
    transform: none;
    filter: saturate(.65) contrast(1.1);
}
.arena-os-v22.arena-broadcast-pro .arena-hero__layout {
    position: relative;
    z-index: 3;
    min-height: 610px;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: clamp(30px, 6vw, 90px);
    padding-block: 66px 76px;
}
.arena-os-v22.arena-broadcast-pro .arena-hero__copy {
    max-width: 760px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none;
    animation: none;
}
.arena-broadcast-pro .arena-hero__badges { margin-bottom: 24px; }
.arena-broadcast-pro .arena-kicker {
    color: #42f59e !important;
    text-shadow: none !important;
    font-size: 11px;
    letter-spacing: .03em;
}
.arena-broadcast-pro .arena-kicker::before { box-shadow: none; }
.arena-os-v22.arena-broadcast-pro .arena-title {
    max-width: 740px;
    margin-top: 18px;
    color: #f5f7fa !important;
    font-size: clamp(3.15rem, 5.7vw, 6rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.055em;
    text-shadow: none;
}
.arena-broadcast-pro .arena-hero__copy > .arena-copy {
    max-width: 620px;
    margin-top: 20px;
    color: #a5afbe !important;
    font-size: clamp(14px, 1.25vw, 17px);
    line-height: 2;
}
.arena-broadcast-pro .arena-chip {
    padding: 7px 11px;
    border: 1px solid #303945 !important;
    border-radius: 6px !important;
    color: #cbd4df !important;
    background: #171d25 !important;
    box-shadow: none !important;
    backdrop-filter: none;
    font-size: 10px;
}
.arena-broadcast-pro .arena-chip--accent { border-color: rgba(66,245,158,.45) !important; color: #42f59e !important; background: #13251d !important; }
.arena-broadcast-pro .arena-live-pill { color: #fff; background: #a92342; border-color: #ee4268; box-shadow: none; }
.arena-broadcast-pro .arena-live-pill i { box-shadow: none; }
.arena-broadcast-pro .arena-hero__actions { margin-top: 30px; }
.arena-os-v22.arena-broadcast-pro .arena-btn {
    min-height: 48px;
    padding-inline: 22px;
    border-radius: 9px !important;
    box-shadow: none !important;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.arena-broadcast-pro .arena-btn::after { display: none; }
.arena-os-v22.arena-broadcast-pro .arena-btn:hover { transform: translateY(-2px); box-shadow: none; }
.arena-os-v22.arena-broadcast-pro .arena-btn--primary { color: #06140e !important; background: #42f59e !important; }
.arena-os-v22.arena-broadcast-pro .arena-btn--primary:hover { background: #73ffc0 !important; }
.arena-os-v22.arena-broadcast-pro .arena-btn--ghost { color: #f5f7fa !important; background: #1b222c !important; border-color: #35404d !important; }
.arena-broadcast-pro :is(a,button,summary,input,select,textarea):focus-visible { outline: 2px solid #42f59e; outline-offset: 3px; }

.arena-bp-hero-facts { display: flex; flex-wrap: wrap; gap: 0; margin-top: 27px; border-block: 1px solid rgba(255,255,255,.12); }
.arena-bp-hero-facts > div { display: grid; gap: 4px; min-width: 140px; padding: 13px 18px 15px; border-inline-end: 1px solid rgba(255,255,255,.1); }
.arena-bp-hero-facts > div:first-child { padding-inline-start: 0; }
.arena-bp-hero-facts small { color: #8994a4; font-size: 10px; }
.arena-bp-hero-facts strong { color: #f5f7fa; font-size: 17px; font-weight: 900; font-variant-numeric: tabular-nums; }
.arena-bp-hero-facts strong span { font-size: 11px; }
.arena-broadcast-pro .arena-countdown { margin-top: 22px; }
.arena-os-v22.arena-broadcast-pro .arena-countdown > span { min-width: 66px; border-radius: 7px !important; background: #111820 !important; box-shadow: none; }
.arena-broadcast-pro .arena-countdown > span::after { display: none; }
.arena-broadcast-pro .arena-countdown b { color: #f5f7fa !important; }

.arena-bp-feature, .arena-bp-showcase { position: relative; min-width: 0; border: 1px solid #303945; border-radius: 16px; background: #11161d; box-shadow: 0 28px 70px rgba(0,0,0,.3); overflow: hidden; }
.arena-bp-feature__image { height: 285px; overflow: hidden; }
.arena-bp-feature__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
.arena-bp-feature__match, .arena-bp-feature__waiting { padding: 18px 22px 22px; }
.arena-bp-feature__top, .arena-bp-showcase__label { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #a6b0be; font-size: 10px; }
.arena-bp-feature__top > span, .arena-bp-showcase__label > span { color: #42f59e; font-weight: 900; }
.arena-bp-feature__top > span.is-live, .arena-bp-showcase__label > span.is-live { color: #ff5379; }
.arena-bp-feature__score, .arena-bp-showcase__score { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; margin-top: 17px; }
.arena-bp-feature__score > div, .arena-bp-showcase__score > div { display: grid; justify-items: center; align-content: start; gap: 9px; min-width: 0; text-align: center; }
.arena-bp-feature__score img, .arena-bp-feature__score > div > span, .arena-bp-showcase__score img, .arena-bp-showcase__score > div > span { display: grid; width: 49px; height: 49px; place-items: center; object-fit: cover; border: 1px solid #384554; border-radius: 10px; background: #202a35; color: #fff; font-size: 12px; font-weight: 900; }
.arena-bp-feature__score b, .arena-bp-showcase__score b { max-width: 100%; overflow: hidden; color: #f5f7fa; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.arena-bp-feature__score strong, .arena-bp-showcase__score strong { color: #f5f7fa; font-family: ui-sans-serif,system-ui,sans-serif; font-size: clamp(19px, 2.3vw, 31px); font-variant-numeric: tabular-nums; white-space: nowrap; }
.arena-bp-feature__waiting { display: grid; gap: 5px; }
.arena-bp-feature__waiting small { color: #42f59e; }
.arena-bp-feature__waiting strong { font-size: 19px; }
.arena-bp-feature__waiting span { color: #a5afbe; font-size: 11px; line-height: 1.8; }
.arena-bp-ticker { border-bottom: 1px solid #29313b; background: #0e1218; }
.arena-bp-ticker__inner { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 20px; min-height: 64px; }
.arena-bp-ticker__inner > b { color: #42f59e; font-size: 11px; white-space: nowrap; }
.arena-bp-ticker__items { display: flex; overflow-x: auto; scrollbar-width: none; }
.arena-bp-ticker__items::-webkit-scrollbar { display: none; }
.arena-bp-ticker__items a { display: flex; align-items: center; gap: 11px; min-width: max-content; padding-inline: 22px; border-inline-start: 1px solid #303945; color: #e8edf3; font-size: 11px; }
.arena-bp-ticker__items span { color: #a4aebb; font-size: 9px; }
.arena-bp-ticker__items em { margin-inline: 4px; color: #42f59e; font-size: 14px; font-style: normal; }

.arena-bp-showcase__poster { height: 330px; overflow: hidden; background: #080b10; }
.arena-bp-showcase__poster img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; }
.arena-bp-showcase__match { padding: 20px 22px 22px; }
.arena-bp-showcase__match > a { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid #303945; color: #42f59e; font-size: 11px; font-weight: 800; }

.arena-broadcast-pro .arena-v22-champion { border-block-color: rgba(215,180,91,.3); background: #14140f; }
.arena-broadcast-pro .arena-v22-champion::after { display: none; }
.arena-broadcast-pro .arena-v22-champion__trophy { width: 108px; height: 108px; border-radius: 14px; background: #211d14; box-shadow: none; }
.arena-broadcast-pro .arena-v22-champion__trophy i { display: none; }
.arena-broadcast-pro .arena-v22-champion__trophy span { color: #d7b45b; text-shadow: none; }
.arena-broadcast-pro .arena-v22-champion .arena-kicker { color: #d7b45b !important; }
.arena-broadcast-pro .arena-v22-champion h2 { font-size: clamp(25px, 3vw, 42px); }
.arena-broadcast-pro .arena-v22-champion__meta span { border-radius: 6px; background: #24251e; }

.arena-os-v22.arena-broadcast-pro .arena-section, .arena-os-v22.arena-broadcast-pro .arena-scroll-section { padding-block: clamp(45px, 5vw, 78px); }
.arena-broadcast-pro .arena-section-heading { align-items: end; }
.arena-os-v22.arena-broadcast-pro .arena-section-heading h2 { font-size: clamp(27px, 3.4vw, 44px); letter-spacing: -.03em; }
.arena-broadcast-pro .arena-section-heading .arena-copy { font-size: 13px; }
.arena-broadcast-pro .arena-tabs { padding: 4px; border: 1px solid #303945; border-radius: 9px; background: #141a22; }
.arena-broadcast-pro .arena-tab { border-radius: 6px; font-size: 11px; }
.arena-broadcast-pro .arena-tab.is-active { color: #06140e; background: #42f59e; box-shadow: none; }
.arena-broadcast-pro .arena-game-filter { gap: 7px; }
.arena-os-v22.arena-broadcast-pro .arena-grid { gap: 16px; }
.arena-os-v22.arena-broadcast-pro .arena-card { border-radius: 13px; border-color: #303945; background: #11161d; box-shadow: none; transform: none; }
.arena-os-v22.arena-broadcast-pro .arena-card:hover { border-color: #42f59e; box-shadow: 0 20px 42px rgba(0,0,0,.24); transform: translateY(-3px); }
.arena-os-v22.arena-broadcast-pro .arena-card__media { height: 260px; aspect-ratio: auto; }
.arena-broadcast-pro .arena-card__media img { object-position: center 26%; }
.arena-broadcast-pro .arena-card__media::after { background: linear-gradient(0deg,#11161d,transparent 35%); }
.arena-os-v22.arena-broadcast-pro .arena-card__body { padding: 18px 20px 20px; }
.arena-broadcast-pro .arena-card__body h3 { margin-top: 10px; font-size: 20px; }
.arena-broadcast-pro .arena-card__body p { min-height: 45px; margin-top: 7px; color: #a4afbd; font-size: 11px; }
.arena-broadcast-pro .arena-card__meta { color: #a4afbd; font-size: 10px; }
.arena-broadcast-pro .arena-card__footer { margin-top: 14px; }
.arena-broadcast-pro .arena-card__footer b { color: #e9edf3; }
.arena-os-v22.arena-broadcast-pro .arena-card__progress { height: 3px; border-radius: 0; }
.arena-broadcast-pro .arena-card__progress i { border-radius: 0; background: #42f59e; box-shadow: none; }
.arena-broadcast-pro .arena-card__cta { border-top: 1px solid #303945; color: #42f59e; }
.arena-broadcast-pro .arena-card__media picture,
.arena-broadcast-pro .arena-bp-showcase__poster picture { display: block; width: 100%; height: 100%; }
.arena-card__poster-mark { display: none; }

.arena-os-v22.arena-broadcast-pro .arena-quicknav { top: 0; border-block-color: #303945; background: #0c1016; backdrop-filter: none; }
.arena-broadcast-pro .arena-quicknav nav { padding: 2px; border: 0; border-radius: 0 !important; background: none; box-shadow: none; }
.arena-broadcast-pro .arena-quicknav a { padding: 12px 15px; border-radius: 0; color: #aab3c0; font-size: 11px; }
.arena-broadcast-pro .arena-quicknav a:is(:hover,.is-current) { color: #42f59e; background: none; box-shadow: none; }
.arena-broadcast-pro .arena-quicknav a::after { height: 2px; background: #42f59e; box-shadow: none; }
.arena-broadcast-pro .arena-stat-grid { gap: 1px; padding: 1px; border: 1px solid #303945; border-radius: 10px; background: #303945; overflow: hidden; }
.arena-os-v22.arena-broadcast-pro .arena-stat { border: 0; border-radius: 0; background: #121820; box-shadow: none; backdrop-filter: none; }
.arena-broadcast-pro .arena-stat::after { display: none; }
.arena-broadcast-pro .arena-stat small { color: #939eac; }
.arena-broadcast-pro .arena-stat b em { color: #42f59e; }
.arena-os-v22.arena-broadcast-pro .arena-panel, .arena-broadcast-pro .arena-team-card, .arena-broadcast-pro .arena-killer-card { border: 1px solid #303945 !important; border-radius: 12px !important; background: #121820 !important; box-shadow: none !important; backdrop-filter: none; }
.arena-broadcast-pro .arena-panel__head { background: #171e27; }
.arena-broadcast-pro .arena-team-card summary { color: #f5f7fa; }
.arena-broadcast-pro .arena-team-logo, .arena-broadcast-pro .arena-player-avatar { border-radius: 9px; }
.arena-broadcast-pro .arena-killer-card.is-podium { border-color: rgba(215,180,91,.5) !important; }
.arena-broadcast-pro .arena-killer-card.is-podium > b, .arena-broadcast-pro .arena-killer-card.is-podium .arena-killer-rank { color: #d7b45b !important; }
.arena-broadcast-pro .arena-killer-card footer { background: #0d1218 !important; box-shadow: none !important; }

.arena-os-v22.arena-broadcast-pro .arena-match--duel { grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); border: 1px solid #303945 !important; border-radius: 12px !important; background: #121820 !important; box-shadow: none !important; }
.arena-broadcast-pro .arena-match--duel::after { display: none; }
.arena-broadcast-pro .arena-match--duel.is-live { border-color: #e34b6b !important; }
.arena-broadcast-pro .arena-match-vs > div { width: auto; aspect-ratio: auto; border: 0; border-radius: 0; background: none; box-shadow: none; color: #8994a4; font-size: 18px; font-style: normal; }
.arena-broadcast-pro .arena-match-vs > div span { animation: none !important; }
.arena-broadcast-pro .arena-match-vs > b { color: #f5f7fa; font-size: 34px; font-variant-numeric: tabular-nums; }
.arena-broadcast-pro .arena-match-vs > small { border-radius: 5px; color: #aab4c0; background: #202a34; }
.arena-broadcast-pro .arena-match--duel.is-live .arena-match-vs > small { color: #ff6889; background: #321923; }
.arena-broadcast-pro .arena-duel-team .arena-match__logo { width: 64px; border-radius: 10px; background: #1d2731; box-shadow: none; }
.arena-broadcast-pro .arena-match-killers { border-top-color: #303945; }
.arena-broadcast-pro .arena-match-killers > div { border-radius: 7px; background: #0d131a; }
.arena-broadcast-pro .arena-bracket__game { border-radius: 8px; background: #1a222b; box-shadow: none; }
.arena-broadcast-pro .arena-bracket__side.is-winner { color: #42f59e; }
.arena-broadcast-pro .arena-standing th { color: #9fa9b6; background: #171e27; }
.arena-broadcast-pro .arena-standing td { color: #e5ebf2; }
.arena-broadcast-pro .arena-rank.is-top { color: #1c1609; background: #d7b45b; }
.arena-os-v22.arena-broadcast-pro .arena-live-stage { min-height: 300px; border: 1px solid #394450; border-radius: 13px; background: #121820; box-shadow: none; }
.arena-broadcast-pro .arena-live-stage__signal i { background: #ff5379; box-shadow: none; }
.arena-broadcast-pro .arena-v22-theater-toggle { border-radius: 7px; background: #242e39; backdrop-filter: none; }
.arena-broadcast-pro .arena-form-grid :is(input,select,textarea) { border-radius: 8px; }
.arena-mobile-masthead { display: none; }

@media (max-width: 960px) {
    .arena-os-v22.arena-broadcast-pro .arena-hero__layout { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 30px; padding-block: 50px; }
    .arena-broadcast-pro .arena-hero__copy { order: 0 !important; }
    .arena-broadcast-pro .arena-bp-feature, .arena-broadcast-pro .arena-bp-showcase { order: 1 !important; }
    .arena-bp-feature, .arena-bp-showcase { max-width: 680px; width: 100%; }
    .arena-bp-feature__image, .arena-bp-showcase__poster { height: 240px; }
    .arena-broadcast-pro .arena-commandbar__feed { display: none; }
    .arena-broadcast-pro .arena-commandbar__inner { grid-template-columns: 1fr auto; }
}
@media (max-width: 640px) {
    .arena-broadcast-pro .arena-shell { width: calc(100% - 32px); }
    .arena-os-v22.arena-broadcast-pro .arena-hero__layout { min-height: 0; padding-block: 34px 42px; }
    .arena-os-v22.arena-broadcast-pro .arena-title { font-size: clamp(2.4rem, 10vw, 3.5rem) !important; line-height: 1.17 !important; }
    .arena-broadcast-pro .arena-hero__copy > .arena-copy { font-size: 13px; }
    .arena-bp-hero-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
    .arena-bp-hero-facts > div { min-width: 0; padding: 11px 8px; }
    .arena-bp-hero-facts strong { font-size: 13px; }
    .arena-bp-hero-facts strong span { font-size: 9px; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions .arena-btn { min-width: 0; min-height: 46px; font-size: 11px; }
    .arena-bp-feature__image, .arena-bp-showcase__poster { height: 205px; }
    .arena-bp-feature__score img, .arena-bp-feature__score > div > span, .arena-bp-showcase__score img, .arena-bp-showcase__score > div > span { width: 40px; height: 40px; }
    .arena-bp-feature__score b, .arena-bp-showcase__score b { font-size: 10px; }
    .arena-bp-ticker__inner { display: block; padding-block: 12px; }
    .arena-bp-ticker__items { margin-top: 8px; }
    .arena-bp-ticker__items a:first-child { padding-inline-start: 0; border: 0; }
    .arena-broadcast-pro .arena-v22-champion__grid { grid-template-columns: 1fr; gap: 16px; text-align: start; }
    .arena-broadcast-pro .arena-v22-champion__trophy { margin: 0; }
    .arena-broadcast-pro .arena-v22-champion__meta { justify-content: flex-start; }
    .arena-broadcast-pro .arena-section-heading { align-items: start; }
    .arena-broadcast-pro .arena-tabs { max-width: 100%; overflow-x: auto; }
    .arena-os-v22.arena-broadcast-pro .arena-section, .arena-os-v22.arena-broadcast-pro .arena-scroll-section { padding-block: 44px; }
    .arena-os-v22.arena-broadcast-pro .arena-card__media { height: 225px; }
    .arena-broadcast-pro .arena-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .arena-os-v22.arena-broadcast-pro .arena-quicknav { top: 0; }
    .arena-os-v22.arena-broadcast-pro .arena-match--duel { grid-template-columns: minmax(0,1fr) 76px minmax(0,1fr) !important; padding: 16px 8px; }
    .arena-broadcast-pro .arena-duel-team .arena-match__logo { width: 46px; }
    .arena-broadcast-pro .arena-match-vs > b { font-size: 20px; }
    .arena-broadcast-pro .arena-live-stage { border-radius: 12px; }
    .arena-broadcast-pro .arena-live-launch__noise { display: none; }
    .arena-os-v22.arena-broadcast-pro .arena-live-launch__card { max-width: 100%; overflow-x: hidden; }
}

/* A mobile-first poster treatment: the desktop broadcast grid stays untouched. */
@media (max-width: 700px) {
    .arena-os-v22.arena-broadcast-pro .arena-commandbar,
    .arena-broadcast-pro .arena-commandbar__inner { min-height: 42px; }
    .arena-broadcast-pro .arena-commandbar__brand small { display: none; }
    .arena-broadcast-pro .arena-commandbar__brand b { font-size: 10px; letter-spacing: .19em; }
    .arena-broadcast-pro .arena-commandbar__inner > a { padding: 7px 10px; font-size: 10px; }

    .arena-os-v22.arena-broadcast-pro .arena-hero { position: relative; isolation: isolate; border-bottom: 0; background: #050b0b; }
    .arena-os-v22.arena-broadcast-pro .arena-hero--featured::before {
        content: ""; position: absolute; inset: 0; z-index: 0; display: block;
        background: linear-gradient(180deg, rgba(3,8,9,.12) 0%, rgba(3,8,9,.1) 43%, #050b0b 98%), url('../images/arena/arena-mobile-stage-v1.webp') center 48% / cover no-repeat;
        transform-origin: center 66%; animation: arenaPosterBreath 13s ease-in-out infinite alternate;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero--featured .arena-hero__picture { display: none; }
    .arena-os-v22.arena-broadcast-pro .arena-hero--experience .arena-hero__picture { display: none; }
    .arena-os-v22.arena-broadcast-pro .arena-hero--experience::before {
        content: ""; position: absolute; inset: 0; z-index: 1; display: block;
        background: linear-gradient(180deg, rgba(3,8,9,.3) 0%, rgba(3,8,9,.15) 42%, #050b0b 98%), url('../images/arena/arena-mobile-stage-v1.webp') center 48% / cover no-repeat;
        transform-origin: center 66%; animation: arenaPosterBreath 13s ease-in-out infinite alternate;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero::after {
        content: ""; position: absolute; z-index: 2; top: -20%; bottom: -20%; width: 34%; left: -60%; display: block !important;
        background: linear-gradient(90deg, transparent, rgba(78,255,163,.09), transparent);
        transform: skewX(-19deg); pointer-events: none; animation: arenaPosterSweep 9s ease-in-out infinite;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero__layout {
        display: block !important; min-height: 0; padding: 0 0 26px !important;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy {
        display: flex; flex-direction: column; width: 100%; min-height: 580px; max-width: none;
        padding: 22px 0 0 !important; text-align: right;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero--experience .arena-hero__copy { min-height: 575px; }
    .arena-os-v22.arena-broadcast-pro .arena-mobile-masthead {
        display: flex; flex-direction: column; align-self: flex-start; position: relative;
        direction: ltr; text-align: left; line-height: .83; color: #f8fbf9;
        text-shadow: 0 8px 34px rgba(0,0,0,.7); animation: arenaPosterTitle .7s both;
    }
    .arena-mobile-masthead span { margin-left: 4px; color: #53ffa8; font: 800 11px/1.2 Arial,sans-serif; letter-spacing: .54em; }
    .arena-mobile-masthead strong { font: italic 1000 clamp(58px,17vw,82px)/.88 Impact,'Arial Black',sans-serif; letter-spacing: -.035em; }
    .arena-mobile-masthead i { margin: 8px 3px 0; font-family: inherit; font-size: 10px; font-weight: 650; line-height: 1.4; font-style: normal; color: #c6e4d4; letter-spacing: 0; direction: rtl; }
    .arena-mobile-masthead::after { content: ""; width: 46px; height: 4px; margin: 13px 3px 0; background: #45f5a0; box-shadow: 0 0 22px rgba(69,245,160,.55); }
    .arena-os-v22.arena-broadcast-pro .arena-hero__badges,
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy > .flex:first-of-type { margin: 30px 0 0; gap: 6px; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__badges .arena-chip,
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy > .flex:first-of-type .arena-chip { padding: 6px 9px; border-color: rgba(255,255,255,.25); background: rgba(5,12,13,.72); backdrop-filter: blur(8px); }
    .arena-os-v22.arena-broadcast-pro .arena-live-pill { box-shadow: 0 0 0 1px rgba(246,69,100,.42), 0 8px 28px rgba(246,69,100,.22); }
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy > .arena-kicker { margin-top: 30px !important; color: #5affae !important; font-size: 10px; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy > .arena-title {
        max-width: 100%; margin-top: 10px !important; color: #fff !important;
        font-size: clamp(2.35rem, 10.3vw, 3.25rem) !important; line-height: 1.16 !important;
        letter-spacing: -.055em; text-wrap: balance; text-shadow: 0 6px 28px rgba(0,0,0,.75) !important;
    }
    .arena-os-v22.arena-broadcast-pro .arena-hero__copy > .arena-copy {
        max-width: 33ch; margin-top: 11px !important; color: #e2ebe7 !important;
        font-size: 12px; line-height: 1.9; text-shadow: 0 3px 13px rgba(0,0,0,.88);
    }
    .arena-os-v22.arena-broadcast-pro .arena-bp-hero-facts { margin-top: auto; border: 1px solid rgba(146,251,194,.22); background: rgba(5,15,17,.75); backdrop-filter: blur(12px); }
    .arena-os-v22.arena-broadcast-pro .arena-bp-hero-facts > div { background: transparent; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px; width: 100%; margin-top: 12px; }
    .arena-os-v22.arena-broadcast-pro .arena-hero--experience .arena-hero__actions { margin-top: auto; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions .arena-btn { min-width: 0; min-height: 50px; padding-inline: 8px; border-radius: 8px; font-size: 11px; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions .arena-btn--primary { background: #45f5a0 !important; color: #06110c !important; box-shadow: 0 12px 34px rgba(31,237,133,.24) !important; }
    .arena-os-v22.arena-broadcast-pro .arena-hero__actions .arena-btn--ghost { background: rgba(5,13,16,.76) !important; border-color: rgba(236,255,244,.38) !important; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-feature,
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase { position: relative; z-index: 4; margin-top: 15px; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-feature__image { display: none; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase__poster { display: block; height: 180px; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase__poster img { object-position: center 34%; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-feature__match,
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase__match { border-color: rgba(164,236,198,.32); background: #101a1d; box-shadow: 0 16px 42px rgba(0,0,0,.34); }
    .arena-os-v22.arena-broadcast-pro .arena-bp-feature__score,
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase__score { padding: 12px 6px; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-feature__score strong,
    .arena-os-v22.arena-broadcast-pro .arena-bp-showcase__score strong { color: #fff; font-size: 21px; }
    .arena-os-v22.arena-broadcast-pro .arena-bp-ticker { border-block-color: rgba(77,244,160,.28); background: #0e191b; }
    .arena-os-v22.arena-broadcast-pro .arena-card { border-color: rgba(144,232,185,.22) !important; background: #0d1517 !important; }
    .arena-os-v22.arena-broadcast-pro .arena-card__media { height: 295px; }
    .arena-os-v22.arena-broadcast-pro .arena-card__media img { transform: scale(1.02); transition: transform .6s ease; }
    .arena-os-v22.arena-broadcast-pro .arena-card__media--fallback img { object-position: center 73%; }
    .arena-os-v22.arena-broadcast-pro .arena-card__poster-mark { position: absolute; z-index: 2; bottom: 21px; left: 17px; display: grid; direction: ltr; color: #72ffb5; font: 800 10px/1.05 Arial,sans-serif; letter-spacing: .28em; text-shadow: 0 3px 16px #000; }
    .arena-os-v22.arena-broadcast-pro .arena-card__poster-mark b { color: #fff; font: italic 1000 38px/.95 Impact,'Arial Black',sans-serif; letter-spacing: -.02em; }
    .arena-os-v22.arena-broadcast-pro .arena-card:active .arena-card__media img { transform: scale(1.06); }
    .arena-os-v22.arena-broadcast-pro .arena-card__body { position: relative; margin-top: -24px; border-top: 1px solid rgba(92,237,158,.25); background: linear-gradient(180deg, #112020, #0d1517 22%); }
    .arena-os-v22.arena-broadcast-pro .arena-card__cta { color: #5affae; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery { min-height: 760px; background: #050b0b; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__slide { background: url('../images/arena/arena-mobile-stage-v1.webp') center 52% / cover no-repeat; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__slide > img { display: none; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__shade { background: linear-gradient(180deg, rgba(3,8,9,.13), rgba(3,8,9,.28) 50%, #050b0b 100%); }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content { min-height: 760px; justify-content: flex-start; padding-block: 24px 182px; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content > .arena-chip { align-self: flex-end; margin-top: 26px; background: rgba(5,14,15,.78); }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content .arena-kicker { margin-top: 44px; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content h1 { margin-top: 10px; color: #fff; font-size: clamp(2.2rem, 10vw, 3rem); line-height: 1.16; text-shadow: 0 5px 24px #000; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content > p { margin-top: 12px; color: #e2ebe7; font-size: 12px; text-shadow: 0 3px 14px #000; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__content .arena-btn { align-self: stretch; margin-top: auto; min-height: 50px; border-radius: 8px; }
    .arena-os-v22.arena-broadcast-pro .arena-discovery__controls { bottom: 96px; border-color: rgba(99,246,166,.25); background: rgba(5,16,16,.9); }
}
@keyframes arenaPosterBreath { to { transform: scale(1.045); } }
@keyframes arenaPosterSweep { 0%,57% { left: -60%; opacity: 0; } 68% { opacity: 1; } 100% { left: 130%; opacity: 0; } }
@keyframes arenaPosterTitle { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    .arena-broadcast-pro *, .arena-broadcast-pro *::before, .arena-broadcast-pro *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; }
}