/* Load after style.css. Display-only classes owned by action-highlights.js. */
.card-item.action-buyable,
.card-item.action-buyable-gold {
  outline: 3px solid var(--accent-gold);
  outline-offset: -3px;
  animation: none;
}
/* Payment hint, not a selection: a quiet hairline leaves the artwork visible.
   The stronger AI rule below still wins and carries its explicit AI badge. */
.card-item.action-buyable-gold {
  outline: 1px dashed rgba(251, 191, 36, 0.85);
  outline-offset: -1px;
}

/* AI uses the same palette, but always a dashed frame (even zero-gold preview).
   The helper never adds these classes over human-selected/pressed targets. */
#board .board-cell.action-ai-target,
.card-item.action-ai-target,
.royal-item.action-ai-target,
.resource-token.action-ai-target,
.action-token-choice.action-ai-target {
  position: relative;
  outline: 3px dashed var(--accent-gold);
  outline-offset: -3px;
}
.action-ai-badge {
  position: absolute;
  z-index: 2;
  inset: 2px 2px auto auto;
  padding: 1px 3px;
  border-radius: 2px;
  background: var(--accent-gold);
  color: var(--bg-inner);
  font: 800 10px/1.2 system-ui, sans-serif;
  letter-spacing: 0;
  pointer-events: none;
  user-select: none;
}