/* =========================================================
   Kaerion LIVE V2 — Paczka #110
   Warstwa prezentacji. Nie zmienia selektorów ani logiki LIVE.
   ========================================================= */

body.live-v2 {
    --live-v2-gold: #d7b45d;
    --live-v2-gold-bright: #f0d991;
    --live-v2-gold-deep: #85642a;
    --live-v2-teal: #42c8aa;
    --live-v2-teal-bright: #79e5cc;
    --live-v2-ink: #010706;
    --live-v2-panel: rgba(2, 17, 14, .94);
    --live-v2-line: rgba(211, 171, 77, .42);
    --live-v2-muted: #91a39a;
    min-height: 100vh;
    color: #d8ddd4;
    background: var(--live-v2-ink);
}

body.live-v2 .site-background {
    background:
        linear-gradient(90deg, rgba(0, 7, 6, .97), rgba(0, 9, 8, .76) 43%, rgba(0, 8, 7, .46) 68%, rgba(0, 5, 4, .78)),
        linear-gradient(180deg, rgba(0, 5, 4, .2), rgba(0, 5, 4, .5) 58%, rgba(0, 5, 4, .96)),
        url("../img/background/kaerion-portal-hero-v2.webp") center 54% / cover no-repeat;
    filter: saturate(.78) contrast(1.09) brightness(.63);
    opacity: 1;
}

body.live-v2 .site-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(90deg, transparent 0 119px, rgba(70, 205, 177, .018) 120px),
        radial-gradient(circle at 67% 43%, rgba(55, 219, 187, .14), transparent 27%),
        linear-gradient(180deg, transparent 66%, rgba(0, 5, 4, .75));
}

body.live-v2 .ambient {
    opacity: .13;
}

body.live-v2 .mist-layer {
    opacity: .18;
}

body.live-v2 .particle-field {
    opacity: .45;
}

body.live-v2 .live-overlay-shell {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh;
    padding: 18px clamp(22px, 3.2vw, 60px) 24px;
    isolation: isolate;
}

body.live-v2 .live-overlay-shell::before,
body.live-v2 .live-overlay-shell::after {
    content: "";
    position: fixed;
    z-index: 0;
    pointer-events: none;
}

body.live-v2 .live-overlay-shell::before {
    inset: 8px;
    border: 1px solid rgba(215, 180, 93, .16);
    clip-path: polygon(0 0, 17% 0, 17% 1px, 83% 1px, 83% 0, 100% 0, 100% 100%, 83% 100%, 83% calc(100% - 1px), 17% calc(100% - 1px), 17% 100%, 0 100%);
}

body.live-v2 .live-overlay-shell::after {
    top: 8px;
    right: 50%;
    bottom: 8px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(72, 207, 180, .08) 20%, transparent 48%, rgba(213, 174, 80, .08) 80%, transparent);
}

/* Nagłówek LIVE korzysta z tego samego znaku i materiału co Portal V2. */
body.live-v2 .live-overlay-header {
    position: relative;
    z-index: 20;
    grid-template-columns: minmax(210px, 1fr) minmax(260px, auto) minmax(150px, 1fr);
    min-height: 82px;
    padding: 10px 18px;
    border: 1px solid var(--live-v2-line);
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(2, 14, 12, .96), rgba(1, 9, 8, .94)),
        var(--live-v2-panel);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .38), inset 0 0 0 3px rgba(0, 6, 5, .7), inset 0 0 0 4px rgba(69, 205, 177, .04);
    backdrop-filter: blur(18px) saturate(125%);
    -webkit-backdrop-filter: blur(18px) saturate(125%);
}

body.live-v2 .live-overlay-header::before,
body.live-v2 .live-overlay-header::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

body.live-v2 .live-overlay-header::before {
    top: 3px;
    left: 3px;
    border-top: 1px solid var(--live-v2-gold-bright);
    border-left: 1px solid var(--live-v2-gold-bright);
}

body.live-v2 .live-overlay-header::after {
    right: 3px;
    bottom: 3px;
    border-right: 1px solid var(--live-v2-teal);
    border-bottom: 1px solid var(--live-v2-teal);
}

body.live-v2 .live-overlay-header .brand-mark {
    gap: 13px;
    width: max-content;
}

