.center .roll-btn{perspective:700px;perspective-origin:50% 42%}.center .die-face{transform-style:preserve-3d}.center .face-1::after,.center .face-2::after,.center .face-3::after,.center .face-4::after,.center .face-5::after,.center .face-6::after{content:'';position:absolute;inset:5px;border-radius:12px;border:1px solid rgba(255,255,255,.32);pointer-events:none}
.center .roll-btn.rolling .die-cube{animation-duration:1.88s!important}
.center .roll-btn:hover .die-cube,.center .roll-btn:active .die-cube{transform:rotateX(var(--face-x)) rotateY(var(--face-y))}