/*
 * mind.css — small Machiavelli meld motif for the "For your mind" Tab B figure.
 * Shows a LEGAL rearrangement: a four-card run splits into a valid three-card
 * run, freeing one card that joins two from the hand to open a new set. Colours
 * come only from the --gc-* theme vars. No baked-in text — card faces are REAL
 * images via data-card; the caption is a data-i18n key.
 */

.mv-rearrange {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.mv-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; }

.mv-meld {
  display: flex;
  gap: 4px;
  padding: 6px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--gc-text) 6%, transparent);
  border: 1px solid var(--gc-border);
}
.mv-meld.is-new {
  border-color: color-mix(in srgb, var(--gc-accent) 60%, transparent);
  background: color-mix(in srgb, var(--gc-accent) 12%, transparent);
}

/* Real card faces (data-card, GUIDE_REVIEW_STANDARD §10) at meld-chip size. */
.mv-cardimg { width: 42px; }

/* The single card that migrates between melds. */
.mv-cardimg.mv-move {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gc-accent) 60%, transparent);
  border-radius: var(--gc-card-radius);
}

.mv-arrow {
  font-size: 22px;
  font-weight: 700;
  color: color-mix(in srgb, var(--gc-text) 55%, transparent);
}