/* sale path V1 (canon 148, 153): share game; owned by group G4 */

/* chair S9: the game intro - preview of what friends get + three steps; no empty screen (148). */
.game-card { display: grid; gap: var(--gap-m); }
/* E1: the picture friends get - the tall poster and the square message picture alike are ~46% of the viewport width (max 200px). */
.game-preview { width: min(46vw, 200px); height: auto; border-radius: var(--r-media); border: 1px solid var(--line); justify-self: center; }
.game-card .grouped-label { margin: 0 0 calc(var(--gap-xs) - var(--gap-m)); font: var(--t-title); color: var(--text); }
.game-card .step { padding: 0; }