/*
 * mind.css — four-pile motif for the Rubamazzo "For your mind" Tab B.
 * Piles are stacks of REAL card images (data-card contract); the tempting
 * "fat pile" is genuinely TALLER than its neighbours, matching the caption.
 * Colours come only from the --gc-* theme vars.
 */

.rz-piles {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: clamp(10px, 4vw, 20px);
  flex-wrap: wrap;
}

/* A capture pile: stacked real cards offset by their --s index. */
.rz-pile {
  position: relative;
  flex: 0 0 auto;
  --rz-card: calc(var(--gc-card-w) * 0.72);
  width: calc(var(--rz-card) + 22px);
}
.rz-pile .gc-cardimg {
  position: absolute;
  left: calc(var(--s, 0) * 4px);
  bottom: calc(var(--s, 0) * 5px);
}
.rz-h2 { height: calc(var(--rz-card) * 1.4 + 10px); }
.rz-h5 { height: calc(var(--rz-card) * 1.4 + 25px); }