.dice-face{color:#2563eb;flex-shrink:0;width:96px;height:96px;display:block}.dark .dice-face{color:#93c5fd}.dark .dice-face__artwork{filter:brightness(1.6)}button[aria-pressed=true] .dice-face{color:#fff}button[aria-pressed=true] .dice-face__artwork{filter:brightness(0)invert()}.dice-face--discarded{color:#64748b}.dice-face--discarded .dice-face__artwork{filter:grayscale();opacity:.7}.dark .dice-face--discarded{color:#94a3b8}.dark .dice-face--discarded .dice-face__artwork{filter:grayscale()brightness(1.6)}.dice-stage .dice-face{filter:drop-shadow(0 3px 3px #0f172a1a)}.dice-stage{background:radial-gradient(#3b82f614,#0000 75%);border-radius:1rem;grid-template-columns:repeat(auto-fit,112px);place-content:start center;gap:1rem;min-height:300px;max-height:480px;padding:104px .5rem 2rem;display:grid;overflow-y:auto}.dice-stage>*{flex-direction:column;align-items:center;gap:.5rem;min-width:0;display:flex}.dice-cell{isolation:isolate;position:relative}.dice-cell:after{content:"";background:linear-gradient(90deg,#0000,#64748b40,#0000);width:96px;height:1px;position:absolute;top:96px}.dice-ground-shadow{filter:blur(3px);z-index:-1;background:#0f172a33;border-radius:50%;width:44px;height:7px;position:absolute;top:88px}.dark .dice-ground-shadow{background:#00000080}.dice-roll-body .dice-face>ellipse{visibility:hidden}.dice-face--rolling .dice-roll-body{animation:dice-drop var(--dice-flight-duration) linear var(--dice-delay) both}.dice-face--rolling .dice-face{transform-origin:50%;animation:dice-spin var(--dice-flight-duration) linear var(--dice-delay) both}.dice-face--rolling .dice-ground-shadow{animation:dice-shadow var(--dice-flight-duration) linear var(--dice-delay) both}.dice-face--small{width:40px;height:40px}@keyframes dice-drop{0%{animation-timing-function:ease-out;transform:translateY(-56px)}20%{animation-timing-function:cubic-bezier(.55,0,1,1);transform:translateY(-80px)}62.222%{animation-timing-function:ease-out;transform:translateY(0)}76%{animation-timing-function:ease-in;transform:translateY(-18px)}87%{animation-timing-function:ease-out;transform:translateY(0)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes dice-spin{0%{transform:perspective(480px) rotateY(calc(-720deg * var(--dice-direction))) rotateZ(calc(-1080deg * var(--dice-direction))) scale(.82)}20%{transform:perspective(480px) rotateY(calc(-480deg * var(--dice-direction))) rotateZ(calc(-720deg * var(--dice-direction))) scale(.82)}40%{transform:perspective(480px) rotateY(calc(-240deg * var(--dice-direction))) rotateZ(calc(-360deg * var(--dice-direction))) scale(.86)}60%{transform:perspective(480px) rotateY(0deg) rotateZ(calc(-24deg * var(--dice-direction))) scale(1)}62.222%{transform:perspective(480px)rotateY(0)rotate(0)scale(1.08,.9)}76%{transform:perspective(480px) rotateY(0deg) rotateZ(calc(10deg * var(--dice-direction))) scale(1)}87%{transform:perspective(480px) rotateY(0deg) rotateZ(calc(-4deg * var(--dice-direction))) scale(1.03, .97)}93%{transform:perspective(480px) rotateY(0deg) rotateZ(calc(2deg * var(--dice-direction))) scale(1)}to{transform:perspective(480px)rotateY(0)rotate(0)scale(1)}}@keyframes dice-shadow{0%,20%{opacity:.25;transform:scale(.45)}62.222%{opacity:1;transform:scale(1.15)}76%{opacity:.5;transform:scale(.75)}87%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dice-face--rolling .dice-face,.dice-face--rolling .dice-roll-body,.dice-face--rolling .dice-ground-shadow{animation:none}}