.narrow { max-width: 420px; }
.avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: #222; }
.avatar-sm { width: 32px; height: 32px; }
.avatar-xs { width: 24px; height: 24px; }
.avatar-lg { width: 128px; height: 128px; }
.avatar-pick input { display: none; }
.avatar-pick input:checked + img { outline: 3px solid var(--bs-primary); outline-offset: 2px; }
.game-thumb { aspect-ratio: 16 / 9; object-fit: cover; background: #111; }
.locked { opacity: .45; filter: grayscale(1); }
.code { font-family: var(--bs-font-monospace); letter-spacing: .05em; }