/*
 * mind.css — schematic figures for the Bridge "For your mind" Tab B pages.
 * One file, copied byte-for-byte into every bridge.<variant>/ folder (the guide
 * scheme handler serves each page from a flat root, so the relative `mind.css`
 * link resolves against the active variant directory). Each page uses only its
 * own classes; the unused block is inert.
 *
 * Colours come only from the --gc-* theme vars. No baked-in text: bid tokens
 * (1♣, 1NT, 4♥, +650) are locale-agnostic markup; every label/annotation is a
 * data-i18n string filled by boot.js.
 */

/* ---- Rubber: annotated auction (each call + its information content) ------ */

.bm-auction { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 380px; }

.bm-call { display: flex; align-items: center; gap: 12px; }

.bm-bid {
  flex: 0 0 auto;
  min-width: 52px;
  padding: 8px 10px;
  border-radius: 10px;
  text-align: center;
  font-weight: 800;
  font-size: 17px;
  color: var(--gc-bg);
  background: var(--gc-accent);
  box-shadow: 0 4px 12px var(--gc-glass);
}
.bm-bid.bm-pass {
  color: var(--gc-text);
  background: var(--gc-glass);
  border: 1px solid var(--gc-border);
}
.bm-note {
  font-size: 14.5px;
  line-height: 1.35;
  color: color-mix(in srgb, var(--gc-text) 82%, transparent);
}

/* ---- Duplicate: a single scored board (contract · vulnerability · result) - */

.bm-scorecard {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  width: 100%;
  max-width: 400px;
}

.bm-field { display: flex; flex-direction: column; align-items: center; gap: 6px; }

.bm-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gc-text) 55%, transparent);
}

.bm-cell {
  min-width: 54px;
  padding: 10px 12px;
  border-radius: 10px;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  color: var(--gc-text);
  background: color-mix(in srgb, var(--gc-text) 10%, transparent);
  border: 1px solid var(--gc-border);
}
.bm-cell.is-contract { color: var(--gc-bg); background: var(--gc-accent); border-color: transparent; }
.bm-cell.is-vuln     { font-size: 13.5px; color: var(--gc-bg); background: var(--gc-warning); border-color: transparent; }
.bm-cell.is-score    { color: var(--gc-bg); background: var(--gc-success); border-color: transparent; }