.mobile-splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:radial-gradient(ellipse at 50% 60%,#1a3a1a 0,#0d1f0d 60%,#060f06 100%);z-index:9999;animation:splashFadeIn .4s ease-out;overflow:hidden}.mobile-splash-screen.fade-out{animation:splashFadeOut .35s ease-in forwards}.splash-court-lines{position:absolute;inset:0;pointer-events:none;opacity:.08}.splash-court-lines:before{content:"";position:absolute;left:calc(10% - 3.5px);top:65%;bottom:10%;width:7px;background:#fff;transform:translateX(-50%)}.splash-court-lines:after{content:"";position:absolute;left:10%;right:10%;bottom:calc(10% - 3.5px);height:7px;background:#fff;transform:translateY(-50%)}.splash-court-lines-two{position:absolute;inset:0;pointer-events:none;opacity:.08}.splash-court-lines-two:before{content:"";position:absolute;right:calc(10% - 3.5px);top:65%;bottom:10%;width:7px;background:#fff;transform:translateX(-50%)}.splash-ball-scene{position:absolute;bottom:72%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.splash-ball-shadow{width:70px;height:14px;background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0,transparent 75%);border-radius:50%;animation:shadowPulse .75s cubic-bezier(.215,.61,.355,1) infinite alternate;margin-top:2px;order:2}.splash-tennis-ball{width:80px;height:80px;border-radius:50%;background:radial-gradient(ellipse at 38% 35%,#e8ff1a 0,#cce000 55%,#a8ba00 100%);position:relative;overflow:hidden;box-shadow:inset -6px -6px 14px rgba(0,0,0,.22),inset 4px 4px 10px rgba(255,255,255,.18),0 6px 24px rgba(0,0,0,.45);order:1;animation:ballBounce .75s cubic-bezier(.215,.61,.355,1) infinite alternate;transform-origin:center bottom}.splash-tennis-ball:after,.splash-tennis-ball:before{content:"";position:absolute;display:block;height:100%;width:100%;border:8px solid rgba(255,255,255,.82);border-radius:50%;box-sizing:border-box;top:0;left:0}.splash-tennis-ball:before{clip-path:inset(0 50% 0 0);transform:scaleX(.45) translateX(-38%)}.splash-tennis-ball:after{clip-path:inset(0 0 0 50%);transform:scaleX(.45) translateX(38%)}.splash-content{position:absolute;top:18%;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;animation:contentRise .6s cubic-bezier(.22,1,.36,1) .3s both}.splash-title{font-size:2.8rem;font-weight:800;color:#e8ff1a;margin:0 0 .4rem;letter-spacing:.04em;text-shadow:0 2px 24px rgba(200,240,0,.35)}.splash-subtitle{font-size:1rem;color:rgba(255,255,255,.75);margin:0;font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}@keyframes ballBounce{0%{transform:translateY(-110px) scaleX(.95) scaleY(1.08);animation-timing-function:cubic-bezier(.55,0,1,.45)}85%{transform:translateY(0) scaleX(1) scaleY(1);animation-timing-function:cubic-bezier(0,.55,.45,1)}to{transform:translateY(0) scaleX(1.28) scaleY(.72)}}@keyframes shadowPulse{0%{transform:scaleX(.45);opacity:.35}to{transform:scaleX(1.25);opacity:.7}}@keyframes contentRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:640px){.splash-title{font-size:2.2rem}.splash-tennis-ball{width:66px;height:66px}.splash-ball-shadow{width:58px}}body:has(.mobile-splash-screen){overflow:hidden}#ground{background:#ad8766;top:65vh;left:0;right:0;bottom:0;z-index:0}#ground,#shadow{position:absolute}#shadow{top:calc(65vh + .5em);left:50%;margin-left:-1em;width:2em;height:1em;background:#111;border-radius:50%;-webkit-animation:pulse .5s infinite alternate;-moz-animation:pulse .5s infinite alternate;-o-animation:pulse .5s infinite alternate;animation:pulse .5s infinite alternate}@-webkit-keyframes pulse{0%{width:2em;margin-left:-1em}50%{width:2.5em;margin-left:-1.25em}to{width:3em;margin-left:-1.5em}}@-moz-keyframes pulse{0%{width:2em;margin-left:-1em}50%{width:2.5em;margin-left:-1.25em}to{width:3em;margin-left:-1.5em}}@-o-keyframes pulse{0%{width:2em;margin-left:-1em}50%{width:2.5em;margin-left:-1.25em}to{width:3em;margin-left:-1.5em}}@keyframes pulse{0%{width:2em;margin-left:-1em}50%{width:2.5em;margin-left:-1.25em}to{width:3em;margin-left:-1.5em}}#ball{position:relative;top:45vh;width:3em;height:3em;border-radius:50%;margin:0 auto;z-index:2;-webkit-animation:bounce .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;-moz-animation:bounce .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;-o-animation:bounce .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;animation:bounce .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;background-color:#cc0;background:radial-gradient(ellipse at center,#cc0 0,olive 100%);overflow:hidden}#ball:after,#ball:before{content:"";position:absolute;display:block;height:100%;width:100%;border:3px solid #fff;border-radius:50%;box-sizing:border-box;background:transparent}#ball:before{right:70%}#ball:after{left:70%}@-webkit-keyframes bounce{0%,10%{top:43vh;height:3em;width:3em}15%{height:3.15em;width:2.9em}35%{height:3.25em;width:2.75em}75%{height:3.25em;width:2.75em}95%{height:2em;width:3.5em}to{top:65vh;height:1em;width:3em}}@-moz-keyframes bounce{0%,10%{top:43vh;height:3em;width:3em}15%{height:3.15em;width:2.9em}35%{height:3.25em;width:2.75em}75%{height:3.25em;width:2.75em}95%{height:2em;width:3.5em}to{top:65vh;height:1em;width:3em}}@-o-keyframes bounce{0%,10%{top:43vh;height:3em;width:3em}15%{height:3.15em;width:2.9em}35%{height:3.25em;width:2.75em}75%{height:3.25em;width:2.75em}95%{height:2em;width:3.5em}to{top:65vh;height:1em;width:3em}}@keyframes bounce{0%,10%{top:43vh;height:3em;width:3em}15%{height:3.15em;width:2.9em}35%{height:3.25em;width:2.75em}75%{height:3.25em;width:2.75em}95%{height:2em;width:3.5em}to{top:65vh;height:1em;width:3em}}