/* Keep account photos in the award frames, with room for names and points. */
.champion,
.champion.third { height:clamp(230px,43vw,450px); }
.champion.first { height:clamp(270px,50vw,520px); }
.champion .avatar,
.champion.first .avatar {
  width:clamp(48px,8vw,90px);
  height:clamp(48px,8vw,90px);
  overflow:hidden;
}
.champion.first .avatar {
  width:clamp(52px,8.5vw,90px);
  height:clamp(52px,8.5vw,90px);
}
.champion .player-name { top:53%; }
.champion.first .player-name { top:55%; }
.rankings td { height:70px; padding-top:9px; padding-bottom:9px; }
.row-avatar {
  position:relative;
  overflow:hidden;
  width:48px;
  height:48px;
  border-radius:12px;
  font-size:16px;
}
.champion .avatar > img,
.row-avatar > img {
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}
.champion .avatar.has-photo > img,
.row-avatar.has-photo > img { opacity:1; }
.champion .avatar.has-photo > .avatar-initials,
.row-avatar.has-photo > .avatar-initials { display:none; }
@media(max-width:550px) {
  .rankings td { height:60px; padding-top:8px; padding-bottom:8px; }
  .row-avatar { width:40px; height:40px; border-radius:10px; font-size:13px; }
}