/* One original faceoff illustration, two clipped curtain panels, a 2.2s visual sequence with live team colors. */
#game-mount .match-opening.cinematic-opening{padding:0;display:block;background:#101e28;gap:0;isolation:isolate;overflow:hidden}
#game-mount .cinematic-opening .opening-scene{position:absolute;inset:0}
#game-mount .cinematic-opening .opening-half{position:absolute;inset:0;overflow:hidden;will-change:transform;background:#101e28}
#game-mount .cinematic-opening .opening-half--left{clip-path:inset(0 50% 0 0)}
#game-mount .cinematic-opening .opening-half--right{clip-path:inset(0 0 0 50%)}
#game-mount .cinematic-opening .opening-illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
#game-mount .cinematic-opening .opening-half:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#091f36bf,transparent 54%,#04162245)}
#game-mount .cinematic-opening .opening-caption{position:absolute;inset:5% 6% auto;z-index:2;color:#fff5df;text-align:center;pointer-events:none;text-shadow:0 2px 8px #051526a0}
#game-mount .cinematic-opening .opening-title{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 14px;font:italic 700 clamp(24px,3.2vw,42px)/1.05 'Clutch Display',Impact,sans-serif;text-transform:uppercase;opacity:0;transform:translateX(-42px)}
#game-mount .cinematic-opening .opening-title span{border-bottom:4px solid var(--team-primary);padding-bottom:5px}
#game-mount .cinematic-opening .opening-title em{font:700 14px/1 system-ui,sans-serif;color:#dfff79}
#game-mount .cinematic-opening .opening-time{display:flex;justify-content:center;align-items:center;gap:16px;font:700 clamp(18px,2.3vw,29px)/1.08 'Clutch Display',Impact,sans-serif;letter-spacing:.035em;opacity:0;transform:translateX(-42px)}
#game-mount .cinematic-opening .opening-time small{font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.1em;padding-left:16px;border-left:1px solid #f9f0d4a0;color:#edffba;text-shadow:0 2px 4px #061626}
#game-mount .cinematic-opening .opening-place{font:italic 700 clamp(22px,2.8vw,36px)/1.02 'Clutch Display',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;max-width:900px;margin:10px auto 0;opacity:0;transform:translateX(46px)}
#game-mount .cinematic-opening .opening-matchup{position:absolute;left:24px;bottom:21px;z-index:2;display:flex;align-items:center;gap:12px;font:700 15px/1.2 system-ui,sans-serif;letter-spacing:.08em;color:#fff7e3;text-shadow:0 2px 6px #02101f}
#game-mount .cinematic-opening .opening-matchup i{width:30px;height:3px;background:linear-gradient(90deg,var(--opening-home),var(--opening-away));box-shadow:0 1px 2px #0008}
#game-mount .cinematic-opening .opening-skip{position:absolute;z-index:4;right:16px;bottom:12px;min-height:44px;padding:7px 13px;border:1px solid #d9e8d26b;border-radius:8px;background:#0c2336b8;color:#f7f6e5;font-size:11px;font-weight:700}
#game-mount .cinematic-opening.is-playing{background:transparent}
#game-mount .cinematic-opening.is-playing .opening-title{animation:opening-time-in .14s cubic-bezier(.16,1,.3,1) calc(160ms + var(--opening-offset,0ms)) both}
#game-mount .cinematic-opening.is-playing .opening-time{animation:opening-time-in .12s cubic-bezier(.16,1,.3,1) calc(420ms + var(--opening-offset,0ms)) both}
#game-mount .cinematic-opening.is-playing .opening-place{animation:opening-place-in .14s cubic-bezier(.16,1,.3,1) calc(720ms + var(--opening-offset,0ms)) both}
#game-mount .cinematic-opening.is-playing .opening-caption,#game-mount .cinematic-opening.is-playing .opening-matchup{animation:opening-caption-out .18s ease calc(1780ms + var(--opening-offset,0ms)) both}
#game-mount .cinematic-opening.is-playing .opening-half--left{animation:opening-curtain-left .32s cubic-bezier(.6,0,.2,1) calc(1880ms + var(--opening-offset,0ms)) both}
#game-mount .cinematic-opening.is-playing .opening-half--right{animation:opening-curtain-right .32s cubic-bezier(.6,0,.2,1) calc(1880ms + var(--opening-offset,0ms)) both}
@keyframes opening-time-in{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:translateX(0)}}
@keyframes opening-place-in{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:translateX(0)}}
@keyframes opening-caption-out{from{opacity:1}to{opacity:0}}
@keyframes opening-curtain-left{to{transform:translateX(-55%)}}
@keyframes opening-curtain-right{to{transform:translateX(55%)}}
@media(orientation:landscape) and (max-height:650px){
 #game-mount .cinematic-opening .opening-caption{inset:5% 7% auto}
 #game-mount .cinematic-opening .opening-title{font-size:clamp(20px,3.3vw,28px);gap:12px;margin-bottom:7px}
 #game-mount .cinematic-opening .opening-title span{border-width:3px;padding-bottom:3px}
 #game-mount .cinematic-opening .opening-time{font-size:18px;gap:10px}
 #game-mount .cinematic-opening .opening-time small{font-size:9px;padding-left:10px}
 #game-mount .cinematic-opening .opening-place{font-size:clamp(20px,3vw,26px);margin-top:7px;max-width:580px}
 #game-mount .cinematic-opening .opening-matchup{left:18px;bottom:17px;font-size:11px}
}
@media(orientation:portrait) and (max-width:760px){
 #game-mount .cinematic-opening .opening-caption{inset:5% 6% auto}
 #game-mount .cinematic-opening .opening-title{flex-wrap:wrap;font-size:25px;gap:7px 10px;margin-bottom:16px}
 #game-mount .cinematic-opening .opening-title em{font-size:11px}
 #game-mount .cinematic-opening .opening-time{font-size:23px;flex-wrap:wrap;gap:8px}
 #game-mount .cinematic-opening .opening-time small{font-size:9px;border:0;padding:0;flex-basis:100%}
 #game-mount .cinematic-opening .opening-place{font-size:27px;margin-top:11px}
 #game-mount .cinematic-opening .opening-matchup{left:17px;bottom:66px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #game-mount .cinematic-opening.is-playing .opening-title,#game-mount .cinematic-opening.is-playing .opening-time,#game-mount .cinematic-opening.is-playing .opening-place,#game-mount .cinematic-opening.is-playing .opening-caption,#game-mount .cinematic-opening.is-playing .opening-matchup,#game-mount .cinematic-opening.is-playing .opening-half{animation:none;opacity:1;transform:none}
}
.reduce-motion #game-mount .cinematic-opening.is-playing .opening-title,.reduce-motion #game-mount .cinematic-opening.is-playing .opening-time,.reduce-motion #game-mount .cinematic-opening.is-playing .opening-place,.reduce-motion #game-mount .cinematic-opening.is-playing .opening-caption,.reduce-motion #game-mount .cinematic-opening.is-playing .opening-matchup,.reduce-motion #game-mount .cinematic-opening.is-playing .opening-half{animation:none;opacity:1;transform:none}