@layer tailwind.components{.die{--s: 3rem;position:relative;flex:none;display:grid;place-items:center;width:var(--s);aspect-ratio:1;padding:0;border-radius:calc(var(--s) * .2);background:linear-gradient(145deg,var(--die, #fafaf9),color-mix(in oklab,var(--die, #fafaf9) 82%,black));color:var(--pip, #111827);box-shadow:inset 0 -2px #0000002e,0 1px 2px #00000059,0 4px 10px -4px #00000080;-webkit-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;font-family:ui-rounded,Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}.die[data-size=sm]{--s: 1.75rem}.die[data-size=lg]{--s: 3.6rem}@media(min-width:640px){.die{--s: 3.4rem}.die[data-size=sm]{--s: 2rem}.die[data-size=lg]{--s: 4.4rem}}.die[data-interactive=true]{cursor:pointer}.die[data-interactive=true]:hover{transform:translateY(-3px)}.die[data-held=true]{transform:translateY(-10px);box-shadow:0 0 0 3px var(--accent, #f59e0b),0 10px 18px -6px #00000080}.die[data-blank=true]{opacity:.45}.die[data-disabled=true]{opacity:.55;filter:saturate(.6)}.die-pips{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);width:72%;height:72%}.die-pips>span{place-self:center}.die-pip{width:calc(var(--s) * .17);aspect-ratio:1;border-radius:9999px;background:currentColor;box-shadow:inset 0 1px 1px #00000059}.die-numeral{font-weight:800;font-size:calc(var(--s) * .5);line-height:1}.die-numeral[data-long=true]{font-size:calc(var(--s) * .3)}.dice-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;padding-top:12px}@keyframes die-tumble{0%{transform:translateY(-18px) rotate(-200deg) scale(.7);opacity:0}60%{transform:translateY(3px) rotate(15deg) scale(1.04);opacity:1}to{transform:none}}.die-rolling{animation:die-tumble .42s cubic-bezier(.2,.7,.3,1) backwards}@media(prefers-reduced-motion:reduce){.die{transition:none}.die-rolling{animation:none}}}