/*
 * mind.css — Pot-Limit Omaha "exactly 2 + exactly 3" figure for the
 * "For your mind" Tab B. Built with REAL card faces
 * (data-card) on the shared kit; colours come only from the --gc-* theme vars
 * and no text is baked in (counts are numeral badges in markup). One idea: the
 * final hand takes exactly two of the four hole cards and exactly three of the
 * five community cards.
 */

.ho-fig { display: flex; flex-direction: column; gap: 14px; align-items: stretch; }

.ho-line { display: flex; align-items: center; gap: 12px; }

/* Count badge: how many cards from this row enter the hand. */
.ho-count {
  flex: 0 0 auto;
  width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 15px; font-weight: 800; line-height: 1;
  color: var(--gc-bg);
  box-shadow: 0 2px 8px var(--gc-glass);
}
.ho-count.hole  { background: var(--gc-accent); }   /* mirrors .gc-tile.mine */
.ho-count.board { background: var(--gc-warning); }  /* mirrors .gc-tile.gold */

/* Real card faces (data-card) laid out as an evenly overlapped row. */
.ho-hole, .ho-board { flex: 1 1 auto; justify-content: flex-start; }

/* Which cards actually enter the hand: ringed play, faded do not. */
.gc-cardimg.ho-used {
  outline: 3px solid color-mix(in srgb, var(--gc-success) 85%, transparent);
  outline-offset: 1px;
  z-index: 1;
}
.gc-cardimg.ho-dim {
  opacity: 0.34;
  filter: grayscale(0.55);
}