.game-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 18px);
  min-width: 0;
  margin: 0 auto 10px;
}

.game-brand__mark {
  flex: 0 0 auto;
  width: clamp(72px, 9vw, 104px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 8px 13px rgba(0, 8, 31, 0.44));
}

.game-brand__title {
  min-width: 0;
  margin: 0 !important;
  white-space: nowrap;
}

.game-brand--online {
  justify-content: flex-start;
  margin: 2px 0 17px;
}

.game-brand--online .game-brand__mark {
  width: clamp(64px, 9vw, 84px);
}

.game-brand--online .game-brand__title {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.game-brand--online .game-brand__mode {
  transform: translateY(-0.35em) rotate(-3deg);
}

@media (max-width: 560px) {
  .game-brand {
    gap: 9px;
  }

  .game-brand--solo .game-brand__mark {
    width: 56px;
  }

  .game-brand--solo .game-brand__title {
    font-size: 34px;
    letter-spacing: 1px;
  }

  .game-brand--online .game-brand__mark {
    width: 60px;
  }

  .game-brand--online .game-brand__title {
    gap: 6px;
    font-size: 36px;
  }
}

@media (max-height: 720px) {
  .game-brand__mark {
    width: 64px;
  }
}