/* Theme tokens (spec §12.1). Neutral defaults; the page sets tenant values from /api/v1/config. */
:root {
  --paper: #f6f5f0;
  --ground: #e9e8e3;
  --ink: #191c1f;
  --accent: #8a2832;
  --ribbon: #721f2a;
  --rose: #ad6c65;
  --machine: #1b2024;
  --gold: #efc798;
}
[hidden] {
  display: none !important;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.turnstile-box {
  display: flex;
  justify-content: center;
  margin: 12px 0 0;
  min-height: 0;
}
.draft-label {
  display: inline-block;
  margin: 0 0 10px;
  padding: 3px 8px;
  border: 1px solid var(--rose);
  color: var(--accent);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.modal .question-label {
  display: block;
  margin-top: 14px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}
.modal .see-work {
  display: inline-block;
  margin-top: 14px;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid currentColor;
}
.outcome.crest {
  box-shadow: inset 0 0 0 2px var(--gold);
}
.reels.stopping .reel {
  transition: transform 0.12s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.machine-stats strong b {
  font-weight: inherit;
}