/* TeenConnect Special Titles v6
   Direction: familiar TeenStar-sized chip, but visibly premium/special. */

.profile-title-badge.tc-special-title-v6{
  --a:#6ec9ff;
  --b:#8f72ff;
  --metal:#fff;
  --h:27px;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:88px!important;
  height:var(--h)!important;
  padding:0 12px 0 31px!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  isolation:isolate!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 4px rgba(16,20,64,.24)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 5px 10px rgba(255,255,255,.08),
    0 2px 7px rgba(43,47,112,.16),
    0 0 9px color-mix(in srgb,var(--a) 28%,transparent)!important;
  transform:translateZ(0)!important;
}
.profile-title-badge.tc-special-title-v6 .tc-special-title-icon{
  position:absolute!important;
  left:4px!important;
  top:50%!important;
  width:21px!important;
  height:21px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  z-index:3!important;
  font-size:11px!important;
  font-style:normal!important;
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:inset 0 0 8px rgba(255,255,255,.10),0 0 7px color-mix(in srgb,var(--a) 36%,transparent)!important;
}
.profile-title-badge.tc-special-title-v6 .tc-special-title-text{position:relative!important;z-index:3!important}
.profile-title-badge.tc-special-title-v6:before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  padding:1px!important;
  background:linear-gradient(100deg,var(--a),rgba(255,255,255,.96),var(--b),rgba(255,255,255,.84),var(--a))!important;
  background-size:220% 100%!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  z-index:4!important;
  animation:tcSpecialTitleBorderV6 7s linear infinite!important;
}
.profile-title-badge.tc-special-title-v6:after{
  content:""!important;
  position:absolute!important;
  top:-30%!important;
  bottom:-30%!important;
  left:-42%!important;
  width:28%!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)!important;
  opacity:0!important;
  z-index:2!important;
  animation:tcSpecialTitleSheenV6 5.8s ease-in-out infinite!important;
}

/* Partner: a celebrity/official-partner version of the TeenStar chip. */
.profile-title-badge.tc-special-title-v6.tc-special-partner{
  --a:#8d7cff;
  --b:#e88bd8;
  min-width:92px!important;
  background:
    radial-gradient(circle at 20% 28%,rgba(255,255,255,.17),transparent 26%),
    linear-gradient(105deg,#5865d9 0%,#8068e7 48%,#d272c8 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 6px 12px rgba(255,255,255,.09),
    0 2px 8px rgba(86,65,184,.18),
    0 0 9px rgba(137,109,255,.28)!important;
}
.profile-title-badge.tc-special-title-v6.tc-special-partner .tc-special-title-icon{
  color:#fff8ff!important;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(152,115,255,.22))!important;
  animation:tcSpecialPartnerPulseV6 2.9s ease-in-out infinite!important;
}
.profile-title-badge.tc-special-title-v6.tc-special-partner .tc-special-title-icon:before{
  content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;right:-2px;top:2px;box-shadow:0 0 5px #fff,4px 8px 0 -1px rgba(255,255,255,.75)
}

/* Operator: same compact family, but official navy/gold treatment. */
.profile-title-badge.tc-special-title-v6.tc-special-operator{
  --a:#63cfff;
  --b:#f2ca68;
  min-width:94px!important;
  color:#fff0b5!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(105,213,255,.15),transparent 26%),
    linear-gradient(105deg,#172b61 0%,#263c80 48%,#3c356a 100%)!important;
  border-color:rgba(255,224,135,.82)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 6px 12px rgba(255,255,255,.05),
    0 2px 8px rgba(21,38,89,.20),
    0 0 9px rgba(255,210,103,.20)!important;
}
.profile-title-badge.tc-special-title-v6.tc-special-operator .tc-special-title-icon{
  color:#ffe184!important;
  background:linear-gradient(145deg,rgba(255,217,112,.18),rgba(93,204,255,.15))!important;
  border-color:rgba(255,222,131,.48)!important;
  box-shadow:inset 0 0 8px rgba(255,255,255,.08),0 0 7px rgba(255,210,98,.22)!important;
  animation:tcSpecialOperatorPulseV6 3s ease-in-out infinite!important;
}

/* The shop preview gets a modest halo only. No giant fantasy plaque. */
.profile-item-preview.type-title:has(.tc-special-title-v6){
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.profile-item-preview.type-title:has(.tc-special-title-v6):before{
  content:""!important;
  position:absolute!important;
  width:130px!important;
  height:52px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tc-preview-glow,#818cff) 24%,transparent),transparent 70%)!important;
  filter:blur(7px)!important;
  opacity:.9!important;
}
.profile-item-preview.type-title .tc-special-title-v6{
  --h:31px;
  min-width:108px!important;
  padding-left:35px!important;
  padding-right:14px!important;
  font-size:11px!important;
  z-index:2!important;
}
.profile-item-preview.type-title .tc-special-title-v6 .tc-special-title-icon{width:24px!important;height:24px!important;font-size:12px!important}
.profile-item-preview.type-title:has(.tc-special-partner){--tc-preview-glow:#9b79ff}
.profile-item-preview.type-title:has(.tc-special-operator){--tc-preview-glow:#66cfff}

@keyframes tcSpecialTitleBorderV6{to{background-position:220% 0}}
@keyframes tcSpecialTitleSheenV6{0%,24%{left:-42%;opacity:0}34%{opacity:.78}68%{opacity:.28}82%,100%{left:120%;opacity:0}}
@keyframes tcSpecialPartnerPulseV6{0%,100%{filter:brightness(.96);transform:translateY(-50%) scale(.96)}50%{filter:brightness(1.14);transform:translateY(-50%) scale(1.04)}}
@keyframes tcSpecialOperatorPulseV6{0%,100%{filter:brightness(.95);transform:translateY(-50%) scale(.97)}50%{filter:brightness(1.12);transform:translateY(-50%) scale(1.03)}}
@media(prefers-reduced-motion:reduce){.tc-special-title-v6,.tc-special-title-v6:before,.tc-special-title-v6:after,.tc-special-title-v6 *{animation:none!important}}