@keyframes svelte-1gkmddu-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse.svelte-1gkmddu{animation:svelte-1gkmddu-pulse 1.5s ease infinite}.dice-container.svelte-1gkmddu{width:50px;height:50px;perspective:600px;margin:5px;cursor:pointer}@keyframes svelte-1gkmddu-placeholder-roll{0%{transform:rotate(0) scale(1);background-position:0% 0%}25%{transform:rotate(-15deg) scale(1.1);background-position:25% 25%}50%{transform:rotate(0) scale(1);background-position:50% 50%}75%{transform:rotate(15deg) scale(1.1);background-position:75% 75%}to{transform:rotate(0) scale(1);background-position:100% 100%}}.dice.svelte-1gkmddu{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s}.dice-face.svelte-1gkmddu{position:absolute;width:100%;height:100%;background-color:#fff;border:2px solid #333;border-radius:5%;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 10px #0000001a;backface-visibility:visible}.dice-face.front.svelte-1gkmddu{transform:translateZ(25px)}.dice-face.back.svelte-1gkmddu{transform:rotateY(180deg) translateZ(25px)}.dice-face.right.svelte-1gkmddu{transform:rotateY(90deg) translateZ(25px)}.dice-face.left.svelte-1gkmddu{transform:rotateY(-90deg) translateZ(25px)}.dice-face.top.svelte-1gkmddu{transform:rotateX(90deg) translateZ(25px)}.dice-face.bottom.svelte-1gkmddu{transform:rotateX(-90deg) translateZ(25px)}.dot.svelte-1gkmddu{position:absolute;width:10px;height:10px;background-color:#333;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #000c}.dice-container.svelte-1gkmddu:hover .dice:where(.svelte-1gkmddu){transform:rotateX(20deg) rotateY(20deg);box-shadow:0 5px 15px #0000004d}@keyframes svelte-1gkmddu-roll{0%{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(90deg) rotateY(45deg) rotate(45deg)}50%{transform:rotateX(180deg) rotateY(90deg) rotate(90deg)}75%{transform:rotateX(270deg) rotateY(135deg) rotate(135deg)}to{transform:rotateX(360deg) rotateY(180deg) rotate(180deg)}}@keyframes svelte-1gkmddu-enhanced-roll{0%{transform:rotateX(0) rotateY(0) rotate(0)}10%{transform:rotateX(45deg) rotateY(90deg) rotate(22.5deg)}20%{transform:rotateX(90deg) rotateY(180deg) rotate(45deg)}30%{transform:rotateX(135deg) rotateY(270deg) rotate(67.5deg)}40%{transform:rotateX(180deg) rotateY(360deg) rotate(90deg)}50%{transform:rotateX(225deg) rotateY(450deg) rotate(112.5deg)}60%{transform:rotateX(270deg) rotateY(540deg) rotate(135deg)}70%{transform:rotateX(315deg) rotateY(630deg) rotate(157.5deg)}80%{transform:rotateX(360deg) rotateY(720deg) rotate(180deg)}90%{transform:rotateX(405deg) rotateY(810deg) rotate(202.5deg)}to{transform:rotateX(450deg) rotateY(900deg) rotate(225deg)}}.rolling .dice{animation:svelte-1gkmddu-enhanced-roll 1.2s cubic-bezier(.3,0,.7,1) infinite;box-shadow:0 0 15px #0000004d;transform-origin:center center}@keyframes svelte-1gkmddu-glow{0%,to{box-shadow:0 0 5px #ffffff80,0 0 10px #0000004d}50%{box-shadow:0 0 10px #fffc,0 0 15px #00000080}}.dice.svelte-1gkmddu:before{content:"";position:absolute;width:100%;height:20px;bottom:-20px;left:0;background:radial-gradient(ellipse at center,#0000004d,#0000 70%);border-radius:50%;z-index:-1;transform:rotateX(90deg) translateZ(-10px);filter:blur(3px);opacity:.7}.rolling .dice-face{box-shadow:0 0 10px #0006;border-color:#555;animation:svelte-1gkmddu-glow .8s ease-in-out infinite}@keyframes svelte-1gkmddu-bounce-settle{0%{transform:translateY(-5px) rotateX(10deg)}50%{transform:translateY(2px) rotateX(-5deg)}to{transform:translateY(0) rotateX(0)}}.dice-container.svelte-1gkmddu:not(.rolling) .dice:where(.svelte-1gkmddu){animation:svelte-1gkmddu-bounce-settle .5s ease-out forwards}@keyframes svelte-1gkmddu-wobble{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.rolling{animation:svelte-1gkmddu-wobble .3s ease-in-out infinite}.dice-box.svelte-1gkmddu{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #333;border-radius:15%;font-weight:700;font-size:.9rem;box-shadow:0 3px 10px #0003;margin:5px;position:relative;transform:rotate(5deg);transition:transform .3s ease}.dice-box.svelte-1gkmddu:hover{transform:rotate(0) scale(1.05)}.dice-box.rolling.svelte-1gkmddu{animation:svelte-1gkmddu-box-roll .8s ease-in-out infinite}@keyframes svelte-1gkmddu-box-roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(0) scale(1)}}