.dice-scene{perspective:900px;width:var(--dice-size);height:var(--dice-size);margin:0 auto}.dice-solid{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--land-x,-20deg)) rotateY(var(--land-y,20deg));transition:transform .9s cubic-bezier(.2,.9,.25,1);position:relative}.dice-solid.is-rolling{animation:1.5s cubic-bezier(.35,.05,.25,1) forwards dice-tumble}@keyframes dice-tumble{0%{transform:rotateX(-20deg)rotateY(20deg)rotate(0)}40%{transform:rotateX(500deg)rotateY(400deg)rotate(120deg)}75%{transform:rotateX(860deg)rotateY(720deg)rotate(240deg)}to{transform:rotateX(1060deg)rotateY(920deg)rotate(360deg)}}.dice-face{width:var(--edge);height:calc(var(--edge) * .866025);margin-left:calc(var(--edge) / -2);margin-top:calc(var(--edge) * -.433013);clip-path:polygon(50% 0%,100% 100%,0% 100%);backface-visibility:hidden;transform:rotateY(var(--place-y)) rotateX(var(--place-x)) rotateZ(var(--place-z)) translateZ(var(--inradius)) translateY(calc(var(--edge) * -.144338));background:linear-gradient(160deg,#2a1d10 0%,#120c06 100%);place-items:center;display:grid;position:absolute;top:50%;left:50%}.dice-face span{font-weight:900;font-size:calc(var(--edge) * .26);color:#f0c855;transform:translateY(calc(var(--edge) * .144));text-shadow:0 1px 2px #000c}@media (prefers-reduced-motion:reduce){.dice-solid,.dice-solid.is-rolling{transition:none;animation:none}}