body.live-v2 .live-overlay-header .brand-rune {
    position: relative;
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    border: 1px solid rgba(228, 187, 89, .72);
    border-radius: 50%;
    transform: none;
    color: var(--live-v2-gold-bright);
    background:
        radial-gradient(circle, rgba(39, 169, 143, .24), transparent 54%),
        conic-gradient(from 25deg, rgba(210, 168, 71, .24), rgba(3, 18, 15, .96), rgba(210, 168, 71, .18), rgba(3, 18, 15, .96));
    box-shadow: inset 0 0 0 4px rgba(1, 8, 7, .85), inset 0 0 0 5px rgba(224, 180, 78, .22), 0 0 26px rgba(37, 185, 157, .11);
}

body.live-v2 .live-overlay-header .brand-rune::before,
body.live-v2 .live-overlay-header .brand-rune::after {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(78, 211, 184, .23);
    border-radius: 50%;
}

body.live-v2 .live-overlay-header .brand-rune::after {
    inset: 10px;
    border-style: dotted;
}

body.live-v2 .live-overlay-header .brand-rune b {
    position: relative;
    z-index: 1;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 500;
}

body.live-v2 .live-overlay-header .brand-mark strong,
body.live-v2 .live-overlay-header .brand-mark small {
    display: block;
}

body.live-v2 .live-overlay-header .brand-mark strong {
    color: var(--live-v2-gold-bright);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    font-weight: 600;
    letter-spacing: .1em;
}

body.live-v2 .live-overlay-header .brand-mark small {
    margin-top: 3px;
    color: #9baaa2;
    font-size: .61rem;
    letter-spacing: .24em;
}

body.live-v2 .live-overlay-tournament .section-kicker {
    color: var(--live-v2-teal);
    font-size: .59rem;
    letter-spacing: .22em;
}

body.live-v2 .live-overlay-tournament h1 {
    margin-top: 5px;
    color: var(--live-v2-gold-bright);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.45rem, 2.4vw, 2.5rem);
    font-weight: 400;
    letter-spacing: -.025em;
    text-shadow: 0 8px 24px rgba(0, 0, 0, .72);
}

body.live-v2 .live-overlay-header > .live-badge {
    min-height: 35px;
    padding: 0 13px;
    border: 1px solid rgba(66, 200, 170, .44);
    border-radius: 1px;
    color: #a9e8d6;
    background: rgba(13, 77, 64, .2);
    box-shadow: inset 0 0 0 3px rgba(1, 8, 7, .64);
    font-size: .62rem;
    letter-spacing: .14em;
}

/* Pasek zapowiedzi nie zasłania już tytułu ani wyniku. */
body.live-v2 .live-hype-strip {
    top: 111px;
    min-width: min(760px, calc(100% - 64px));
    padding: 10px 86px 11px;
    border: 1px solid rgba(213, 174, 80, .36);
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(1, 9, 8, .94), rgba(10, 54, 46, .82), rgba(1, 9, 8, .94));
    box-shadow: 0 16px 42px rgba(0, 0, 0, .38), inset 0 0 0 3px rgba(0, 5, 4, .6);
}

body.live-v2 .live-hype-strip span {
    color: var(--live-v2-teal-bright);
}

body.live-v2 .live-hype-strip strong {
    color: var(--live-v2-gold-bright);
    font-weight: 500;
}

body.live-v2 .live-hype-strip small {
    color: #9db0a6;
}

body.live-v2 .live-hype-strip::before,
body.live-v2 .live-hype-strip::after {
    width: 55px;
    background: linear-gradient(90deg, transparent, var(--live-v2-gold), transparent);
}

/* Główna Arena — jedna, nieprzecięta grafika i ostre portalowe ramy. */
body.live-v2 .live-overlay-stage,
body.live-v2 .live-league-stage,
body.live-v2 .live-finished-stage {
    position: relative;
    z-index: 2;
    margin: 78px 0 14px;
    overflow: hidden;
    border: 1px solid rgba(213, 174, 80, .46);
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(0, 8, 7, .9), rgba(0, 9, 8, .58) 44%, rgba(0, 8, 7, .72)),
        linear-gradient(180deg, rgba(0, 6, 5, .18), rgba(0, 6, 5, .72)),
        url("../img/background/kaerion-portal-hero-v2.webp") center 55% / cover no-repeat;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .46), inset 0 0 0 3px rgba(0, 7, 6, .68), inset 0 0 90px rgba(44, 190, 161, .06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.live-v2 .live-overlay-stage::after,
body.live-v2 .live-league-stage::after,
body.live-v2 .live-finished-stage::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 10px;
    border: 1px solid rgba(226, 188, 95, .12);
    border-radius: 0;
    background: none;
    mix-blend-mode: normal;
    opacity: 1;
    pointer-events: none;
}

