/* Avatar User Card — aligned with profile section language */
.gb-user-card-modal .gb-user-card-modal__dialog {
  width: min(26rem, calc(100vw - 2rem));
  max-height: min(90vh, 42rem);
  overflow: auto;
  padding: 1.15rem 1.15rem 1rem;
}

.gb-user-card-modal__dialog.is-card-swap {
  transition: opacity 160ms ease;
}

.gb-user-card__loading,
.gb-user-card__body,
.gb-user-card__error,
.gb-user-card__roles,
.gb-user-card__connect,
.gb-user-card__split {
  /* visibility toggled via .is-hidden below — beat Tailwind .hidden conflicts */
}

.gb-user-card .is-hidden {
  display: none !important;
}

.gb-user-card__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  color: var(--gb-text-muted);
  font-size: 1.25rem;
}

.gb-user-card__hero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  margin-bottom: 0.95rem;
}

.gb-user-card__preview-banner {
  margin: 0 0 0.75rem;
  padding: 0.45rem 0.65rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px solid rgba(var(--gb-primary-rgb, 90, 170, 255), 0.28);
  background: rgba(var(--gb-primary-rgb, 90, 170, 255), 0.12);
  color: var(--gb-text-primary, #fff);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.gb-user-card__avatar-wrap {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.28);
  border-radius: var(--gb-radius-lg, 0.75rem);
  overflow: hidden;
  line-height: 0;
  aspect-ratio: 1 / 1;
  max-height: min(52vw, 18rem);
  pointer-events: none;
}

.gb-user-card__avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  border: 0;
  background: var(--gb-surface-2);
}

.gb-user-card__identity {
  min-width: 0;
  flex: 0 0 auto;
  padding-top: 0;
  text-align: center;
}

.gb-user-card__display-name {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gb-text-primary);
  line-height: 1.3;
  word-break: break-word;
}

.gb-user-card__roles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
  justify-content: center;
}

.gb-user-card__role {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  border-radius: var(--gb-radius, 0.5rem);
  border: 1px solid var(--gb-glass-border);
  background: var(--gb-surface-2);
  color: var(--gb-text-secondary);
  font-size: 0.75rem;
  font-weight: 500;
}

.gb-user-card__connect {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin: 0 0 0.85rem;
}

.gb-user-card__split {
  max-width: none;
  width: 100%;
}

.gb-user-card__split.gb-profile-split--stat-only {
  justify-content: flex-end;
}

.gb-user-card__split.gb-profile-split--stat-only .gb-profile-split__stat {
  flex: 1 1 auto;
}

.gb-user-card__section {
  margin: 0 0 0.65rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--gb-glass-border);
  border-radius: var(--gb-radius-lg, 0.75rem);
  background: var(--gb-surface-2);
}

.gb-user-card__section-head {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.55rem;
}

.gb-user-card__section-head i {
  color: var(--gb-primary);
  font-size: 0.85rem;
  width: 1rem;
  text-align: center;
}

.gb-user-card__section-title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--gb-text-primary);
  line-height: 1.25;
}

.gb-user-card__section-body {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--gb-text-secondary);
  line-height: 1.45;
}

.gb-user-card__stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.gb-user-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.55rem;
  border-radius: var(--gb-radius, 0.5rem);
  border: 1px solid var(--gb-glass-border);
  background: var(--gb-surface-1, var(--gb-surface-2));
  color: var(--gb-text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
}

.gb-user-card__stat i {
  color: var(--gb-primary);
  font-size: 0.75rem;
}

.gb-user-card__stat strong {
  color: var(--gb-text-primary);
  font-weight: 600;
}

.gb-user-card__meta-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.gb-user-card__meta-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--gb-text-secondary);
  line-height: 1.4;
}

.gb-user-card__meta-row i {
  margin-top: 0.15rem;
  width: 0.95rem;
  text-align: center;
  color: var(--gb-primary);
  flex: 0 0 auto;
}

