/* Profile nickname fit only: support both the React title and the visible runtime label. */
html body #root .player-shell:has(.profile-page) .profile-page .profile-name {
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) 18px !important;
  column-gap: 4px !important;
  overflow: hidden !important;
}

html body #root .player-shell:has(.profile-page) .profile-page .profile-name h1,
html body #root .player-shell:has(.profile-page) .profile-page .profile-name > span:not(.profile-vip-kicker) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transform: scale(.83) !important;
  transform-origin: left center !important;
}

html body #root .player-shell:has(.profile-page) .profile-page .profile-name h1.profile-nickname-logo-safe-long,
html body #root .player-shell:has(.profile-page) .profile-page .profile-name > span.profile-nickname-logo-safe-long {
  transform: scale(.72) !important;
}

html body #root .player-shell:has(.profile-page) .profile-page .profile-name > button:not(.member-id-copy) {
  width: 18px !important;
  min-width: 18px !important;
  justify-content: center !important;
  overflow: hidden !important;
}