.board-wrap{display:flex;justify-content:center}.gin{width:100%;max-width:560px;display:grid;gap:var(--space-3);background:var(--board-square-light);border:2px solid var(--board-frame);border-radius:var(--radius-md);padding:var(--space-3)}.gin__label{margin:0 0 var(--space-2);font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.gin__backs{display:flex;--card-w: clamp(24px, 6vw, 36px)}.gin__backs .card+.card{margin-left:calc(var(--card-w) * -.55)}.gin__mid{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.gin__count{font-size:.85rem;color:var(--color-text-muted);min-width:2ch}.gin__hand{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.gin__group{display:flex;padding:3px;border-radius:var(--radius-sm);border:2px solid var(--color-accent-soft)}.gin__group--dead{border-color:transparent}.gin__group .card+.card{margin-left:calc(var(--card-w) * -.4)}.gin__group .card--selected{transform:translateY(-6px)}.gin__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.gin__privacy{display:grid;gap:var(--space-2);justify-items:center;text-align:center;padding:var(--space-4) var(--space-3);background:var(--color-surface);border-radius:var(--radius-md)}.gin__privacy p{margin:0}.gin__privacy .gin__label{color:var(--color-text);font-size:1.1rem;text-transform:none;letter-spacing:0;font-family:var(--font-heading)}