body.live-v2 .live-overlay-stage::before {
    z-index: 0;
    background: linear-gradient(110deg, transparent 44%, rgba(98, 227, 198, .045) 50%, transparent 56%);
}

body.live-v2 .live-overlay-round {
    position: relative;
    z-index: 2;
    margin-bottom: 19px;
    color: var(--live-v2-teal-bright);
    font-size: .69rem;
    letter-spacing: .3em;
    text-shadow: 0 0 18px rgba(59, 208, 177, .35);
}

body.live-v2 .live-overlay-scoreboard {
    position: relative;
    z-index: 2;
    gap: clamp(22px, 4.8vw, 82px);
    width: min(100%, 1320px);
}

body.live-v2 .live-overlay-scoreboard article {
    min-height: clamp(320px, 43vh, 430px);
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid rgba(207, 170, 82, .38);
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 13%, rgba(47, 191, 162, .13), transparent 35%),
        linear-gradient(155deg, rgba(7, 30, 25, .88), rgba(1, 11, 10, .96));
    box-shadow: 0 18px 46px rgba(0, 0, 0, .34), inset 0 0 0 3px rgba(1, 8, 7, .75), inset 0 0 0 4px rgba(220, 179, 83, .05);
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
}

body.live-v2 .live-overlay-scoreboard article::before {
    inset: 8px;
    border-color: rgba(68, 206, 177, .08);
    border-radius: 0;
}

body.live-v2 .live-overlay-shell[data-live-advantage="one"] .live-overlay-scoreboard article:first-child,
body.live-v2 .live-overlay-shell[data-live-advantage="two"] .live-overlay-scoreboard article:last-child {
    border-color: rgba(231, 191, 94, .68);
    box-shadow: 0 20px 58px rgba(0, 0, 0, .42), 0 0 34px rgba(215, 180, 93, .11), inset 0 0 0 3px rgba(1, 8, 7, .75);
}

body.live-v2 .live-overlay-avatar {
    width: clamp(92px, 9vw, 132px);
    height: clamp(92px, 9vw, 132px);
    border: 1px solid rgba(224, 188, 96, .72);
    border-radius: 50%;
    color: var(--live-v2-gold-bright);
    background:
        radial-gradient(circle at 50% 32%, rgba(73, 218, 185, .23), transparent 31%),
        linear-gradient(145deg, #1c3832, #061512);
    box-shadow: inset 0 0 0 6px rgba(1, 9, 8, .72), 0 0 34px rgba(57, 202, 172, .12);
}

body.live-v2 .live-overlay-avatar::before {
    inset: -10px;
    border-color: rgba(215, 180, 93, .32);
}

body.live-v2 .live-overlay-scoreboard h2 {
    margin: 20px 0 9px;
    color: #eee6d0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3.6vw, 4.2rem);
    font-weight: 400;
    text-shadow: 0 10px 28px rgba(0, 0, 0, .72);
}

body.live-v2 .live-overlay-class {
    color: var(--live-v2-teal-bright);
    font-size: .7rem;
    letter-spacing: .18em;
}

body.live-v2 .live-overlay-scoreboard article > strong {
    color: var(--live-v2-gold-bright);
    font-size: clamp(4.5rem, 8vw, 8rem);
    font-weight: 400;
    text-shadow: 0 0 35px rgba(217, 180, 88, .22);
}

body.live-v2 .live-overlay-vs span {
    color: #91a49a;
    font-size: .62rem;
    letter-spacing: .16em;
}

body.live-v2 .live-overlay-vs em {
    margin: 12px 0;
    color: var(--live-v2-teal-bright);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.7rem, 5vw, 5.4rem);
    font-style: normal;
    text-shadow: 0 0 30px rgba(50, 207, 175, .34);
}

body.live-v2 .live-overlay-vs i {
    background: linear-gradient(90deg, transparent, var(--live-v2-gold), transparent);
}

