/* Opening intro before the approved logo splash: ball → stumps → bails fly (Full) or static stumps + bail glow (Reduced). */
#ecc-splash .ecc-intro{position:absolute;inset:0;pointer-events:none;z-index:1;transition:opacity .2s ease,visibility 0s linear .2s}
html.ecc-intro-done #ecc-splash .ecc-intro{opacity:0;visibility:hidden}
#ecc-splash .ecc-lights{position:absolute;inset:0;background:radial-gradient(40vmax 30vmax at 8% -6%,rgba(255,250,225,.22),transparent 70%),radial-gradient(40vmax 30vmax at 92% -6%,rgba(255,250,225,.22),transparent 70%),radial-gradient(70vmax 40vmax at 50% 112%,rgba(20,110,70,.35),transparent 70%)}
#ecc-splash .ecc-stumps{position:absolute;left:50%;top:50%;width:64px;height:150px;margin:-80px 0 0 -32px}
#ecc-splash .ecc-stumps i{position:absolute;bottom:0;width:9px;height:140px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#d9dde6,#fff 45%,#c7ccd8);box-shadow:0 2px 6px rgba(0,0,0,.35);transform-origin:50% 100%}
#ecc-splash .ecc-stumps .s1{left:2px;--t:-7deg}#ecc-splash .ecc-stumps .s2{left:27.5px;--t:5deg}#ecc-splash .ecc-stumps .s3{left:53px;--t:9deg}
#ecc-splash .ecc-stumps .bail{position:absolute;top:4px;width:30px;height:6px;border-radius:3px;background:linear-gradient(#fff,#e6d6a8);box-shadow:0 0 0 rgba(255,214,120,0)}
#ecc-splash .ecc-stumps .b1{left:3px}#ecc-splash .ecc-stumps .b2{left:31px}
#ecc-splash .ecc-pitchline{position:absolute;left:50%;top:calc(50% + 70px);width:min(80vw,520px);height:2px;margin-left:calc(min(80vw,520px)/-2);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
#ecc-splash .ecc-ballx{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;opacity:0}
#ecc-splash .ecc-ball{width:26px;height:26px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 34% 30%,#ff6b5a 0%,#c8102e 38%,#7a0816 100%);box-shadow:inset -3px -4px 6px rgba(0,0,0,.45),0 0 10px rgba(200,16,46,.35)}
#ecc-splash .ecc-ball i{position:absolute;left:50%;top:-2px;bottom:-2px;width:5px;margin-left:-2.5px;border-left:1.5px dashed rgba(255,240,225,.9);border-right:1.5px dashed rgba(255,240,225,.9)}
#ecc-splash .ecc-ballshadow{position:absolute;left:50%;top:calc(50% + 66px);width:30px;height:8px;margin-left:-15px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);opacity:0}
#ecc-splash .ecc-flash{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-150px 0 0 -110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,220,120,.7) 22%,rgba(255,200,80,0) 62%);opacity:0;transform:scale(.3)}
#ecc-splash .ecc-sparks{position:absolute;left:50%;top:50%;margin-top:-42px}
#ecc-splash .ecc-sparks i{position:absolute;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffe6a0;box-shadow:0 0 8px 2px rgba(255,210,110,.9);opacity:0}
/* Full: 0–820 ms flight, 820 ms impact, bails airborne to ~1270 ms, intro fades at 1250 ms */
html.ecc-splash-full #ecc-splash .ecc-ballx{animation:ecc-ball-x 1.1s both}
html.ecc-splash-full #ecc-splash .ecc-ball{animation:ecc-spin .82s linear both}
html.ecc-splash-full #ecc-splash .ecc-ballshadow{animation:ecc-ball-shadow 1.1s both}
html.ecc-splash-full #ecc-splash .ecc-stumps i{animation:ecc-jolt .32s cubic-bezier(.3,1.6,.5,1) .82s both}
html.ecc-splash-full #ecc-splash .ecc-stumps .b1{animation:ecc-bail-1 .45s cubic-bezier(.2,.7,.4,1) .82s both}
html.ecc-splash-full #ecc-splash .ecc-stumps .b2{animation:ecc-bail-2 .45s cubic-bezier(.2,.7,.4,1) .82s both}
html.ecc-splash-full #ecc-splash .ecc-flash{animation:ecc-flash .36s ease-out .82s both}
html.ecc-splash-full #ecc-splash .ecc-sparks i{animation:ecc-spark .4s ease-out .82s both}
#ecc-splash .ecc-sparks i:nth-child(1){--x:-46px;--y:-38px}#ecc-splash .ecc-sparks i:nth-child(2){--x:44px;--y:-44px}#ecc-splash .ecc-sparks i:nth-child(3){--x:-58px;--y:6px}#ecc-splash .ecc-sparks i:nth-child(4){--x:60px;--y:2px}#ecc-splash .ecc-sparks i:nth-child(5){--x:-18px;--y:-62px}#ecc-splash .ecc-sparks i:nth-child(6){--x:22px;--y:-60px}
@keyframes ecc-ball-x{0%{opacity:1;transform:translate(-58vw,58px);animation-timing-function:cubic-bezier(.45,.05,.75,.6)}40%{transform:translate(-30vw,-30px);animation-timing-function:cubic-bezier(.3,.3,.7,1)}74.5%{opacity:1;transform:translate(-44px,-30px);animation-timing-function:ease-out}100%{opacity:0;transform:translate(-120px,-78px)}}
@keyframes ecc-ball-shadow{0%{opacity:.6;transform:translateX(-58vw) scale(1)}40%{opacity:.25;transform:translateX(-30vw) scale(.6)}74.5%{opacity:.45;transform:translateX(-44px) scale(.8)}100%{opacity:0;transform:translateX(-120px) scale(.5)}}
@keyframes ecc-spin{from{transform:rotate(0)}to{transform:rotate(900deg)}}
@keyframes ecc-jolt{0%{transform:rotate(0)}45%{transform:rotate(var(--t))}100%{transform:rotate(calc(var(--t) * .55))}}
@keyframes ecc-bail-1{0%{opacity:1;transform:none;box-shadow:0 0 16px 6px rgba(255,214,120,.95)}55%{transform:translate(-46px,-96px) rotate(-220deg)}100%{opacity:0;transform:translate(-70px,-60px) rotate(-340deg);box-shadow:0 0 0 rgba(255,214,120,0)}}
@keyframes ecc-bail-2{0%{opacity:1;transform:none;box-shadow:0 0 16px 6px rgba(255,214,120,.95)}55%{transform:translate(52px,-110px) rotate(250deg)}100%{opacity:0;transform:translate(80px,-70px) rotate(380deg);box-shadow:0 0 0 rgba(255,214,120,0)}}
@keyframes ecc-flash{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}
@keyframes ecc-spark{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y))}}
/* Reduced: no flight, static stumps with a soft bail glow, then the logo */
html.ecc-splash-reduced #ecc-splash .ecc-ballx,html.ecc-splash-reduced #ecc-splash .ecc-ballshadow,html.ecc-splash-reduced #ecc-splash .ecc-flash,html.ecc-splash-reduced #ecc-splash .ecc-sparks{display:none}
html.ecc-splash-reduced #ecc-splash .ecc-stumps .bail{box-shadow:0 0 14px 5px rgba(255,214,120,.8)}
/* The approved logo splash waits for the intro */
html.ecc-splash-full{--intro:1250ms}
html.ecc-splash:not(.ecc-intro-done) #ecc-splash .ecc-mark,html.ecc-splash:not(.ecc-intro-done) #ecc-splash .ecc-name{visibility:hidden}