/* dice-roller: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.btn-lg { padding: 13px 26px; font-size: 1.05rem; }
.dice-options { max-width: 520px; }
.dice-tray { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; min-height: 96px; padding: 28px 12px; margin-top: 18px; border-radius: 16px; background: #0E7A4E; box-shadow: inset 0 4px 18px rgb(0 0 0 / 0.25); }
.die-d6 { grid-template: repeat(3, 1fr) / repeat(3, 1fr); }
.die-d6 i { align-self: center; justify-self: center; width: 13px; height: 13px; border-radius: 50%; }
.die-d6 i.pip { background: #111827; }
.die-d20, .die-d100 { background: #FFF4E8; }
.dice-tray.is-rolling .die { transform: rotate(-8deg); }
.dice-tray.is-rolling .die:nth-child(even) { transform: rotate(9deg); }
.dice-total { margin: 18px 0 6px; text-align: center; font: 800 2rem var(--display); color: var(--ink); }
.dice-actions { justify-content: center; }
.dice-history ol, .coin-recent { margin: 0; }
.dice-history ol { padding-left: 1.4em; color: var(--ink-2); }