/* G6M_BUNDLE_31 — 6 feuilles, ordre du document preserve */
/* ==== g6m-hide-nav-gta-v475.css ==== */
/* g6m-hide-nav-gta-v475
   Hide GTA$ / DragonByte Credits chip from top nav + off-canvas.
   Sidebar dashboard / account wallet stay visible.
*/
html#XF body .p-nav a[data-nav-id="dbtechCredits"],
html#XF body .p-nav a[data-nav-id^="dbtechCredits"],
html#XF body .p-nav a[data-nav-id="dbtechCreditsCurrency1"],
html#XF body .p-nav-list a[data-nav-id="dbtechCredits"],
html#XF body .p-nav-list a[data-nav-id^="dbtechCredits"],
html#XF body .p-nav-list > li:has(> .p-navEl > a[data-nav-id="dbtechCredits"]),
html#XF body .p-nav-list > li:has(> .p-navEl > a[data-nav-id^="dbtechCredits"]),
html#XF body .p-navEl:has(> a[data-nav-id="dbtechCredits"]),
html#XF body .p-navEl:has(> a[data-nav-id^="dbtechCredits"]),
html#XF body .p-nav a.gta-money-badge-host,
html#XF body .p-nav .gta-money-badge,
html#XF body .p-nav a.g6m-gta-cash-nav,
html#XF body .p-navgroup-link--dbtechCredits,
html body .p-nav a[data-nav-id="dbtechCredits"],
html body .p-nav a[data-nav-id^="dbtechCredits"],
html body .p-nav a[data-nav-id="dbtechCreditsCurrency1"],
html body .p-nav-list a[data-nav-id="dbtechCredits"],
html body .p-nav-list a[data-nav-id^="dbtechCredits"],
html body .p-nav-list > li:has(> .p-navEl > a[data-nav-id="dbtechCredits"]),
html body .p-nav-list > li:has(> .p-navEl > a[data-nav-id^="dbtechCredits"]),
html body .p-navEl:has(> a[data-nav-id="dbtechCredits"]),
html body .p-navEl:has(> a[data-nav-id^="dbtechCredits"]),
html body .p-nav a.gta-money-badge-host,
html body .p-nav .gta-money-badge,
html body .p-nav a.g6m-gta-cash-nav,
html body .p-navgroup-link--dbtechCredits,
html body .offCanvasMenu a[data-nav-id="dbtechCredits"],
html body .offCanvasMenu a[data-nav-id^="dbtechCredits"],
html body .offCanvasMenu a[data-nav-id="dbtechCreditsCurrency1"],
html body .offCanvasMenu .gta-money-badge,
html body .offCanvasMenu a.gta-money-badge-host {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

/* ==== g6m-member-style-v473.css ==== */
/* ============================================================
   G6M Member Style V473 — FIX fade (no filter + clip text)
   Chromium bug: filter on background-clip:text makes username vanish.
   Keep chip style; username = solid readable color + text-shadow.
   ============================================================ */

/* Kill fade-causing combo everywhere on usernames */
html body .username[class*="username--style"],
html body a.username .username[class*="username--style"],
html body .message-cell--user .message-name .username,
html body .message-cell--user .message-name .username span,
html body .message-cell--user .message-name .username [class*="username--"] {
  filter: none !important;
  -webkit-filter: none !important;
}

/* ---------- Username membre : visible, stable ---------- */
html body a.username .username--style2,
html body a.username .username--style19,
html body a.username .username--styleMember,
html body .username--style2,
html body .username--style19,
html body .username--styleMember,
html body .message-cell--user .message-name .username .username--style2,
html body .message-cell--user .message-name .username .username--style19,
html body .message-cell--user .message-name .username .username--styleMember,
html body .memberTooltip-name .username--style2,
html body .memberTooltip-name .username--style19,
html body .memberTooltip-name .username--styleMember,
html body .memberHeader-name .username--style2,
html body .memberHeader-name .username--style19,
html body .memberHeader-name .username--styleMember {
  font-family: Rajdhani, "Segoe UI", system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #c9e8ff !important;
  -webkit-text-fill-color: #c9e8ff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  animation: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow:
    0 0 8px rgba(0, 215, 255, 0.35),
    0 0 14px rgba(141, 56, 255, 0.2) !important;
}

html body a.username:hover .username--style2,
html body a.username:hover .username--style19,
html body a.username:hover .username--styleMember,
html body .message-cell--user .message-name a.username:hover .username--style2,
html body .message-cell--user .message-name a.username:hover .username--style19,
html body .message-cell--user .message-name a.username:hover .username--styleMember {
  color: #e8f7ff !important;
  -webkit-text-fill-color: #e8f7ff !important;
  text-shadow:
    0 0 10px rgba(0, 215, 255, 0.45),
    0 0 16px rgba(255, 138, 216, 0.25) !important;
  filter: none !important;
  animation: none !important;
}

/* Soft sparkle — no filter animation on the name itself */
html body .message-cell--user .message-name .username--style2::before,
html body .message-cell--user .message-name .username--style19::before,
html body .message-cell--user .message-name .username--styleMember::before,
html body .username--style2::before,
html body .username--style19::before,
html body .username--styleMember::before {
  content: "✧" !important;
  margin-right: 0.28em !important;
  font-size: 0.78em !important;
  -webkit-text-fill-color: #7ad7ff !important;
  color: #7ad7ff !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  animation: none !important;
  text-shadow: 0 0 6px rgba(0, 215, 255, 0.55) !important;
  opacity: 1 !important;
}

html body a.username .username--style20,
html body .username--style20,
html body .message-cell--user .message-name .username .username--style20 {
  font-family: Rajdhani, "Segoe UI", system-ui, sans-serif !important;
  font-weight: 600 !important;
  color: #9eb6d4 !important;
  -webkit-text-fill-color: #9eb6d4 !important;
  background: none !important;
  animation: none !important;
  filter: none !important;
  text-shadow: 0 0 8px rgba(120, 160, 220, 0.25) !important;
}

/* ---------- Chip MEMBRE — colors owned by g6m-group-badges-v491.css ---------- */
html body .userBanner--g6mMember,
html body .userBanner--g6mNew,
html body .message-userDetails:has(.username--style2) .userTitle,
html body .message-userDetails:has(.username--style2) .message-userTitle,
html body .message-userDetails:has(.username--style19) .userTitle,
html body .message-userDetails:has(.username--style19) .message-userTitle,
html body .message-userDetails:has(.username--styleMember) .userTitle,
html body .message-userDetails:has(.username--styleMember) .message-userTitle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Admin / VIP: keep filter:none (Chrome vanish). Animation restored in V484. */
html body a.username .username--style3,
html body a.username .username--style5,
html body a.username .username--admin,
html body a.username .username--styleAdmin,
html body a.username .username--style11,
html body a.username .username--style12,
html body a.username .username--style13,
html body a.username .username--style27,
html body .username--style3,
html body .username--style5,
html body .username--admin,
html body .username--styleAdmin,
html body .username--style11,
html body .username--style12,
html body .username--style13,
html body .username--style27,
html body .message-cell--user .message-name .username .username--style3,
html body .message-cell--user .message-name .username .username--style5,
html body .message-cell--user .message-name .username .username--admin,
html body .message-cell--user .message-name .username .username--styleAdmin,
html body .message-cell--user .message-name .username .username--style11,
html body .message-cell--user .message-name .username .username--style12,
html body .message-cell--user .message-name .username .username--style13,
html body .message-cell--user .message-name .username .username--style27 {
  filter: none !important;
  -webkit-filter: none !important;
}

/* Ensure gradient-clipped names never get filter (Chrome vanish bug) */
html body a.username [class*="username--style"],
html body .message-name [class*="username--style"] {
  filter: none !important;
  -webkit-filter: none !important;
}

/* ---------- V473b superseded by V485 safe color-cycle (no clip animation) ---------- */
/* END G6M_MEMBER_STYLE_V473 */

/* ==== g6m-cat-node-polish-v474.css ==== */
/* ============================================================
   G6M Category / Node polish V474
   - Category titles flush left (no center)
   - Softer rounded node icons (smoother contour)
   ============================================================ */

/* ---- Category header: force LEFT ---- */
html body .block--category > .block-header,
html body .block--category > .block-header.js-nodeMain,
html body .block--category > .block-container > .block-header,
html body .block-header.js-nodeMain,
html body h2.block-header.js-nodeMain {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
}

html body .block--category .uix_categoryStrip,
html body .block--category .uix_categoryStrip-inner,
html body .block--category .uix_categoryStrip-content,
html body .block--category .block-header .uix_categoryStrip {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
}

html body .block--category .uix_categoryTitle,
html body .block--category .uix_categoryTitle a,
html body .block--category .block-header > a,
html body .block-header.js-nodeMain > a,
html body .block--category .block-desc,
html body .block-header.js-nodeMain .block-desc {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
}

html body .block--category .uix_categoryTitle {
  display: inline-flex !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Hide empty strip icon spacer that can push/center content */
html body .block--category .uix_categoryStrip__icon {
  display: none !important;
}

/* ---- Node icons: smoother contour ---- */
html body .node--forum .node-icon,
html body .node.g6m-node .node-icon,
html body .p-body-pageContent .node-icon,
html body .node--category .node-icon {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 120, 200, 0.28) !important;
  background:
    linear-gradient(
      160deg,
      rgba(255, 11, 139, 0.14) 0%,
      rgba(141, 56, 255, 0.1) 50%,
      rgba(12, 10, 20, 0.55) 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 4px 14px rgba(0, 0, 0, 0.28),
    0 0 14px rgba(255, 11, 139, 0.12) !important;
  overflow: hidden !important;
}

html body .node--unread .node-icon {
  border-color: rgba(0, 215, 255, 0.4) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 4px 14px rgba(0, 0, 0, 0.28),
    0 0 16px rgba(0, 215, 255, 0.18) !important;
}

/* Soften glyph glow (less harsh outline) */
html body .node--forum .node-icon i.fa--xf::after,
html body .node--forum .node-icon .fa--xf::after,
html body .node.g6m-node .node-icon i.fa--xf::after,
html body .p-body-pageContent .node-icon i.fa--xf::after {
  filter: drop-shadow(0 0 4px rgba(255, 11, 139, 0.35)) !important;
}

/* END G6M_CAT_NODE_POLISH_V474 */

/* ==== g6m-rank-dedupe-v475.css ==== */
/* ============================================================
   G6M Rank Chip Dedupe V475
   Hide userTitle in member tooltip when banners already show rank
   (Fondateur title + FONDATEUR banner = duplicate)
   ============================================================ */

html body .memberTooltip:has(.userBanner) .userTitle,
html body .memberTooltip:has(.userBanner) .memberTooltip-blurb .userTitle,
html body .tooltip--member:has(.userBanner) .userTitle,
html body .memberTooltip-header:has(.userBanner) .userTitle,
html body .memberTooltip-name:has(+ .memberTooltip-blurbContainer .userBanner) .userTitle {
  display: none !important;
}

/* Also hide empty blurb wrappers left by removed title */
html body .memberTooltip:has(.userBanner) .memberTooltip-blurb:has(> .userTitle),
html body .memberTooltip:has(.userBanner) .memberTooltip-blurb:has(> div > .userTitle) {
  display: none !important;
}

/* Profile header: same dedupe if both title + founder banner */
html body .memberHeader:has(.userBanner--g6mFounder) .memberHeader-blurb .userTitle,
html body .memberHeader:has(.userBanner--g6mFounder) .userTitle {
  display: none !important;
}

/* END G6M_RANK_DEDUPE_V475 */

/* ==== g6m-credits-widgets-premium-v482.css ==== */
/* g6m-credits-widgets-premium-v482
   Premium GTA VI glass UI for DBTech Credits sidebar widgets.
   CSS-only — no core/addon template edits. XF 2.3 + UI.X Dark safe.
*/

@keyframes g6mCredFadeUp482 {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

html body .block[data-widget-key="dbtech_credits_wallet"],
html body .block[data-widget-key="dbtech_credits_richest"],
html body .block[data-widget-definition="dbtech_credits_wallet"],
html body .block[data-widget-definition="dbtech_credits_richest"] {
  --g6m-cred-bg: #09090d;
  --g6m-cred-card: rgba(18, 18, 25, 0.75);
  --g6m-cred-card-solid: #111118;
  --g6m-cred-accent: #a855f7;
  --g6m-cred-hover: #c084fc;
  --g6m-cred-border: rgba(168, 85, 247, 0.18);
  --g6m-cred-border-soft: rgba(139, 92, 246, 0.2);
  --g6m-cred-text: #ffffff;
  --g6m-cred-muted: #b9b9c9;
  --g6m-cred-ease: 250ms cubic-bezier(0.22, 1, 0.36, 1);
  margin: 0 0 16px !important;
  animation: g6mCredFadeUp482 200ms ease-out both !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] {
  animation-delay: 40ms !important;
}

/* ── Card shell ── */
html body .block[data-widget-key="dbtech_credits_wallet"] > .block-container,
html body .block[data-widget-key="dbtech_credits_richest"] > .block-container,
html body .block[data-widget-definition="dbtech_credits_wallet"] > .block-container,
html body .block[data-widget-definition="dbtech_credits_richest"] > .block-container {
  background: var(--g6m-cred-card) !important;
  background-image:
    linear-gradient(145deg, rgba(168, 85, 247, 0.08), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 55%) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
  border: 1px solid var(--g6m-cred-border) !important;
  border-radius: 18px !important;
  box-shadow:
    0 10px 35px rgba(139, 92, 246, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
  transition:
    transform var(--g6m-cred-ease),
    box-shadow var(--g6m-cred-ease),
    border-color var(--g6m-cred-ease) !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] > .block-container:hover,
html body .block[data-widget-key="dbtech_credits_richest"] > .block-container:hover,
html body .block[data-widget-definition="dbtech_credits_wallet"] > .block-container:hover,
html body .block[data-widget-definition="dbtech_credits_richest"] > .block-container:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(192, 132, 252, 0.45) !important;
  box-shadow:
    0 16px 42px rgba(139, 92, 246, 0.22),
    0 0 0 1px rgba(168, 85, 247, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* ── Header ── */
html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader,
html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 18px 22px 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  color: var(--g6m-cred-text) !important;
  font-family: Orbitron, Rajdhani, Inter, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  line-height: 1.25 !important;
  position: relative !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader::before,
html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader::before,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader::before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  color: var(--g6m-cred-accent) !important;
  text-shadow: 0 0 14px rgba(168, 85, 247, 0.55) !important;
  flex: 0 0 auto !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader::before,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader::before {
  content: "\f555" !important; /* fa-wallet */
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader::before {
  content: "\f091" !important; /* fa-trophy */
}

html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader::after,
html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader::after,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader::after,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader::after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(168, 85, 247, 0.55),
    rgba(192, 132, 252, 0.35),
    transparent
  ) !important;
}

/* ── Bodies ── */
html body .block[data-widget-key="dbtech_credits_wallet"] .block-body,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-body {
  padding: 18px 22px 22px !important;
  background: transparent !important;
  position: relative !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 16px 16px 18px !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════
   WALLET — amount as hero
   ═══════════════════════════════════════════ */
html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 4px 0 14px !important;
  border: 0 !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dt,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dt {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--g6m-cred-muted) !important;
  font-family: Inter, Rajdhani, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  width: auto !important;
  float: none !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd {
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  width: auto !important;
  float: none !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd a,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd a,
html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd {
  font-family: Orbitron, Rajdhani, Inter, sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  background-image: linear-gradient(105deg, #c084fc, #a855f7 45%, #7c3aed) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 12px rgba(168, 85, 247, 0.45)) !important;
  text-decoration: none !important;
  transition: filter var(--g6m-cred-ease) !important;
}

html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd a:hover,
html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd a:hover {
  filter: drop-shadow(0 0 18px rgba(192, 132, 252, 0.7)) !important;
}

/* Luminous wallet bar */
html body .block[data-widget-key="dbtech_credits_wallet"] .block-body::after,
html body .block[data-widget-definition="dbtech_credits_wallet"] .block-body::after {
  content: "" !important;
  display: block !important;
  height: 3px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    rgba(168, 85, 247, 0.15),
    #a855f7 35%,
    #c084fc 65%,
    rgba(168, 85, 247, 0.15)
  ) !important;
  box-shadow: 0 0 14px rgba(168, 85, 247, 0.55) !important;
}

/* ═══════════════════════════════════════════
   RICHEST — leaderboard cards
   ═══════════════════════════════════════════ */
html body .block[data-widget-key="dbtech_credits_richest"] .block-textHeader,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-textHeader {
  margin: 0 6px 2px !important;
  padding: 0 !important;
  color: var(--g6m-cred-muted) !important;
  font-family: Inter, Rajdhani, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 0 !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row {
  margin: 0 !important;
  padding: 12px 14px !important;
  background: rgba(17, 17, 24, 0.72) !important;
  border: 1px solid rgba(139, 92, 246, 0.16) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
  transition:
    transform var(--g6m-cred-ease),
    border-color var(--g6m-cred-ease),
    box-shadow var(--g6m-cred-ease),
    background var(--g6m-cred-ease) !important;
  position: relative !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:hover,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(192, 132, 252, 0.4) !important;
  box-shadow: 0 10px 26px rgba(139, 92, 246, 0.18) !important;
  background: rgba(24, 20, 36, 0.88) !important;
}

/* Rank badges */
html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  z-index: 2 !important;
  filter: drop-shadow(0 0 8px rgba(168, 85, 247, 0.35)) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(1)::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(1)::before {
  content: "👑" !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(2)::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(2)::before {
  content: "🥈" !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(3)::before,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(3)::before {
  content: "🥉" !important;
}

/* Gold / silver / bronze row tints */
html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(1),
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(1) {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.14), rgba(17, 17, 24, 0.85) 55%) !important;
  border-color: rgba(168, 85, 247, 0.45) !important;
  box-shadow:
    0 8px 24px rgba(251, 191, 36, 0.1),
    0 0 18px rgba(168, 85, 247, 0.12) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(2),
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(2) {
  background: linear-gradient(135deg, rgba(203, 213, 225, 0.12), rgba(17, 17, 24, 0.85) 55%) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(3),
html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row:nth-of-type(3) {
  background: linear-gradient(135deg, rgba(180, 120, 70, 0.14), rgba(17, 17, 24, 0.85) 55%) !important;
  border-color: rgba(180, 120, 70, 0.35) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .contentRow,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-figure,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-figure {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-main,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding-right: 28px !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-lesser,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-lesser {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--g6m-cred-text) !important;
  font-size: inherit !important;
}

/* Avatars */
html body .block[data-widget-key="dbtech_credits_richest"] .avatar,
html body .block[data-widget-definition="dbtech_credits_richest"] .avatar {
  width: 48px !important;
  height: 48px !important;
  font-size: 1.05rem !important;
  border-radius: 50% !important;
  border: 2px solid rgba(168, 85, 247, 0.45) !important;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.35) !important;
  overflow: hidden !important;
  transition: transform var(--g6m-cred-ease), box-shadow var(--g6m-cred-ease) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .avatar img,
html body .block[data-widget-definition="dbtech_credits_richest"] .avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .block-row:hover .avatar,
html body .block[data-widget-definition="dbtech_credits_richest"] .block-row:hover .avatar {
  transform: scale(1.06) rotate(-4deg) !important;
  box-shadow: 0 0 22px rgba(192, 132, 252, 0.55) !important;
}

/* Names */
html body .block[data-widget-key="dbtech_credits_richest"] .username,
html body .block[data-widget-definition="dbtech_credits_richest"] .username,
html body .block[data-widget-key="dbtech_credits_richest"] .username span,
html body .block[data-widget-definition="dbtech_credits_richest"] .username span {
  font-family: Rajdhani, Inter, sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  color: var(--g6m-cred-text) !important;
  text-decoration: none !important;
  transition: color var(--g6m-cred-ease), filter var(--g6m-cred-ease) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] a.username:hover,
html body .block[data-widget-definition="dbtech_credits_richest"] a.username:hover,
html body .block[data-widget-key="dbtech_credits_richest"] a.username:hover span,
html body .block[data-widget-definition="dbtech_credits_richest"] a.username:hover span {
  color: var(--g6m-cred-hover) !important;
  -webkit-text-fill-color: var(--g6m-cred-hover) !important;
  background-image: none !important;
  filter: none !important;
}

/* Amount badge */
html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-main > a,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-main > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(168, 85, 247, 0.22) !important;
  color: var(--g6m-cred-accent) !important;
  font-family: Inter, Rajdhani, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition:
    background var(--g6m-cred-ease),
    border-color var(--g6m-cred-ease),
    color var(--g6m-cred-ease),
    box-shadow var(--g6m-cred-ease) !important;
}

html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-main > a:hover,
html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-main > a:hover {
  background: rgba(168, 85, 247, 0.2) !important;
  border-color: rgba(192, 132, 252, 0.45) !important;
  color: var(--g6m-cred-hover) !important;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.25) !important;
}

/* ── Responsive ── */
@media (max-width: 650px) {
  html body .block[data-widget-key="dbtech_credits_wallet"] > .block-container,
  html body .block[data-widget-key="dbtech_credits_richest"] > .block-container,
  html body .block[data-widget-definition="dbtech_credits_wallet"] > .block-container,
  html body .block[data-widget-definition="dbtech_credits_richest"] > .block-container {
    width: 100% !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader,
  html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader,
  html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader,
  html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader {
    justify-content: center !important;
    text-align: center !important;
    padding: 16px 18px 12px !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] .block-minorHeader::after,
  html body .block[data-widget-key="dbtech_credits_richest"] .block-minorHeader::after,
  html body .block[data-widget-definition="dbtech_credits_wallet"] .block-minorHeader::after,
  html body .block[data-widget-definition="dbtech_credits_richest"] .block-minorHeader::after {
    left: 18px !important;
    right: 18px !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] .block-body,
  html body .block[data-widget-definition="dbtech_credits_wallet"] .block-body {
    padding: 16px 18px 18px !important;
    text-align: center !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs,
  html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd,
  html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd {
    text-align: center !important;
  }

  html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd a,
  html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd a,
  html body .block[data-widget-key="dbtech_credits_wallet"] dl.pairs > dd,
  html body .block[data-widget-definition="dbtech_credits_wallet"] dl.pairs > dd {
    font-size: 24px !important;
  }

  html body .block[data-widget-key="dbtech_credits_richest"] .block-body,
  html body .block[data-widget-definition="dbtech_credits_richest"] .block-body {
    padding: 14px !important;
    gap: 12px !important;
  }

  html body .block[data-widget-key="dbtech_credits_richest"] .contentRow,
  html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow {
    flex-direction: column !important;
    text-align: center !important;
  }

  html body .block[data-widget-key="dbtech_credits_richest"] .contentRow-main,
  html body .block[data-widget-definition="dbtech_credits_richest"] .contentRow-main {
    align-items: center !important;
    padding-right: 0 !important;
  }

  html body .block[data-widget-key="dbtech_credits_richest"] .avatar,
  html body .block[data-widget-definition="dbtech_credits_richest"] .avatar {
    width: 40px !important;
    height: 40px !important;
  }

  html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row::before,
  html body .block[data-widget-definition="dbtech_credits_richest"] .block-body > div.block-row::before {
    top: 8px !important;
    right: 10px !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html body .block[data-widget-key="dbtech_credits_wallet"],
  html body .block[data-widget-key="dbtech_credits_richest"],
  html body .block[data-widget-definition="dbtech_credits_wallet"],
  html body .block[data-widget-definition="dbtech_credits_richest"],
  html body .block[data-widget-key="dbtech_credits_wallet"] > .block-container,
  html body .block[data-widget-key="dbtech_credits_richest"] > .block-container,
  html body .block[data-widget-key="dbtech_credits_richest"] .avatar,
  html body .block[data-widget-key="dbtech_credits_richest"] .block-body > div.block-row {
    animation: none !important;
    transition: none !important;
  }
}

/* ==== g6m-admin-rainbow-restore-v484.css ==== */
/* -> V486b */
/* ============================================================
   G6M Admin Rainbow SPARKLE V486b
   Absolute-last rules: color cycle + sparkles, no background-clip.
   ============================================================ */

@keyframes g6mAdminHueV486 {
  0%   { color: #ff0b8b !important; -webkit-text-fill-color: #ff0b8b !important; text-shadow: 0 0 10px rgba(255,11,139,.75), 0 0 20px rgba(255,11,139,.35) !important; }
  14%  { color: #ff4d00 !important; -webkit-text-fill-color: #ff4d00 !important; text-shadow: 0 0 10px rgba(255,77,0,.75), 0 0 20px rgba(255,106,0,.35) !important; }
  28%  { color: #ffd84d !important; -webkit-text-fill-color: #ffd84d !important; text-shadow: 0 0 12px rgba(255,216,77,.8), 0 0 22px rgba(255,200,50,.4) !important; }
  42%  { color: #39ff8a !important; -webkit-text-fill-color: #39ff8a !important; text-shadow: 0 0 10px rgba(57,255,138,.75), 0 0 20px rgba(0,215,255,.3) !important; }
  56%  { color: #00d7ff !important; -webkit-text-fill-color: #00d7ff !important; text-shadow: 0 0 12px rgba(0,215,255,.8), 0 0 22px rgba(0,180,255,.4) !important; }
  70%  { color: #8d38ff !important; -webkit-text-fill-color: #8d38ff !important; text-shadow: 0 0 12px rgba(141,56,255,.8), 0 0 22px rgba(141,56,255,.4) !important; }
  84%  { color: #ff5ec8 !important; -webkit-text-fill-color: #ff5ec8 !important; text-shadow: 0 0 12px rgba(255,94,200,.8), 0 0 20px rgba(255,11,139,.35) !important; }
  100% { color: #ff0b8b !important; -webkit-text-fill-color: #ff0b8b !important; text-shadow: 0 0 10px rgba(255,11,139,.75), 0 0 20px rgba(255,11,139,.35) !important; }
}

@keyframes g6mStarPulseV486 {
  0%, 100% {
    opacity: 0.85 !important;
    color: #ff0b8b !important;
    -webkit-text-fill-color: #ff0b8b !important;
    text-shadow: 0 0 6px #ff0b8b, 8px -6px 0 transparent, -7px -8px 0 transparent !important;
  }
  40% {
    opacity: 1 !important;
    color: #ffd84d !important;
    -webkit-text-fill-color: #ffd84d !important;
    text-shadow: 0 0 10px #ffd84d, 8px -6px 1px #fff, -7px -8px 1px #00d7ff, 10px 4px 1px #8d38ff !important;
  }
  70% {
    opacity: 1 !important;
    color: #00d7ff !important;
    -webkit-text-fill-color: #00d7ff !important;
    text-shadow: 0 0 10px #00d7ff, 6px -8px 1px #ff5ec8, -8px -4px 1px #fff !important;
  }
}

@keyframes g6mSparkFloatV486 {
  0%, 100% { opacity: 0 !important; }
  25% { opacity: 1 !important; }
  60% { opacity: 0.85 !important; }
  85% { opacity: 0 !important; }
}

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 {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 800 !important;
  color: #ff0b8b !important;
  -webkit-text-fill-color: #ff0b8b !important;
  animation: g6mAdminHueV486 3.2s linear infinite !important;
}

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[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.3em !important;
  font-size: 0.78em !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  background: none !important;
  filter: none !important;
  color: #ff0b8b !important;
  -webkit-text-fill-color: #ff0b8b !important;
  animation: g6mStarPulseV486 1.8s ease-in-out infinite !important;
}

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 {
  content: "✧" !important;
  display: inline-block !important;
  margin-left: 0.18em !important;
  font-size: 0.55em !important;
  vertical-align: super !important;
  background: none !important;
  filter: none !important;
  color: #ffd84d !important;
  -webkit-text-fill-color: #ffd84d !important;
  animation: g6mSparkFloatV486 2.4s ease-in-out infinite !important;
}

/* END G6M_ADMIN_RAINBOW_SPARKLE_V486b */