.center .die-cube-shell{--die-size:clamp(60px,9.96vw,98px);display:block;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(11deg);filter:drop-shadow(0 13px 8px #000a)}
.center .die-cube-shell .die-cube{--die-size:inherit;width:100%!important;height:100%!important;transform-style:preserve-3d}
.center .die-face{overflow:hidden!important;-webkit-text-stroke:0!important;text-stroke:0!important;font-size:0!important}
.center .die-face>b{position:relative;z-index:3;display:block;color:#fff;font:900 clamp(45px,5.8vw,70px)/1 Arial,sans-serif;-webkit-text-stroke:0!important;text-stroke:0!important;text-shadow:0 3px 0 #16071c,2px 0 0 #16071c,-2px 0 0 #16071c,0 -2px 0 #16071c,0 0 10px #fff;transform:translateZ(2px)}
.center .die-face::after{inset:7px!important;border-radius:11px!important;border:1px solid #ffffff45!important;box-shadow:inset 0 0 0 1px #17071d33!important}
.center .face-4>b{font-family:Arial,sans-serif!important;font-weight:900!important;letter-spacing:-3px!important;transform:translateX(-1px) translateZ(2px)}
.center .roll-btn.rolling .die-cube-shell{animation:die-shell-bounce 1.88s cubic-bezier(.18,.72,.18,1) both}
@keyframes die-shell-bounce{0%,100%{transform:rotateX(-8deg) rotateY(11deg) scale(1)}35%{transform:rotateX(7deg) rotateY(-8deg) scale(1.12)}72%{transform:rotateX(-13deg) rotateY(14deg) scale(.94)}}
@media(max-width:760px){.center .die-cube-shell{--die-size:clamp(52px,16.8vw,70px)}.center .die-face>b{font-size:38px}}