/* Rivalry: reactive team colors and crests, with a quiet center for game content. */
body.game-rivalry{background:#0d1011;isolation:isolate}
/* Let the Vue-owned fixed backdrop share the body's stacking context. */
body.game-rivalry>main{z-index:auto}
.game-rivalry #game-background-art{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;background:#0d1011;background:radial-gradient(ellipse 56% 90% at -15% 36%,color-mix(in srgb,var(--bg-home) 58%,transparent),transparent 78%),radial-gradient(ellipse 56% 90% at 115% 52%,color-mix(in srgb,var(--bg-away) 62%,transparent),transparent 78%),linear-gradient(112deg,color-mix(in srgb,var(--bg-home) 9%,#0b0e10) 0 35%,#0b0d0f 49% 51%,color-mix(in srgb,var(--bg-away) 9%,#0b0e10) 65% 100%)}
.game-rivalry #game-background-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#090b0b88 22%,#090b0baa 50%,#090b0b88 78%,transparent);box-shadow:inset 0 0 140px #0005}
.game-rivalry .background-grain{position:absolute;inset:0;background:url('/assets/game-background/grain.svg') repeat;opacity:.15}
.game-rivalry .background-rink{position:absolute;inset:-6% -8%;width:116%;height:112%;object-fit:cover;opacity:.05}
.game-rivalry .team-watermark{position:absolute;top:28%;width:clamp(240px,30vw,530px);height:clamp(240px,30vw,530px);object-fit:contain;opacity:.23;filter:saturate(.85);mask-image:linear-gradient(0deg,transparent 0,#000 22% 82%,transparent)}
.game-rivalry .team-watermark.home{left:-8vw;transform:rotate(-12deg)}
.game-rivalry .team-watermark.away{right:-8vw;transform:rotate(12deg)}
.game-rivalry .background-wordmark{position:absolute;left:22px;bottom:30px;writing-mode:vertical-rl;transform:rotate(180deg);font:700 10px/1.1 Roboto,Arial,sans-serif;letter-spacing:5px;color:#e9e8df;opacity:.2}
body.game-rivalry .game-section{background:linear-gradient(145deg,#151a1bf5,#101415fa)!important;border-color:#bfc6bc24;box-shadow:0 10px 28px #0002}
body.game-rivalry .game-section .section-title,body.game-rivalry .photos-header,body.game-rivalry .video-recap-header{background:linear-gradient(180deg,#30312b88,#20231d55)!important;border-bottom-color:#aca38b26}
body.game-rivalry .game-section .photos-header .section-title,body.game-rivalry .game-section .video-recap-header .section-title{background:transparent!important}
body.game-rivalry .bc-tabs{background:#111719f5;border-color:#a59b7d33}
body.game-rivalry .roster-table th{background:#282c24;border-bottom-color:#9e977f40}
body.game-rivalry .fo-bench-panels{background:linear-gradient(135deg,#21241e,#171b17)}
@media(max-width:900px){.game-rivalry .team-watermark{top:24%;width:390px;height:390px;opacity:.17}.game-rivalry .team-watermark.home{left:-210px}.game-rivalry .team-watermark.away{right:-210px}.game-rivalry .background-wordmark{display:none}.game-rivalry .background-rink{inset:-4% -55%;width:210%;height:108%}}
@media(max-width:480px){.game-rivalry #game-background-art{background:radial-gradient(ellipse 85% 70% at -25% 15%,color-mix(in srgb,var(--bg-home) 45%,transparent),transparent 78%),radial-gradient(ellipse 85% 70% at 125% 60%,color-mix(in srgb,var(--bg-away) 45%,transparent),transparent 78%),#0d1112}}
