/* Crests are source artwork, not cropped avatars.  Square frames keep round
   club marks completely visible while the default coloured flag stays intact. */
.team-crest-large,
.team-directory-crest,
.team-identity-preview > span,
.team-profile-crest-trigger,
.team-policy-name i,
.team-card-mark,
.event-team-row i,
.team-slot .team-mark,
.team-preview i:not(.team-flag),
.team-directory i:not(.team-flag),
.team-hero > i:not(.team-flag) {
  border-radius:4px !important;
}
.team-crest-large,
.team-directory-crest,
.team-identity-preview > span,
.team-profile-crest-trigger {
  display:grid;
  aspect-ratio:1;
  overflow:hidden;
  place-items:center;
}
.teams-directory-page .team-directory-crest { width:clamp(50px,3.3vw,66px) !important; height:clamp(50px,3.3vw,66px) !important; }
/* The sixteen-team selector is a denser, fixed-width index.  Its crest must
   stay inside the dedicated first grid column; the larger directory-card rule
   above is intentionally not allowed to expand into the team name. */
.teams-directory-page .team-selector-rail .team-directory-crest { width:30px !important; height:30px !important; min-width:30px; padding:1px; }
.event-team-row i { width:38px; height:38px; }
.team-crest-large img,
.team-directory-crest img,
.team-identity-preview > span > img,
.team-profile-crest-trigger img,
.team-card-mark img,
.event-team-row img,
.team-slot .team-mark img,
.team-policy-name i img,
.team-preview i img,
.team-directory i img,
.team-hero > i img {
  box-sizing:border-box;
  object-fit:contain !important;
  padding:2px;
}
@media (min-width:2560px) { .teams-directory-page .team-selector-rail .team-directory-crest { width:34px !important; height:34px !important; min-width:34px; } }