/* Dicier — 2D terning-typeface (Round Heavy), self-hostet.
 * Dicier (https://speakthesky.itch.io/typeface-dicier) by Speak the Sky,
 * licensed under CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/).
 * Ingen ændringer foretaget på font-filerne. */
@font-face {
  font-family: 'Dicier';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(Dicier-Round-Heavy.woff2) format('woff2');
}

/* Aktiverer ligaturerne der gør koden "5_ON_D8" til et terning-ikon. */
.hd-dicier {
  font-family: 'Dicier', sans-serif;
  font-feature-settings: "liga" 1, "dlig" 1, "calt" 1, "kern" 1;
}

/* ---- DiceFontRoller render ---- */
.hd-dice-font {
  display: flex;
  flex-wrap: wrap;          /* aldrig clip — wrap til flere linjer */
  align-items: center;
  justify-content: center;
  gap: 0.18em;
  line-height: 1;
  color: currentColor;       /* terninger + modifier + total = samme farve */
  font-family: inherit;      /* wrapper bruger sidens font; kun terninger er Dicier */
}
.hd-dice-font__die,
.hd-dice-font__d100 {
  display: inline-flex;
  align-items: center;
  font-family: 'Dicier', sans-serif;
  font-feature-settings: "liga" 1, "dlig" 1, "calt" 1, "kern" 1;
}
.hd-dice-font__d100 { gap: 0.06em; }            /* tæt par, rører ikke */
.hd-dice-font__mod   { font-size: 0.62em; font-family: inherit; }
.hd-dice-font__eq    { font-size: 0.5em;  font-family: inherit; opacity: 0.75; }
.hd-dice-font__total { font-size: 0.66em; font-family: inherit; font-weight: 700; }

.hd-dice-font__die--hidden { opacity: 0; transform: scale(0.6); }
.hd-dice-font__die--reveal {
  animation: hdDiceReveal var(--hd-dice-reveal, 260ms) cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes hdDiceReveal {
  0%   { opacity: 0; transform: scale(0.6); }
  60%  { transform: scale(1.12); }
  100% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .hd-dice-font__die--reveal { animation: none; }
  .hd-dice-font__die--hidden { opacity: 1; transform: none; }
}