.dice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-items:center;gap:1.25rem;width:min(100%,35rem);margin-inline:auto;display:grid}.dice-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.dice-face{aspect-ratio:1;border:3px solid var(--border);border-radius:var(--radius-lg);width:min(100%,9rem);box-shadow:var(--shadow-brutal);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8%;padding:1.25rem;display:grid}.dice-pip{aspect-ratio:1;background:var(--foreground);visibility:hidden;border-radius:50%;align-self:center;width:100%}.dice-pip[data-visible=true]{visibility:visible}.dice-neutral{color:var(--muted-foreground);grid-area:1/1/4/4;place-self:center}@keyframes dice-roll{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-7px)rotate(-7deg)}75%{transform:translateY(-3px)rotate(7deg)}}.dice-rolling{animation:.22s ease-in-out infinite dice-roll}@media (width>=640px){.dice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}.dice-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,23rem)}}@media (prefers-reduced-motion:reduce){.dice-rolling{animation:none}}