.gb-user-card__org-list {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.gb-user-card__org {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.4rem 0.45rem;
  border-radius: var(--gb-radius, 0.5rem);
  border: 1px solid var(--gb-glass-border);
  background: var(--gb-surface-1, transparent);
  text-decoration: none;
  color: inherit;
  transition: border-color var(--gb-transition), background var(--gb-transition);
}

.gb-user-card__org:hover {
  border-color: var(--gb-glass-border-hover);
  background: rgba(var(--gb-primary-rgb, 56, 189, 248), 0.06);
}

.gb-user-card__org-logo,
.gb-user-card__org-logo-fallback {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.35rem;
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--gb-glass-border);
  background: var(--gb-surface-2);
}

.gb-user-card__org-logo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gb-text-muted);
  font-size: 0.75rem;
}

.gb-user-card__org-text {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.gb-user-card__org-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--gb-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gb-user-card__org-role {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  border: 1px solid var(--gb-glass-border);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--gb-text-secondary);
  background: var(--gb-surface-2);
}

.gb-user-card__trophy-count {
  margin: 0 0 0.45rem;
  font-size: 0.8125rem;
  color: var(--gb-text-secondary);
}

.gb-user-card__trophy-count strong {
  color: var(--gb-text-primary);
}

.gb-user-card__trophy-host {
  min-width: 0;
}

.gb-user-card__trophy-host .gb-profile-trophy-scroll {
  margin: 0;
}

.gb-user-card__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
  padding: 0.75rem 0.55rem;
  border-radius: 0.7rem;
  background: rgba(0, 0, 0, 0.14);
  border: 1px dashed rgba(var(--gb-primary-rgb), 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.gb-user-card__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px solid var(--gb-glass-border);
  background-color: rgba(255, 255, 255, 0.03);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 70%);
  color: var(--gb-text-secondary);
  font-size: 1.15rem;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

.gb-user-card__social-link i {
  color: inherit;
}