/* Dolny pasek wyniku i kolejki. */
body.live-v2 .live-overlay-footer {
    position: relative;
    z-index: 3;
    min-height: 86px;
    padding: 13px 18px;
    border: 1px solid rgba(213, 174, 80, .36);
    border-radius: 0;
    background: linear-gradient(180deg, rgba(2, 17, 14, .95), rgba(1, 10, 8, .96));
    box-shadow: 0 14px 38px rgba(0, 0, 0, .32), inset 0 0 0 3px rgba(0, 6, 5, .68);
    backdrop-filter: blur(17px) saturate(120%);
    -webkit-backdrop-filter: blur(17px) saturate(120%);
}

body.live-v2 .live-overlay-footer > div + div {
    padding-left: 22px;
    border-left: 1px solid rgba(213, 174, 80, .17);
}

body.live-v2 .live-overlay-next span,
body.live-v2 .live-overlay-progress span {
    color: #789086;
    font-size: .58rem;
    letter-spacing: .16em;
}

body.live-v2 .live-overlay-next strong,
body.live-v2 .live-overlay-results strong {
    color: #ded8c5;
}

body.live-v2 .live-overlay-progress b {
    color: var(--live-v2-gold-bright);
}

body.live-v2 .live-progress-track {
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, .06);
}

body.live-v2 .live-progress-track i {
    background: linear-gradient(90deg, var(--live-v2-teal), var(--live-v2-gold));
    box-shadow: 0 0 14px rgba(61, 204, 174, .28);
}

body.live-v2 .live-overlay-results article {
    padding: 6px 8px;
    border-radius: 0;
    background: rgba(71, 202, 174, .025);
}

/* Liga. */
body.live-v2 .live-league-table-panel,
body.live-v2 .live-league-duel-panel {
    z-index: 2;
    padding: clamp(24px, 3vw, 42px);
}

body.live-v2 .live-league-heading h2,
body.live-v2 .live-finished-heading h2 {
    color: var(--live-v2-gold-bright);
    font-weight: 400;
}

body.live-v2 .live-league-progress {
    border: 1px solid rgba(68, 204, 174, .32);
    border-radius: 0;
    background: rgba(17, 81, 68, .18);
    box-shadow: inset 0 0 0 3px rgba(0, 7, 6, .58);
}

body.live-v2 .live-league-progress strong {
    color: var(--live-v2-teal-bright);
}

body.live-v2 .live-league-row {
    min-height: 60px;
    margin-bottom: 7px;
    border: 1px solid rgba(188, 190, 169, .15);
    border-radius: 0;
    background: linear-gradient(90deg, rgba(8, 35, 29, .9), rgba(2, 17, 14, .94));
    box-shadow: inset 0 0 0 2px rgba(0, 7, 6, .58), 0 10px 22px rgba(0, 0, 0, .18);
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
}

body.live-v2 .live-league-row-heading {
    border-color: rgba(213, 174, 80, .28);
    background: rgba(1, 12, 10, .98);
}

body.live-v2 .live-league-row:nth-child(2) {
    border-color: rgba(229, 190, 91, .48);
    background: linear-gradient(90deg, rgba(113, 82, 30, .36), rgba(6, 41, 34, .92));
    box-shadow: 0 0 28px rgba(217, 180, 88, .08), inset 0 0 0 2px rgba(0, 7, 6, .58);
}

body.live-v2 .live-league-row strong i {
    border-radius: 50%;
    color: var(--live-v2-gold-bright);
    background: rgba(213, 174, 80, .09);
}

body.live-v2 .live-league-row > span {
    color: var(--live-v2-teal-bright);
}

body.live-v2 .live-league-row > em {
    color: var(--live-v2-gold-bright);
}

/* Zakończony turniej i drabinka. */
body.live-v2 .live-finished-stage {
    gap: 16px;
    padding: 24px;
}

body.live-v2 .live-finished-heading,
body.live-v2 .live-finished-bracket-scroll {
    position: relative;
    z-index: 2;
}

body.live-v2 .live-finished-champion {
    border: 1px solid rgba(222, 183, 88, .5);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(125, 92, 31, .28), rgba(15, 72, 60, .25)), rgba(2, 17, 14, .9);
    box-shadow: inset 0 0 0 3px rgba(0, 7, 6, .6), 0 0 28px rgba(217, 180, 88, .08);
}

