.public-sprite-frame {
  display: block;
  flex: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1200% 100%;
  image-rendering: pixelated;
}

.partner-choice-sprite,
.match-participant-sprite,
.viewer-showcase-sprite {
  width: 48px;
  height: 48px;
}

.competitive-shell {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.competitive-shell > *,
.competitive-identity > *,
.competitive-lower > * {
  min-width: 0;
}

@media (max-width: 780px) {
  .competitive-identity h1 {
    overflow-wrap: anywhere;
  }
}