.center .roll-btn{overflow:visible;isolation:isolate}.center .die-cube{--die-size:clamp(60px,9.96vw,98px);--face-x:0deg;--face-y:90deg;width:var(--die-size)!important;height:var(--die-size)!important;display:block!important;position:relative;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform-style:preserve-3d;transform:rotateX(var(--face-x)) rotateY(var(--face-y));animation:none;transition:transform .48s cubic-bezier(.2,.8,.2,1)}.center .die-cube::before,.center .die-cube::after{content:none!important}.center .die-number{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.center .die-face{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:4px solid var(--dice-turn,#fff);border-radius:18px;background:linear-gradient(145deg,#ffed00 0%,#ff4d00 24%,#ff008c 49%,#7828ff 73%,#00d9ff 100%);color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:clamp(47px,6vw,72px);font-weight:900;font-style:normal;line-height:1;text-shadow:0 4px 0 #16071c,2px 0 0 #16071c,-2px 0 0 #16071c,0 -2px 0 #16071c,0 0 12px #fff;box-shadow:inset -12px -13px 16px #19021dcc,inset 9px 8px 12px #fff9,0 0 13px var(--dice-turn,#00e5ff);backface-visibility:hidden;transform-style:preserve-3d}.center .die-face::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 18%,#fff9 0 5%,transparent 18%),repeating-radial-gradient(circle at 80% 75%,transparent 0 9px,#ffffff1e 10px 13px);pointer-events:none}.center .die-face::after{content:"";position:absolute!important;inset:6px!important;border:1px solid #ffffff61!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px #10031755;pointer-events:none}.center .face-1{transform:translateZ(calc(var(--die-size)/2))}.center .face-2{transform:rotateY(90deg) translateZ(calc(var(--die-size)/2))}.center .face-3{transform:rotateX(90deg) translateZ(calc(var(--die-size)/2))}.center .face-4{transform:rotateX(-90deg) translateZ(calc(var(--die-size)/2))}.center .face-5{transform:rotateY(-90deg) translateZ(calc(var(--die-size)/2))}.center .face-6{transform:rotateY(180deg) translateZ(calc(var(--die-size)/2))}.center .roll-btn.rolling .die-cube{animation:real-dice-tumble 1.62s cubic-bezier(.18,.72,.18,1) both!important}@keyframes real-dice-tumble{0%{transform:rotateX(var(--face-x)) rotateY(var(--face-y)) rotateZ(0) scale(1)}35%{transform:rotateX(290deg) rotateY(405deg) rotateZ(155deg) scale(1.14)}72%{transform:rotateX(610deg) rotateY(735deg) rotateZ(325deg) scale(.92)}100%{transform:rotateX(calc(720deg + var(--face-x))) rotateY(calc(720deg + var(--face-y))) rotateZ(360deg) scale(1)}}@media(max-width:760px){.center .die-cube{--die-size:clamp(52px,16.8vw,70px)}.center .die-face{border-width:3px;border-radius:13px;font-size:38px}}