.dice-container.svelte-1uha8ag{perspective:800px;width:100%;display:flex;justify-content:center;padding:1rem 0}.dice-button.svelte-1uha8ag{background:transparent;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dice-button.svelte-1uha8ag:disabled{cursor:default}.dice-box.svelte-1uha8ag{position:relative;width:min(55vw,280px);height:min(55vw,280px);transform-style:preserve-3d}.dice-box.svelte-1uha8ag:not(.show-front){animation:svelte-1uha8ag-rolling 2s ease-out forwards}.dice-box.show-front.svelte-1uha8ag{transform:rotateX(0) rotateY(0) rotate(0);transition:transform .5s ease-out}.dice-face.svelte-1uha8ag{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:6px;object-fit:cover}.front.svelte-1uha8ag{transform:rotateY(0) translateZ(min(27.5vw,140px))}.back.svelte-1uha8ag{transform:rotateY(180deg) translateZ(min(27.5vw,140px))}.right.svelte-1uha8ag{transform:rotateY(90deg) translateZ(min(27.5vw,140px))}.left.svelte-1uha8ag{transform:rotateY(-90deg) translateZ(min(27.5vw,140px))}.top.svelte-1uha8ag{transform:rotateX(90deg) translateZ(min(27.5vw,140px))}.bottom.svelte-1uha8ag{transform:rotateX(-90deg) translateZ(min(27.5vw,140px))}@keyframes svelte-1uha8ag-rolling{0%{transform:rotateX(0) rotateY(0) rotate(0)}20%{transform:rotateX(180deg) rotateY(240deg) rotate(120deg)}40%{transform:rotateX(360deg) rotateY(120deg) rotate(240deg)}60%{transform:rotateX(540deg) rotateY(480deg) rotate(360deg)}80%{transform:rotateX(720deg) rotateY(360deg) rotate(720deg)}to{transform:rotateX(720deg) rotateY(360deg) rotate(720deg)}}