.g-dice{width:120px;height:120px;border-radius:1.1rem;background:#fff;border:2px solid color-mix(in srgb,var(--g-sage) 35%,transparent);box-shadow:0 12px 28px var(--g-shadow);display:grid;place-items:center;font-family:var(--g-font-display);font-weight:700;font-size:1.05rem;text-align:center;padding:.75rem;transition:transform .12s ease}.g-dice.is-rolling{animation:g-shake .45s ease}@keyframes g-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.05)}75%{transform:rotate(12deg) scale(1.05)}}.g-dice__meta{margin-top:.75rem;text-align:center;color:var(--g-muted);font-size:.9rem}