#pk-splash{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#493075 0,transparent 60%),#100d2f;color:white;opacity:1;transition:opacity .45s ease;touch-action:manipulation}
#pk-splash.pk-splash-leaving{opacity:0;pointer-events:none}
#pk-splash .splash-stars{position:absolute;inset:-20%;background-image:radial-gradient(circle,#fff9 1px,transparent 2px),radial-gradient(circle,#ffda7899 1px,transparent 3px);background-size:73px 89px,137px 151px;transform:rotate(-12deg);animation:pk-splash-stars 3s ease-out both}
#pk-splash .splash-logo{position:relative;text-align:center;font-family:Inter,system-ui,sans-serif;font-weight:950;line-height:.88;letter-spacing:-.065em;font-size:clamp(64px,15vw,128px);animation:pk-splash-arrive 1s cubic-bezier(.2,.8,.25,1) both;text-shadow:0 8px 32px #05031688}
#pk-splash .splash-logo span{display:block;color:#ffd32c}
#pk-splash .splash-orbit{position:absolute;width:min(80vw,550px);aspect-ratio:1;border:1px solid #c29eff33;border-radius:50%;transform:rotate(-30deg) scaleY(.6)}
#pk-splash .splash-orbit:after{content:'✦';position:absolute;top:13%;left:13%;font-size:38px;color:#ffdf64;filter:drop-shadow(0 0 15px #ffe06c)}
#pk-splash .splash-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#46d8ed26;filter:blur(50px);transform:translate(120px,80px)}
#pk-splash .splash-caption{position:absolute;bottom:max(14%,env(safe-area-inset-bottom));font:700 clamp(14px,3vw,19px) system-ui;letter-spacing:.06em;color:#f2eaff;animation:pk-splash-arrive 1s .25s both}
#pk-splash .splash-skip{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));border:1px solid #ffffff66;border-radius:24px;padding:10px 18px;background:#ffffff15;color:white;font:700 14px system-ui;cursor:pointer}
@keyframes pk-splash-arrive{from{opacity:0;transform:translateY(18px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pk-splash-stars{from{opacity:0;transform:rotate(-12deg) scale(1.12)}to{opacity:1;transform:rotate(-12deg) scale(1)}}
@media(prefers-reduced-motion:reduce){#pk-splash *{animation:none!important}#pk-splash{transition:none}}

/* Rocket follows an arc above the title, without hiding the words. */
#pk-splash .splash-rocket{position:absolute;left:50%;top:50%;width:64px;height:64px;pointer-events:none;animation:pk-rocket-flight 2.2s cubic-bezier(.25,.55,.55,1) both;filter:drop-shadow(0 0 14px #72e2ff80)}
#pk-splash .splash-rocket span{position:relative;z-index:1;display:block;font-size:58px;line-height:1}
#pk-splash .splash-rocket:before{content:'';position:absolute;right:36px;top:44px;width:110px;height:12px;border-radius:100%;background:linear-gradient(90deg,transparent,#ab83ff99,#61e5ff,#fff1ad);transform:rotate(-38deg);transform-origin:right center;filter:blur(3px)}
@keyframes pk-rocket-flight{0%{opacity:0;transform:translate(-55vw,30px) rotate(-10deg) scale(.65)}15%{opacity:1}45%{transform:translate(-110px,-150px) rotate(8deg) scale(1)}75%{opacity:1;transform:translate(85px,-170px) rotate(28deg) scale(1)}100%{opacity:0;transform:translate(55vw,-210px) rotate(45deg) scale(.75)}}
@media(max-height:450px){#pk-splash .splash-rocket{top:70%}}
@media(prefers-reduced-motion:reduce){#pk-splash .splash-rocket{transform:translate(75px,-135px);opacity:1}#pk-splash .splash-rocket:before{display:none}}
