/* Saracens splash screens (see splash.js). Elements rest in their final state; keyframes say where they come from. */
#sx-splash{position:fixed;top:calc(-1 * env(safe-area-inset-top));left:0;right:0;bottom:calc(-1 * env(safe-area-inset-bottom));min-height:100vh;z-index:2147483600;background:#080B10;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#sx-splash.out{opacity:0;transform:scale(1.06);pointer-events:none}
.sxs{position:absolute;inset:0;overflow:hidden;container-type:size;-webkit-user-select:none;user-select:none}
.sxs-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sxs-svg *{transform-box:fill-box;transform-origin:center}
.sxs-font-d{font-family:'Big Shoulders Display','Arial Narrow',sans-serif;font-weight:900}
.sxs-font-m{font-family:'Martian Mono',ui-monospace,monospace;font-weight:700}
.sxs.is-static *,.sxs.is-static *::before,.sxs.is-static *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.sxs *,.sxs *::before,.sxs *::after{animation:none!important}}

/* shared moves */
@keyframes sxs-dash{from{stroke-dashoffset:100}}
@keyframes sxs-sx{from{transform:scaleX(0)}}
@keyframes sxs-pop{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes sxs-rise{from{opacity:0;transform:translateY(7px)}}
@keyframes sxs-fade{from{opacity:0}}
.sxs-draw{animation:sxs-dash .9s .3s cubic-bezier(.45,0,.2,1) backwards}
.sxs-sweep-x{animation:sxs-sx .55s .08s cubic-bezier(.6,0,.2,1) backwards}
.sxs-pop{animation:sxs-pop .75s cubic-bezier(.2,1,.3,1) backwards}
.sxs-rise{animation:sxs-rise .6s .85s cubic-bezier(.2,1,.3,1) backwards}
.sxs-glint{transform:translateX(220px) skewX(-12deg);animation:sxs-glint 1.1s .95s ease-in-out backwards}
@keyframes sxs-glint{from{transform:translateX(0) skewX(-12deg)}}

/* 1 · Centre Ice */
.sxs-rink .sxs-draw:nth-of-type(n){animation-delay:.25s}
.sxs-puck{animation:sxs-puck .75s .85s cubic-bezier(.12,.8,.22,1) backwards}
@keyframes sxs-puck{from{transform:translateX(-90px)}}

/* 2 · Scoreboard */
.sxs-led-on{animation:sxs-led .5s steps(5,end) backwards}
@keyframes sxs-led{0%{opacity:0}40%{opacity:.4}60%{opacity:.1}100%{opacity:1}}
.sxs-c3,.sxs-c2,.sxs-c1{opacity:0;animation:sxs-cnt .3s linear}
.sxs-c3{animation-delay:.4s}.sxs-c2{animation-delay:.7s}.sxs-c1{animation-delay:1s}
@keyframes sxs-cnt{0%,100%{opacity:1}}
.sxs-flash{animation:sxs-flashin .55s 1.3s cubic-bezier(.2,1,.3,1) backwards}
@keyframes sxs-flashin{0%{opacity:0;transform:scale(1.25)}25%{opacity:1}40%{opacity:.4}55%{opacity:1}100%{transform:scale(1)}}
.sxs-flicker{animation:sxs-flick 3s 1.6s linear infinite}
@keyframes sxs-flick{0%,94%,100%{opacity:1}95%{opacity:.4}97%{opacity:.9}}

/* 5 · Goal Light */
.sxs-beams{transform-box:view-box;animation:sxs-spin 1.1s linear infinite}
@keyframes sxs-spin{to{transform:rotate(360deg)}}
.sxs-glow{animation:sxs-glow .55s ease-in-out infinite alternate}
@keyframes sxs-glow{from{opacity:.35}to{opacity:1}}
.sxs-redpulse{animation:sxs-pulse .55s ease-in-out infinite alternate}
@keyframes sxs-pulse{from{opacity:.25}to{opacity:1}}
.sxs-punch{animation:sxs-punch .9s .45s cubic-bezier(.2,1,.3,1) backwards}
@keyframes sxs-punch{0%{opacity:0;transform:scale(2.6)}35%{opacity:1;transform:scale(.94)}45%{transform:scale(1.03) translate(1px,-1px)}55%{transform:translate(-1px,1px)}65%{transform:translate(1px,0)}100%{transform:scale(1)}}

/* 9 · Coach's Board */
.sxs-mk{animation:sxs-dash .4s cubic-bezier(.5,0,.3,1) backwards}
.sxs-mk-txt{animation:sxs-fade .5s 1.35s backwards}

/* 10 · Trading Card */
.sxs-card{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;background:radial-gradient(70% 45% at 50% 48%,#2A1A0A 0%,#0A0D12 60%,#05070A 100%)}
.sxs-rays{position:absolute;left:50%;top:48%;width:180cqmax;height:180cqmax;margin:-90cqmax 0 0 -90cqmax;background:repeating-conic-gradient(from 0deg,rgba(246,213,122,.045) 0 5deg,rgba(246,213,122,0) 5deg 18deg);animation:sxs-spin 40s linear infinite;-webkit-mask:radial-gradient(circle,#000 0,transparent 55%);mask:radial-gradient(circle,#000 0,transparent 55%)}
.sxs-card3d{position:relative;width:min(62cqw,40cqh);aspect-ratio:70/98;transform-style:preserve-3d;animation:sxs-cspin 1.35s .1s cubic-bezier(.15,.7,.25,1) backwards}
@keyframes sxs-cspin{from{transform:rotateY(-540deg) scale(.55)}}
.sxs-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5.7%/4.1%;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.sxs-face svg{display:block;width:100%;height:100%}
.sxs-face.is-back{transform:rotateY(180deg)}
.sxs-holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,80,200,.35) 38%,rgba(80,255,255,.35) 48%,rgba(255,255,120,.35) 58%,transparent 72%);background-size:260% 100%;background-position:120% 0;mix-blend-mode:color-dodge;opacity:0;animation:sxs-holo 3s 1.25s ease-in-out infinite}
@keyframes sxs-holo{0%{background-position:120% 0;opacity:0}12%{opacity:1}55%{opacity:1;background-position:-60% 0}68%,100%{opacity:0;background-position:-60% 0}}
.sxs-card-shadow{position:absolute;left:50%;top:calc(48% + min(62cqw,40cqh) * .72);width:min(50cqw,32cqh);height:3cqh;margin-left:calc(min(50cqw,32cqh) / -2);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);animation:sxs-fade 1.2s .4s backwards}

/* the original three */
.sxs-classic{position:absolute;inset:0;display:grid;place-items:center;--t:#fff;--bar:rgba(255,255,255,.14)}
.sxs-classic.is-colour{background:radial-gradient(90% 55% at 50% 42%,#B3121F,#5A0710 55%,#1A0306)}
.sxs-classic.is-dark{background:radial-gradient(80% 50% at 50% 42%,#1A2029,#080B10 70%)}
.sxs-classic.is-light{--t:#0E1217;--bar:rgba(14,18,23,.1);background:radial-gradient(80% 50% at 50% 42%,#fff,#EAF1F5 70%)}
.sxs-classic>div{display:grid;justify-items:center;gap:3.2cqh;animation:sxs-cin .8s cubic-bezier(.2,1.1,.3,1) backwards}
.sxs-classic img{width:min(56cqw,30cqh);height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.sxs-classic b{font:900 min(13.4cqw,7cqh)/.9 'Big Shoulders Display','Arial Narrow',sans-serif;letter-spacing:.03em;color:var(--t);text-transform:uppercase;animation:sxs-cin .8s .15s cubic-bezier(.2,1.1,.3,1) backwards}
.sxs-classic i{display:block;width:32cqw;height:3px;margin-top:1.2cqh;border-radius:3px;background:var(--bar);overflow:hidden;position:relative}
.sxs-classic i::after{content:"";position:absolute;inset:0;width:40%;background:#D3202A;border-radius:3px;animation:sxs-bar 1.1s ease-in-out infinite}
@keyframes sxs-cin{from{opacity:0;transform:translateY(14px) scale(.92)}}
@keyframes sxs-bar{from{transform:translateX(-100%)}to{transform:translateX(250%)}}