body.live-v2 .live-finished-champion > span {
    border-radius: 50%;
    color: var(--live-v2-gold-bright);
}

body.live-v2 .live-finished-bracket-scroll {
    border: 1px solid rgba(213, 174, 80, .16);
    border-radius: 0;
    background: rgba(0, 8, 7, .66);
}

body.live-v2 .live-finished-stage .public-bracket-round,
body.live-v2 .live-finished-stage .public-match-card {
    border-radius: 0;
}

body.live-v2 .live-finished-stage .public-bracket-round {
    border-color: rgba(213, 174, 80, .28);
    background: rgba(2, 19, 16, .9);
}

body.live-v2 .live-finished-stage .public-match-card {
    border-color: rgba(151, 170, 159, .18);
    background: rgba(1, 12, 10, .94);
}

/* Stan pusty, przerwa i ceremonia również używają tej samej ramy. */
body.live-v2 .live-overlay-empty {
    position: relative;
    z-index: 3;
    border: 1px solid rgba(213, 174, 80, .46);
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(0, 8, 7, .94), rgba(0, 8, 7, .58), rgba(0, 8, 7, .9)),
        url("../img/background/kaerion-portal-hero-v2.webp") center 55% / cover no-repeat;
    box-shadow: 0 26px 72px rgba(0, 0, 0, .46), inset 0 0 0 4px rgba(0, 7, 6, .7);
}

body.live-v2 .live-break-card,
body.live-v2 .champion-ceremony-frame {
    border-radius: 0;
    border-color: rgba(222, 183, 88, .48);
    background:
        linear-gradient(145deg, rgba(2, 18, 15, .96), rgba(1, 9, 8, .94)),
        var(--live-v2-panel);
    box-shadow: 0 34px 100px rgba(0, 0, 0, .58), inset 0 0 0 4px rgba(0, 7, 6, .68);
}

body.live-v2 .live-break-card > span {
    border-radius: 50%;
}

body.live-v2 .champion-ceremony-backdrop {
    background:
        radial-gradient(circle at 66% 38%, rgba(58, 214, 181, .15), transparent 30%),
        linear-gradient(90deg, rgba(0, 7, 6, .97), rgba(1, 12, 10, .84), rgba(0, 7, 6, .95)),
        url("../img/background/kaerion-portal-hero-v2.webp") center / cover no-repeat;
}

body.live-v2 .ceremony-person-card,
body.live-v2 .ceremony-medal {
    border-radius: 0;
}

body.live-v2 .live-preview-toolbar {
    border: 1px solid rgba(66, 200, 170, .48);
    border-radius: 0;
    background: rgba(2, 18, 15, .96);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .46), inset 0 0 0 3px rgba(0, 7, 6, .62);
}

body.live-v2 .live-preview-toolbar button {
    border-radius: 0;
}

/* Tryb realizatora / OBS. */
body.live-v2 .live-broadcast-hud {
    position: relative;
    z-index: 8;
    width: min(100%, 1420px);
    margin: 18px auto 0;
}

body.live-v2 .broadcast-topline,
body.live-v2 .broadcast-scorebug,
body.live-v2 .broadcast-ticker {
    border-radius: 0;
    border-color: rgba(213, 174, 80, .42);
    background: linear-gradient(180deg, rgba(2, 19, 16, .96), rgba(1, 10, 8, .96));
    box-shadow: inset 0 0 0 3px rgba(0, 7, 6, .66), 0 18px 44px rgba(0, 0, 0, .34);
}

body.live-v2 .broadcast-topline span,
body.live-v2 .broadcast-topline em,
body.live-v2 .broadcast-player span {
    color: var(--live-v2-teal-bright);
}

body.live-v2 .broadcast-topline strong,
body.live-v2 .broadcast-player strong,
body.live-v2 .broadcast-core strong {
    color: var(--live-v2-gold-bright);
}

body.live-v2 .broadcast-player,
body.live-v2 .broadcast-core {
    border-radius: 0;
}

body.live-v2 .broadcast-core {
    border-color: rgba(213, 174, 80, .46);
    background: rgba(1, 12, 10, .96);
}

body.live-v2 .broadcast-ticker span {
    border-radius: 0;
    color: #01100d;
    background: var(--live-v2-teal);
}

body.page-live-broadcast.live-v2 .live-overlay-shell {
    padding: 12px clamp(14px, 2vw, 34px) 16px;
}

