/* Resolution Roulette – app-specific styles only (DaisyUI/Tailwind handle the rest) */

/* ── Scramble / reveal (used as JS selectors) ─────────────────────────────── */

.scrambled {
  font-family: 'Courier New', Courier, monospace;
  color: #999;
  display: inline-block;
}

.revealed {
  display: inline-block;
}

.eliminated .scrambled,
.eliminated .revealed {
  text-decoration: line-through;
  opacity: 0.6;
}

/* ── Longest-candidate highlight (JS sets this class) ────────────────────── */

.candidate-input.longest-candidate {
  border-left: 3px solid oklch(var(--p));
}