.identity-name-row { display:flex; align-items:center; gap:14px; min-width:0; }
.ranking-badges { display:flex; align-items:center; gap:8px; min-width:0; flex-wrap:wrap; }
.ranking-badge {
  --badge-width:198px;
  position:relative;
  width:var(--badge-width);
  aspect-ratio:4 / 1;
  flex:0 1 var(--badge-width);
  max-width:100%;
  isolation:isolate;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.38));
  transform:translateZ(0);
  backface-visibility:hidden;
}
.ranking-badge__image {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
@media (max-width:780px) {
  .identity-name-row { align-items:center; gap:8px; flex-wrap:wrap; }
  .ranking-badges { gap:6px; }
  .ranking-badge { --badge-width:145px; flex-basis:var(--badge-width); }
}