/* Match artwork is rendered from team colors, with no background bitmap. */
body:has(.er-reference-layout) .er-reference-layout .er-hero-section{
 --hero-left:#3978b8;--hero-right:#ba8a48;
 background:radial-gradient(ellipse at 5% 45%,color-mix(in srgb,var(--hero-left) 55%,transparent),transparent 62%),radial-gradient(ellipse at 95% 45%,color-mix(in srgb,var(--hero-right) 55%,transparent),transparent 62%),linear-gradient(120deg,#0a1729,#030b16)!important;
 border-color:#34475c!important;box-shadow:inset 0 0 70px #020711aa,0 12px 36px #0002!important;isolation:isolate;
}
body:has(.er-reference-layout) .er-reference-layout .er-hero-section::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#030b1680 38%,#030b16b3 50%,#030b1680 62%,transparent 85%)!important;z-index:0!important;pointer-events:none}
body:has(.er-reference-layout) .er-reference-layout .er-hero-section::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0 90px,#ffffff05 91px 92px,transparent 93px 170px);opacity:.65}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34{position:relative;z-index:1}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team{transform:none!important;top:0!important;padding-top:0!important}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-logo{top:0!important}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-middle{background:radial-gradient(ellipse,#040c18b3,transparent 75%)!important}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-left{--team-tone:var(--hero-left)}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-right{--team-tone:var(--hero-right)}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team::after{content:'';position:absolute;inset:12% 7%;border:1px solid color-mix(in srgb,var(--team-tone) 65%,#fff 8%);border-radius:12px;background:linear-gradient(150deg,#ffffff06,#ffffff00);box-shadow:0 0 32px color-mix(in srgb,var(--team-tone) 18%,transparent),inset 0 0 28px #0002;transform:skewY(-3deg);z-index:-1;pointer-events:none}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-right::after{transform:skewY(3deg)}
@media(max-width:700px){body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team::after{inset:0 4%;border-radius:9px;transform:none!important}body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-middle{background:none!important}}

/* Three entity links sit above a separate, full-card match link. */
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34{position:relative!important}
.er-hero-match-link{position:absolute!important;inset:0;z-index:2;display:block;border-radius:inherit}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-versus{pointer-events:none}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-hero-entity-link{position:relative;z-index:3!important;pointer-events:auto;color:inherit;text-decoration:none;cursor:pointer}
.er-hero-match-link:focus-visible{outline:2px solid #cbaa70;outline-offset:-4px}
.er-hero-entity-link:focus-visible{outline:2px solid #88b2ff;outline-offset:6px;border-radius:5px}
.er-hero-entity-link:hover{filter:brightness(1.12)}
/* Legacy hero containers must not trap entity links below the match overlay. */
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-versus{z-index:auto!important;isolation:auto!important;transform:none!important;filter:none!important;opacity:1!important}
.er-hero-match-link{z-index:10}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team,
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-middle{z-index:20!important;pointer-events:none}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-hero-entity-link{z-index:21!important;pointer-events:auto}

/* Every team glow follows its assigned color, replacing legacy blue/gold filters. */
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team .er-cinema-logo{
 filter:drop-shadow(0 6px 13px #0008) drop-shadow(0 0 18px color-mix(in srgb,var(--team-tone) 65%,transparent))!important;
}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team .er-cinema-logo::before{
 background:radial-gradient(ellipse at center,color-mix(in srgb,var(--team-tone) 75%,transparent) 0%,color-mix(in srgb,var(--team-tone) 40%,transparent) 35%,transparent 72%)!important;
 filter:blur(13px)!important;
}
body:has(.er-reference-layout) .er-reference-layout .er-hero-v34 .er-cinema-team .er-cinema-logo img{
 background:transparent!important;filter:none!important;
}