/* Squad view is an album first: selection details live in the modal, not in a permanent side panel. */
.page-heading h1 .squad-total { display: inline-block; margin-left: 9px; color: #74dff0; font-size: .53em; font-weight: 800; vertical-align: middle; }
.roster-toolbar { justify-content: flex-start; }
.roster-layout { display: block; }
.roster-card-grid { grid-template-columns: repeat(auto-fill, minmax(168px, 220px)); justify-content: start; gap: 18px; min-height: 580px; }

/* User-authorized test portrait asset. The source image stays outside the project. */
.collection-avatar[style] {
  background-image: var(--player-photo);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
}

.collection-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

@media (max-width: 650px) {
  .roster-card-grid { grid-template-columns: repeat(2, minmax(125px, 1fr)); gap: 11px; min-height: 0; }
}