.pip-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,#20383d 0,#10191b 45%,#080e0f 100%);transition:opacity .58s ease,visibility .58s ease}.pip-splash.out{opacity:0;visibility:hidden}.splash-inner{text-align:center}.dice-stage{height:130px;display:flex;direction:ltr;align-items:center;justify-content:center;gap:42px;perspective:800px}.splash-die{position:relative;width:68px;height:68px;transform-style:preserve-3d;animation:dice-one 2.15s cubic-bezier(.45,.03,.25,1) infinite}.splash-die.second{animation-name:dice-two;animation-delay:-.38s}.face{position:absolute;inset:0;display:block;border:1px solid #8bddff;border-radius:12px;background-color:#4fc3ff;background-repeat:no-repeat;box-shadow:inset 7px 7px 14px #b8eaff66,inset -8px -8px 15px #087bb966,0 5px 14px #0005;backface-visibility:hidden}.front{transform:translateZ(34px)}.back{transform:rotateY(180deg) translateZ(34px)}.right{transform:rotateY(90deg) translateZ(34px)}.left{transform:rotateY(-90deg) translateZ(34px)}.top{transform:rotateX(90deg) translateZ(34px)}.bottom{transform:rotateX(-90deg) translateZ(34px)}.p1{background-image:radial-gradient(circle at 50% 50%,#7b183d 0 6px,transparent 6.7px)}.p2{background-image:radial-gradient(circle at 27% 27%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 73%,#7b183d 0 5px,transparent 5.7px)}.p3{background-image:radial-gradient(circle at 25% 25%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 50% 50%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 75% 75%,#7b183d 0 5px,transparent 5.7px)}.p4{background-image:radial-gradient(circle at 27% 27%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 27%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 27% 73%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 73%,#7b183d 0 5px,transparent 5.7px)}.p5{background-image:radial-gradient(circle at 25% 25%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 75% 25%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 50% 50%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 25% 75%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 75% 75%,#7b183d 0 5px,transparent 5.7px)}.p6{background-image:radial-gradient(circle at 27% 22%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 22%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 27% 50%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 50%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 27% 78%,#7b183d 0 5px,transparent 5.7px),radial-gradient(circle at 73% 78%,#7b183d 0 5px,transparent 5.7px)}.splash-title{margin-top:14px;font-size:21px;font-weight:800;letter-spacing:4px;color:#f3f5ef}.splash-sub{display:block;margin-top:8px;color:#91a5a8;font-size:10px;letter-spacing:0}@keyframes dice-one{0%{transform:rotateX(-18deg) rotateY(0) rotateZ(3deg) translateY(9px)}25%{transform:rotateX(165deg) rotateY(225deg) rotateZ(25deg) translateY(-17px)}50%{transform:rotateX(355deg) rotateY(455deg) rotateZ(-8deg) translateY(4px)}75%{transform:rotateX(545deg) rotateY(670deg) rotateZ(20deg) translateY(-14px)}100%{transform:rotateX(702deg) rotateY(900deg) rotateZ(3deg) translateY(9px)}}@keyframes dice-two{0%{transform:rotateX(15deg) rotateY(10deg) rotateZ(-5deg) translateY(-2px)}25%{transform:rotateX(-170deg) rotateY(235deg) rotateZ(-24deg) translateY(-19px)}50%{transform:rotateX(-365deg) rotateY(460deg) rotateZ(8deg) translateY(6px)}75%{transform:rotateX(-550deg) rotateY(685deg) rotateZ(-20deg) translateY(-15px)}100%{transform:rotateX(-705deg) rotateY(910deg) rotateZ(-5deg) translateY(-2px)}}@media(max-width:420px){.dice-stage{gap:34px;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.splash-die{animation:none;transform:rotateX(-18deg) rotateY(28deg)}.pip-splash{transition-duration:.15s}}