.roll-btn{min-height:82px;padding:10px 20px;background:linear-gradient(135deg,#d4ff59,#91df16);box-shadow:0 9px 0 #527f0c,0 16px 30px #b7ff2a35}.die-cube{position:relative;display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:3px solid #17101f;border-radius:13px;background:linear-gradient(145deg,#fff,#d8d2c9);color:#17101f;box-shadow:inset -7px -7px 0 #b8b0a7,0 6px 0 #17101f;transform-style:preserve-3d}.die-number{font:30px "Archivo Black";line-height:1}.roll-btn:hover .die-cube{transform:translateY(-3px) rotate(-4deg)}.rolling .die-cube{animation:slow-tumble 1.8s cubic-bezier(.25,.8,.25,1) both}.rolling{pointer-events:none;filter:saturate(1.2)}.pawn{transition:left .9s cubic-bezier(.18,.8,.25,1),top .9s cubic-bezier(.18,.8,.25,1),transform .35s}.impact.show{animation-duration:1.25s}.shake{animation-duration:.75s}.toast.show{animation-duration:2.5s}.confetti i{animation-duration:2.8s}@keyframes slow-tumble{0%{transform:rotate(0) scale(1)}18%{transform:rotateX(130deg) rotateY(70deg) scale(1.12)}42%{transform:rotateX(280deg) rotateY(210deg) scale(.92)}70%{transform:rotateX(430deg) rotateY(390deg) scale(1.1)}100%{transform:rotateX(720deg) rotateY(720deg) scale(1)}}@media(max-width:760px){.roll-btn{min-height:72px}.die-cube{width:50px;height:50px;flex-basis:50px}.die-number{font-size:26px}}