.splash{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#fcf5e7;cursor:pointer;animation:splash-out .4s ease-in 2.7s both}.splash[data-skipped]{animation:splash-out .2s ease-in both}.splash-stage{display:flex;flex-direction:column;align-items:center;gap:20px;animation:splash-in .3s ease-out both}.splash-mark{position:relative;width:136px;height:136px}@media (min-width:1024px){.splash-mark{width:168px;height:168px}}.splash-mark img{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 88%;will-change:transform;animation-duration:.6s;animation-delay:.4s;animation-fill-mode:both;animation-timing-function:linear}.splash-mark .splash-eyes{animation-delay:.445s}.splash[data-variant=a] .splash-mark img{animation-name:splash-squash}.splash[data-variant=b] .splash-mark img{animation-name:splash-swell;transform-origin:50% 55%}.splash[data-variant=c] .splash-mark img{animation-name:splash-jelly;animation-duration:.74s}.splash[data-variant=c] .splash-mark .splash-eyes{animation-delay:.47s}.splash[data-app=shop] .splash-mark{perspective:460px;perspective-origin:42% 72%}.splash[data-app=shop] .splash-mark .splash-door{transform-origin:29.1% 72%;animation:splash-door-open .9s .55s both}@keyframes splash-door-open{0%{transform:rotateY(0deg);filter:brightness(1);animation-timing-function:cubic-bezier(.45,0,.25,1)}78%{transform:rotateY(80deg);filter:brightness(.82);animation-timing-function:cubic-bezier(.4,0,.3,1)}to{transform:rotateY(74deg);filter:brightness(.86)}}@keyframes splash-in{0%{opacity:0}to{opacity:1}}@keyframes splash-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes splash-squash{0%{transform:scale(1);animation-timing-function:cubic-bezier(.3,0,.2,1)}24%{transform:scale(1.06,.92);animation-timing-function:cubic-bezier(.4,0,.3,1)}50%{transform:scale(.975,1.03);animation-timing-function:cubic-bezier(.4,0,.3,1)}72%{transform:scale(1.01,.99);animation-timing-function:cubic-bezier(.4,0,.3,1)}88%{transform:scale(.998,1.003);animation-timing-function:ease-out}to{transform:scale(1)}}@keyframes splash-swell{0%{transform:scale(1);animation-timing-function:cubic-bezier(.3,0,.2,1)}26%{transform:scale(1.07,.975);animation-timing-function:cubic-bezier(.4,0,.3,1)}52%{transform:scale(.975,1.012);animation-timing-function:cubic-bezier(.4,0,.3,1)}74%{transform:scale(1.01,.997);animation-timing-function:cubic-bezier(.4,0,.3,1)}to{transform:scale(1)}}@keyframes splash-jelly{0%{transform:scale(1) skewX(0);animation-timing-function:cubic-bezier(.3,0,.2,1)}20%{transform:scale(1.055,.93) skewX(0);animation-timing-function:cubic-bezier(.45,0,.35,1)}42%{transform:scale(.97,1.035) skewX(-1.2deg);animation-timing-function:cubic-bezier(.45,0,.35,1)}62%{transform:scale(1.015,.985) skewX(-.5deg);animation-timing-function:cubic-bezier(.45,0,.35,1)}80%{transform:scale(.995,1.006) skewX(-.15deg);animation-timing-function:ease-out}to{transform:scale(1) skewX(0)}}@media (prefers-reduced-motion:reduce){.splash-mark img,.splash[data-app=shop] .splash-mark .splash-door{animation:none}}html[data-splash=done] .splash{display:none}