body.page-live-broadcast.live-v2 .live-overlay-header {
    min-height: 66px;
    padding-top: 6px;
    padding-bottom: 6px;
}

body.page-live-broadcast.live-v2 .live-overlay-header .brand-rune {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

body.page-live-broadcast.live-v2 .live-overlay-shell.has-broadcast-hud .live-league-stage {
    margin-top: 14px;
}

@media (max-width: 1100px) {
    body.live-v2 .live-overlay-shell {
        padding-right: 18px;
        padding-left: 18px;
    }

    body.live-v2 .live-overlay-header {
        grid-template-columns: minmax(190px, 1fr) minmax(220px, auto) auto;
        gap: 18px;
    }

    body.live-v2 .live-overlay-header .brand-mark small {
        display: none;
    }

    body.live-v2 .live-hype-strip {
        min-width: min(680px, calc(100% - 48px));
    }
}

@media (max-width: 900px) {
    body.live-v2.page-live-overlay {
        overflow: auto;
    }

    body.live-v2 .live-overlay-shell,
    body.live-v2 .live-overlay-shell.is-round-robin,
    body.live-v2 .live-overlay-shell.is-finished-bracket,
    body.live-v2 .live-overlay-shell.has-broadcast-hud,
    body.live-v2 .live-overlay-shell.has-broadcast-hud.is-round-robin {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    body.live-v2 .live-overlay-header,
    body.live-v2 .live-overlay-shell.has-broadcast-hud .live-overlay-header {
        grid-template-columns: 1fr auto;
        min-height: 76px;
    }

    body.live-v2 .live-overlay-tournament {
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 6px 0 2px;
    }

    body.live-v2 .live-hype-strip {
        position: relative;
        top: auto;
        left: auto;
        min-width: 0;
        width: 100%;
        margin: 12px 0 0;
        padding-right: 60px;
        padding-left: 60px;
        transform: none;
    }

    body.live-v2 .live-overlay-stage,
    body.live-v2 .live-league-stage,
    body.live-v2 .live-finished-stage {
        width: 100%;
        min-height: 680px;
        margin: 12px 0;
    }

    body.live-v2 .live-overlay-scoreboard {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    body.live-v2 .live-overlay-scoreboard article {
        min-height: 280px;
    }

    body.live-v2 .live-overlay-footer {
        width: 100%;
        grid-template-columns: 1fr;
    }

    body.live-v2 .live-overlay-footer > div + div {
        padding-top: 12px;
        padding-left: 0;
        border-top: 1px solid rgba(213, 174, 80, .15);
        border-left: 0;
    }

    body.live-v2 .live-finished-heading {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    body.live-v2 .live-overlay-shell {
        padding: 10px 9px 14px;
    }

    body.live-v2 .live-overlay-shell::before,
    body.live-v2 .live-overlay-shell::after {
        display: none;
    }

    body.live-v2 .live-overlay-header {
        padding: 8px 10px;
    }

    body.live-v2 .live-overlay-header .brand-rune {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    body.live-v2 .live-overlay-header .brand-mark strong {
        font-size: .9rem;
    }

    body.live-v2 .live-hype-strip {
        padding: 10px 14px;
    }

    body.live-v2 .live-hype-strip::before,
    body.live-v2 .live-hype-strip::after {
        display: none;
    }

    body.live-v2 .live-overlay-stage,
    body.live-v2 .live-league-stage,
    body.live-v2 .live-finished-stage {
        min-height: 720px;
    }

    body.live-v2 .live-league-table-panel,
    body.live-v2 .live-league-duel-panel,
    body.live-v2 .live-finished-stage {
        padding: 17px;
    }

    body.live-v2 .live-finished-champion {
        min-width: 0;
    }

    body.live-v2 .live-preview-toolbar {
        top: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.live-v2 .live-premium-aura,
    body.live-v2 .live-overlay-stage::before,
    body.live-v2 .live-overlay-avatar::before,
    body.live-v2 .live-break-card::before,
    body.live-v2 .live-break-card::after {
        animation: none !important;
    }

    body.live-v2 .site-background,
    body.live-v2 .live-overlay-stage,
    body.live-v2 .live-league-stage,
    body.live-v2 .live-finished-stage {
        transform: none !important;
        transition: none !important;
    }
}