.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.content {
  --tile-size: 50px;

  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--l);
  font-size: calc(var(--tile-size) * 0.6);
}

.badge {
  margin-inline-start: var(--spacing--m);
}

.character {
  display: flex;
  flex: 0 1;
  max-width: var(--tile-size);
}