/* Shared marginalia for the game and the static archive. */
.mist-glyph {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  color: var(--gold, #c5a46b);
  vertical-align: middle;
  pointer-events: none;
  transition: color .25s, opacity .25s, transform .3s;
}
.mist-glyph svg { display: block; width: 100%; height: 100%; overflow: visible; }
a:is(:hover, :focus-visible) .mist-glyph,
button:is(:hover, :focus-visible):not(:disabled) .mist-glyph {
  color: var(--gold-bright, #e2c78d);
  transform: translateY(-2px);
}
button:disabled .mist-glyph { color: inherit; }
.primary.full .mist-glyph { width: 26px; height: 26px; flex-basis: 26px; margin-left: 12px; }
html:not([data-atmosphere-state="running"]) .mist-glyph { transition: none; }
html:not([data-atmosphere-state="running"]) :is(a,button) .mist-glyph { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .mist-glyph { transition: none; }
  :is(a,button) .mist-glyph { transform: none; }
}