.gb-user-card__social-link--instagram { color: #E4405F; }
.gb-user-card__social-link--facebook { color: #1877F2; }
.gb-user-card__social-link--twitter,
.gb-user-card__social-link--x { color: #f5f5f5; }
.gb-user-card__social-link--youtube,
.gb-user-card__social-link--youtube_music { color: #FF0000; }
.gb-user-card__social-link--twitch { color: #9146FF; }
.gb-user-card__social-link--kick { color: #53FC18; }
.gb-user-card__social-link--tiktok { color: #f5f5f5; }
.gb-user-card__social-link--discord { color: #5865F2; }
.gb-user-card__social-link--steam { color: #66c0f4; }
.gb-user-card__social-link--linkedin { color: #0A66C2; }
.gb-user-card__social-link--spotify { color: #1DB954; }
.gb-user-card__social-link--website,
.gb-user-card__social-link--custom { color: var(--gb-primary); }

.gb-user-card__social-link:hover {
  border-color: currentColor;
  background-color: rgba(255, 255, 255, 0.06);
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28);
}

.gb-user-card__social-link:hover i {
  filter: brightness(1.12);
}

@media (prefers-reduced-motion: reduce) {
  .gb-user-card__social-link {
    transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
  }

  .gb-user-card__social-link:hover {
    transform: none;
  }
}

.gb-user-card__actions {
  display: flex;
  margin-top: 0.85rem;
}

.gb-user-card__btn--profile {
  width: 100%;
  text-align: center;
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.gb-user-card__error {
  padding: 1rem 0.25rem;
  text-align: center;
  color: var(--gb-text-secondary);
  font-size: 0.875rem;
}

/* Settings live preview */
.gb-avatar-card-settings__preview {
  margin-top: 1rem;
  padding: 0.75rem;
  border: 1px solid var(--gb-glass-border);
  border-radius: var(--gb-radius-lg, 0.75rem);
  background: var(--gb-surface-2);
}

.gb-avatar-card-settings__preview-label {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--gb-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.gb-avatar-card-settings__toggles {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gb-avatar-card-settings__toggle {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: var(--gb-radius, 0.5rem);
  border: 1px solid var(--gb-glass-border);
  background: var(--gb-surface-2);
}

.gb-avatar-card-settings__toggle input {
  margin-top: 0.2rem;
}

.gb-avatar-card-settings__toggle-meta {
  min-width: 0;
}

.gb-avatar-card-settings__toggle-title {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gb-text-primary);
}

.gb-avatar-card-settings__toggle-desc {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  color: var(--gb-text-muted);
}

.forum-discussion-card__avatar-btn {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: inherit;
  line-height: 0;
}

.forum-discussion-card__avatar-btn .forum-discussion-card__avatar {
  display: block;
}

[data-gb-user-card-user-id] {
  cursor: pointer;
}

/* Park settings under live avatar-card preview */
.modal.gb-modal-parked-for-preview {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Subscribers list modal (global — same look as profile) */
.gb-profile-user-list-modal .gb-profile-user-list-modal__dialog {
  width: min(100%, 28rem);
  max-width: min(92vw, 28rem);
  max-height: min(88vh, 34rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1.15rem 1.2rem 1rem;
}
.gb-profile-user-list-modal__close {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  z-index: 2;
}
.gb-profile-user-list-modal__title {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 2.25rem 0.85rem 0;
  color: var(--colorTextPermanent, #fff);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.35;
}
.gb-profile-user-list-modal__title i {
  color: var(--colorPrimary, #5aaaff);
  font-size: 0.95rem;
}
.gb-profile-user-list-modal__count {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--colorText, rgba(255, 255, 255, 0.62));
}
.gb-profile-user-list-modal__toolbar {
  margin: 0 0 0.65rem;
}
.gb-profile-user-list-modal .gb-profile-user-list-modal__search-input.gb-input {
  width: 100%;
  margin: 0;
}
.gb-profile-user-list-modal__notice {
  margin: 0 0 0.55rem;
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--colorText, rgba(255, 255, 255, 0.68));
}
.gb-profile-user-list-modal__body {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-height: 0;
  overflow-y: auto;
  max-height: min(58vh, 22rem);
  padding-right: 0.15rem;
  transition: opacity 0.18s ease;
}
.gb-profile-user-list-modal__body--busy {
  opacity: 0.52;
  pointer-events: none;
}
.gb-profile-user-list-modal__toolbar--busy .gb-profile-user-list-modal__search-input.gb-input {
  opacity: 0.82;
}
.gb-profile-user-list-modal__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem 0.85rem;
  padding: 0.55rem 0.65rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px solid rgba(var(--gb-primary-rgb, 90, 170, 255), 0.14);
  background:
    linear-gradient(165deg, rgba(var(--gb-primary-rgb, 90, 170, 255), 0.05), transparent 58%),
    rgba(0, 0, 0, 0.16);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
}
.gb-profile-user-list-modal__row:hover {
  border-color: rgba(var(--gb-primary-rgb, 90, 170, 255), 0.28);
  background:
    linear-gradient(165deg, rgba(var(--gb-primary-rgb, 90, 170, 255), 0.09), transparent 58%),
    rgba(0, 0, 0, 0.2);
}
.gb-profile-user-list-modal__row:focus-visible {
  outline: 2px solid rgba(var(--gb-primary-rgb, 90, 170, 255), 0.55);
  outline-offset: 2px;
}
.gb-profile-user-list-modal__identity {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}
.gb-profile-user-list-modal__text {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}
.gb-profile-user-list-modal__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.65rem;
  overflow: hidden;
  border: 1px solid rgba(var(--gb-primary-rgb, 90, 170, 255), 0.2);
  background: rgba(0, 0, 0, 0.35);
}
button.gb-profile-user-list-modal__avatar {
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  line-height: 0;
}
.gb-profile-user-list-modal__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gb-profile-user-list-modal__name {
  min-width: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--colorTextPermanent, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gb-profile-user-list-modal__subtitle {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--colorText, rgba(255, 255, 255, 0.62));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gb-profile-user-list-modal__meta {
  font-size: 0.72rem;
  line-height: 1.3;
  color: var(--colorText, rgba(255, 255, 255, 0.62));
  white-space: nowrap;
  text-align: right;
}
.gb-profile-user-list-modal__empty {
  margin: 0.35rem 0 0.15rem;
  padding: 0.85rem 0.75rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px dashed rgba(var(--gb-primary-rgb, 90, 170, 255), 0.22);
  background: rgba(0, 0, 0, 0.14);
  color: var(--colorText, rgba(255, 255, 255, 0.7));
  font-size: 0.84rem;
  line-height: 1.45;
  text-align: center;
}
.gb-profile-user-list-modal__footer {
  margin-top: 0.65rem;
  padding-top: 0.15rem;
}
.gb-profile-user-list-modal__more {
  appearance: none;
  width: 100%;
  min-height: 2.35rem;
  padding: 0.45rem 0.85rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px solid rgba(var(--gb-primary-rgb, 90, 170, 255), 0.24);
  background: rgba(var(--gb-primary-rgb, 90, 170, 255), 0.1);
  color: var(--colorTextPermanent, #fff);
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.gb-profile-user-list-modal__more:hover:not(:disabled) {
  border-color: rgba(var(--gb-primary-rgb, 90, 170, 255), 0.38);
  background: rgba(var(--gb-primary-rgb, 90, 170, 255), 0.16);
}
.gb-profile-user-list-modal__more:disabled {
  opacity: 0.65;
  cursor: default;
}
.gb-profile-user-list-modal__loading {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.gb-profile-user-list-modal__skeleton {
  height: 3.35rem;
  border-radius: var(--gb-radius-sm, 0.5rem);
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(255, 255, 255, 0.09) 45%,
    rgba(255, 255, 255, 0.04) 100%
  );
  background-size: 200% 100%;
  animation: gb-profile-user-list-shimmer 1.1s ease-in-out infinite;
}
@keyframes gb-profile-user-list-shimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .gb-profile-user-list-modal__skeleton {
    animation: none;
  }
}
@media (max-width: 480px) {
  .gb-profile-user-list-modal__row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  .gb-profile-user-list-modal__meta {
    text-align: left;
    padding-left: calc(2.5rem + 0.65rem);
  }
}

/* User Card avatar trigger buttons — reset native button chrome */
.gb-lf-post__avatar,
.cc-streamer-avatar-btn,
.gb-search-card__avatar-btn,
.forum-thread-card__avatar-btn,
.org-follower-avatar-btn,
.org-event-author-avatar,
.org-event-streamer-avatar,
.gb-donation-avatar-btn,
.top-sponsor-avatar-btn,
.tournament-chat__player-avatar-btn,
.tm-player-avatar-btn,
.chat-player-avatar-btn,
.gb-pm-blocked-row__avatar-btn,
.cc-roster-avatar-btn,
.tournaments-ranking-avatar-btn,
.gb-recruitment-avatar-btn,
.org-office-member-avatar-btn,
.org-history-avatar-btn,
.game-guide-card__avatar-btn,
.org-founder-avatar-btn,
.member-row__avatar-btn,
.game-rosters-member-avatar-btn,
.org-forum-thread-row__avatar-btn,
.org-forum-thread-row__last-avatar,
.org-roster-member-avatar,
.tower-feed-card__context-avatar,
.tower-news-detail-card__avatar[data-gb-user-card-user-id],
.tower-feed-card__quote-avatar-btn,
.tower-feed-card__quote-author-link[data-gb-user-card-user-id] {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  gap: inherit;
}

/* CC chips keep their own chrome from clan_challenge.css — only neutralize UA button styles */
button.cc-match-player-chip[data-gb-user-card-user-id] {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

.tower-feed-card__context-avatar {
  vertical-align: middle;
}

.tower-feed-card__context-avatar img {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 999px;
  object-fit: cover;
}

/* Second stacked modal: lighter dim so the one underneath still reads */
.modal.gb-modal-open ~ .modal.gb-modal-open {
  --gb-modal-backdrop: rgba(6, 8, 12, 0.38);
  --gb-modal-backdrop-blur: 3px;
}

a.cc-roster-nick,
a.tm-roster-info {
  text-decoration: none;
  color: inherit;
}

.tournament-bracket-svg image[data-gb-user-card-user-id],
.group-stage-rank-svg image[data-gb-user-card-user-id] {
  cursor: pointer;
  pointer-events: auto;
}