/* ============================================================
   G6M Admin Rainbow LUXE V489
   Soft brand flow (pink → violet → cyan → rose), silk motion via JS.
   Sparkles: tiny, elegant, never clipped.
   ============================================================ */

:root {
  --g6m-admin-rainbow: V489;
}

@keyframes g6mStarPulseV489 {
  0%, 100% {
    opacity: 0.55;
    color: #ff7ab8;
    -webkit-text-fill-color: #ff7ab8;
    text-shadow: 0 0 4px rgba(255, 122, 184, 0.55);
    transform: scale(0.92);
  }
  50% {
    opacity: 0.95;
    color: #e8c4ff;
    -webkit-text-fill-color: #e8c4ff;
    text-shadow: 0 0 8px rgba(196, 77, 255, 0.7), 0 0 2px #fff;
    transform: scale(1.05);
  }
}

@keyframes g6mSparkFloatV489 {
  0%, 100% {
    opacity: 0;
    transform: translateY(1px) scale(0.85);
  }
  35% {
    opacity: 0.85;
    transform: translateY(-1px) scale(1);
  }
  70% {
    opacity: 0.35;
  }
}

/* Name: JS owns gradient clip; kill competing hue animations */
html#XF body span.g6m-role-username.username--style3,
html#XF body span.username--style3,
html#XF body span.username--style5,
html#XF body span.username--styleAdmin,
html#XF body span.username--admin,
html body span.g6m-role-username.username--style3,
html body span.username--style3,
html body span.username--style5,
html body span.username--styleAdmin,
html body span.username--admin,
html body a.username .username--style3,
html body a.username .username--style5,
html body a.username .username--admin,
html body .p-navgroup-linkText > .g6m-role-username.username--style3,
html body .p-navgroup-linkText > .username--style3,
html body .memberHeader-name .username--style3,
html body .memberHeader-name .username--admin,
html body .memberTooltip-name .username--style3,
html body[data-g6m-visitor-style="3"] .p-navgroup-link--user .p-navgroup-linkText,
html body[data-g6m-visitor-style="5"] .p-navgroup-link--user .p-navgroup-linkText {
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}

/* Left sparkle — soft diamond, brand pink→lilac */
html#XF body span.g6m-role-username.username--style3::before,
html#XF body span.username--style3::before,
html#XF body span.username--style5::before,
html#XF body span.username--admin::before,
html body span.g6m-role-username.username--style3::before,
html body span.username--style3::before,
html body span.username--style5::before,
html body span.username--admin::before,
html body .p-navgroup-linkText > .g6m-role-username.username--style3::before,
html body .memberHeader-name .username--style3::before,
html body span.g6m-admin-sparkle::before,
html body[data-g6m-visitor-style="3"] .p-navgroup-link--user .p-navgroup-linkText:not(:has([class*="username--"]))::before {
  content: "✦" !important;
  display: inline-block !important;
  margin-right: 0.28em !important;
  font-size: 0.62em !important;
  line-height: 1 !important;
  vertical-align: 0.12em !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #ff7ab8 !important;
  color: #ff7ab8 !important;
  filter: none !important;
  animation: g6mStarPulseV489 2.8s ease-in-out infinite !important;
}

/* Right micro-spark — very discreet */
html#XF body span.g6m-role-username.username--style3::after,
html#XF body span.username--style3::after,
html#XF body span.username--admin::after,
html body span.g6m-role-username.username--style3::after,
html body span.username--style3::after,
html body .p-navgroup-linkText > .g6m-role-username.username--style3::after,
html body span.g6m-admin-sparkle::after {
  content: "✧" !important;
  display: inline-block !important;
  margin-left: 0.12em !important;
  font-size: 0.42em !important;
  vertical-align: super !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #e8c4ff !important;
  color: #e8c4ff !important;
  filter: none !important;
  animation: g6mSparkFloatV489 3.6s ease-in-out infinite !important;
  animation-delay: 0.9s !important;
}

@media (prefers-reduced-motion: reduce) {
  html body span.g6m-admin-sparkle::before,
  html body span.username--style3::before,
  html body span.username--style3::after,
  html body span.g6m-admin-sparkle::after {
    animation: none !important;
    opacity: 0.7 !important;
  }
}

/* END G6M_ADMIN_RAINBOW_LUXE_V489 */