/* NAXCORE app.css split: profile, badge and gold layer */
/* ===== NAME / BADGE LAYERING (icons unaffected by nick fx) ===== */
.name-with-badges{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  min-width:0;
  vertical-align:middle;
}
.name-core{
  display:inline-block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.name-badges{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  color:inherit;
}
.verified-badge{ color:#1d9bf0; }
.admin-badge{ color:#ff5a5a; }
.vvs-badge{ color:#d26bff; }
.gold-badge{ color:#d4a72c; text-shadow:0 0 12px rgba(212,167,44,.28); }
.gold-mood{ font-size:14px; line-height:1; }
.role-gold{ color:#f0c14f; }

/* prevent global gold bleed */
.btn .gold-badge, .panel-title .gold-badge, .settings-head .gold-badge{ color:inherit; text-shadow:none; }

/* ===== GOLD PROFILE ===== */
.gold-banner{
  position:relative;
  overflow:hidden;
}
.gold-banner::before{
  content:'';
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(212,167,44,.30), rgba(129,88,12,.20) 52%, rgba(24,17,6,.22));
  pointer-events:none;
}
.gold-profile-shell{
  border:1px solid rgba(224,182,61,.36) !important;
  background: linear-gradient(180deg, rgba(78,59,17,.99) 0%, rgba(56,43,16,.99) 18%, rgba(39,32,16,.99) 38%, rgba(28,31,39,.99) 100%) !important;
  box-shadow: 0 0 36px rgba(212,167,44,.18), inset 0 0 0 1px rgba(255,255,255,.04);
}

.gold-profile-shell #view-header-body{
  margin: 0 -24px 0 -24px !important;
  padding: 68px 24px 6px 24px !important;
  border-radius: 0 0 26px 26px;
  background:
    radial-gradient(circle at top right, rgba(255,220,128,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,213,90,.16) 0%, rgba(153,114,23,.12) 22%, rgba(76,56,16,.06) 48%, rgba(0,0,0,0) 100%);
}

.gold-profile-shell-wallpaper #view-header-body{
  background:
    radial-gradient(circle at top right, rgba(255,226,148,.20), transparent 30%),
    linear-gradient(180deg, rgba(255,213,90,.19) 0%, rgba(168,125,26,.15) 24%, rgba(80,58,15,.07) 50%, rgba(0,0,0,0) 100%);
}

.gold-profile-shell #view-badges .role-badge,
.gold-profile-shell #view-tagline .badge-pill{
  backdrop-filter: blur(3px);
}
.gold-profile-shell #view-avatar-cont{
  box-shadow: 0 12px 28px rgba(0,0,0,.45), 0 0 22px rgba(212,167,44,.14);
}
#profile-modal #view-avatar-cont.profile-gold-ring{
  background: conic-gradient(from 210deg, #fff2a8 0deg, #ffd45e 70deg, #c58b18 150deg, #9b63ff 250deg, #ff7ad6 320deg, #fff2a8 360deg) !important;
  border: 1px solid rgba(255,233,156,.38);
  box-shadow: 0 0 0 2px rgba(212,167,44,.42), 0 0 30px rgba(212,167,44,.24), 0 12px 30px rgba(0,0,0,.45) !important;
}

.gold-chip{
  border:1px solid rgba(212,167,44,.35);
  color:#f6deb0;
  background: rgba(212,167,44,.12);
}
#view-banner.gold-banner{ background-size:cover !important; background-position:center !important; }
#view-banner.gold-banner > *{ position:relative; z-index:1; }
#view-avatar-cont.profile-gold-ring img, #view-avatar-cont.profile-gold-ring-soft img{ border:4px solid #2f3136; box-shadow:0 0 18px rgba(255,133,92,.16); }

/* ===== GOLD POST / COMPOSER MINOR SUPPORT ===== */
#tl-compose-name .name-with-badges,
.msg-username .name-with-badges,
.u-name .name-with-badges,
.profile-name .name-with-badges,
.mini-name .name-with-badges{
  max-width:100%;
}


.gold-profile-shell-dark{
  background:
    radial-gradient(circle at top left, rgba(255,214,102,.08), transparent 24%),
    linear-gradient(180deg, rgba(44,35,14,.98) 0%, rgba(25,22,16,.98) 44%, rgba(22,24,32,.99) 100%) !important;
}
.gold-profile-glow-soft{
  box-shadow: 0 0 22px rgba(212,167,44,.10), inset 0 0 0 1px rgba(255,255,255,.02);
}
.gold-profile-glow-none{
  box-shadow: none !important;
}
#profile-modal #view-avatar-cont.profile-gold-ring-soft{
  background: linear-gradient(135deg, rgba(255,236,170,.95) 0%, rgba(242,196,73,.92) 36%, rgba(165,115,25,.88) 72%, rgba(104,72,16,.86) 100%) !important;
  border: 1px solid rgba(255,233,156,.28);
  box-shadow: 0 0 0 2px rgba(212,167,44,.28), 0 0 18px rgba(212,167,44,.14), 0 12px 28px rgba(0,0,0,.42) !important;
}

.profile-avatar-float{
  animation: nxProfileGoldFloat 3s ease-in-out infinite;
}
.profile-avatar-pulse{
  animation: nxProfileGoldPulse 2.2s ease-in-out infinite;
}
@keyframes nxProfileGoldFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}
@keyframes nxProfileGoldPulse{
  0%,100%{ transform: scale(1); box-shadow: 0 0 0 2px rgba(212,167,44,.46), 0 0 16px rgba(212,167,44,.16); }
  50%{ transform: scale(1.03); box-shadow: 0 0 0 2px rgba(212,167,44,.60), 0 0 22px rgba(212,167,44,.22); }
}

#view-banner{ background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }
.gold-banner-chip{
  position:absolute; top:16px; left:16px; right:auto; z-index:29;
  display:none; align-items:center; gap:6px;
  padding:8px 14px; border-radius:999px;
  font-size:11px; font-weight:900; letter-spacing:.55px;
  background:linear-gradient(180deg, rgba(35,27,9,.82), rgba(18,14,5,.72));
  color:#ffe6a9; border:1px solid rgba(232,190,72,.52);
  backdrop-filter: blur(6px);
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04);
}

.gold-profile-shell #view-username .name-core{
  text-shadow:0 0 18px rgba(255,182,74,.18);
}
.gold-profile-shell #view-level-fill{
  background:linear-gradient(90deg, #8f6eff 0%, #f0c14f 58%, #ffdf78 100%) !important;
}
.gold-profile-shell #view-bio,
.gold-profile-shell #view-note,
.gold-profile-shell #view-game1-score{ color:#f1f3f6; }

@media (max-width: 560px){
  .gold-banner-chip{ left:12px; right:auto; top:10px; padding:6px 10px; font-size:12px; }
}


@media (max-width: 560px){
  .gold-profile-shell #view-header-body{
    margin: 0 -16px 0 -16px !important;
    padding: 46px 16px 4px 16px !important;
    border-radius: 0 0 20px 20px;
  }
}