/*
 * mind.css — small Blackjack rule-comparison motif for the "For your mind"
 * Tab B figure. Colours come only from the --gc-* theme vars. The rule tokens
 * (S17/H17, 3:2/6:5) are locale-agnostic markup badges; every label is data-i18n.
 * One side is player-friendly, the other is house-favoured — same-looking table,
 * different expected value.
 */

.bj-compare { display: flex; align-items: stretch; gap: 14px; }

.bj-col {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  gap: 8px;
  min-width: 108px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--gc-bg-2);
  border: 1px solid var(--gc-border);
  box-shadow: 0 6px 18px var(--gc-glass);
}
.bj-col-label {
  font-size: 12px; font-weight: 700; letter-spacing: 0.02em;
  color: color-mix(in srgb, var(--gc-text) 70%, transparent);
  text-align: center;
}
.bj-badge {
  font-size: 18px; font-weight: 800; line-height: 1;
  padding: 6px 12px; border-radius: 999px;
  color: var(--gc-text);
  background: var(--gc-bg);
  border: 1px solid var(--gc-border);
}
.bj-fair  { border-color: color-mix(in srgb, var(--gc-success) 55%, transparent); }
.bj-fair  .bj-badge { border-color: color-mix(in srgb, var(--gc-success) 50%, transparent); }
.bj-house { border-color: color-mix(in srgb, var(--gc-warning) 60%, transparent); }
.bj-house .bj-badge { border-color: color-mix(in srgb, var(--gc-warning) 55%, transparent); }

.bj-vs {
  align-self: center;
  font-size: 24px; font-weight: 700;
  color: color-mix(in srgb, var(--gc-text) 55%, transparent);
}

/*
 * Soft-total figure (core chapter): the SAME Ace + six read two ways — 17 when
 * the Ace counts eleven, 7 when it counts one. Real card faces via data-card;
 * the totals are markup badges, never localized text. This is the hinge the
 * dealer's H17/S17 house rule turns on, so it sets up the rules chapter.
 * Under reduced motion anim-deal rests on the correct final frame: both rows
 * are complete and legible with no motion at all.
 */
.bj-soft { display: flex; flex-direction: column; gap: 10px; align-items: center; }

/*
 * Both rows are rendered at FULL strength on purpose. Fading the second row
 * would say "this reading is the wrong one", and it is not: an Ace legitimately
 * counts either way, which is the whole point of a soft total. The two readings
 * are distinguished by their value badges (accent vs muted), never by dimming
 * one of the cards — a viewer must not be able to conclude that one total is
 * invalid (GUIDE_REVIEW_STANDARD §2, the wrong-conclusion test).
 */