.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.dice{transform-style:preserve-3d;transition:transform 2s ease-out;position:relative;width:200px;height:200px}.dice-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:3px solid #d1d5db;background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 15px #0000001a,0 6px 15px #00000026}.dice-dot{width:22px;height:22px;background:#1f2937;border-radius:50%;box-shadow:inset 3px 3px 6px #0000004d;flex-shrink:0}.dice-face-1 .dice-dot-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dice-face-2 .dice-dot-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px}.dice-face-2 .dice-dot-container .dice-dot:nth-child(1){align-self:flex-start}.dice-face-2 .dice-dot-container .dice-dot:nth-child(2){align-self:flex-end}.dice-face-3 .dice-dot-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px}.dice-face-3 .dice-dot-container .dice-dot:nth-child(1){align-self:flex-start}.dice-face-3 .dice-dot-container .dice-dot:nth-child(2){align-self:center}.dice-face-3 .dice-dot-container .dice-dot:nth-child(3){align-self:flex-end}.dice-face-4 .dice-dot-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:25px;width:85%;height:85%;place-items:center}.dice-face-5 .dice-dot-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:85%;height:85%;place-items:center;position:relative}.dice-face-5 .dice-dot-container .dice-dot:nth-child(5){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);grid-column:1 / span 2;grid-row:1 / span 2}.dice-face-6 .dice-dot-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:20px;width:85%;height:85%;place-items:center}.dice-face-1{transform:translateZ(100px)}.dice-face-2{transform:rotateY(180deg) translateZ(100px)}.dice-face-3{transform:rotateY(90deg) translateZ(100px)}.dice-face-4{transform:rotateY(-90deg) translateZ(100px)}.dice-face-5{transform:rotateX(90deg) translateZ(100px)}.dice-face-6{transform:rotateX(-90deg) translateZ(100px)}.dice-rolling{animation:roll-dice 2s cubic-bezier(.4,0,.2,1)}@keyframes roll-dice{0%{transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:rotateX(120deg) rotateY(240deg) rotate(60deg)}33%{transform:rotateX(240deg) rotateY(480deg) rotate(120deg)}50%{transform:rotateX(360deg) rotateY(720deg) rotate(180deg)}66%{transform:rotateX(480deg) rotateY(960deg) rotate(240deg)}83%{transform:rotateX(600deg) rotateY(1200deg) rotate(300deg)}to{transform:rotateX(720deg) rotateY(1440deg) rotate(360deg)}}.dice-result-appear{animation:dice-result-appear .5s ease-out}@keyframes dice-result-appear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}70%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.dice-stats-pulse{animation:dice-stats-pulse .6s ease-in-out}@keyframes dice-stats-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.distribution-appear{animation:distribution-appear .8s ease-out}@keyframes distribution-appear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}