/* G6M_BUNDLE_05 — 11 feuilles, ordre du document preserve */
/* ==== g6m-mobile-topbar-pro-v200.css ==== */
/* G6M_MOBILE_TOPBAR_PRO_V200
   MOBILE ONLY — max-width 767.98px.
   Premium glass top bar (Rockstar / Discord / Steam inspired).
   Desktop untouched. Hamburger menu preserved.
*/

@media (max-width: 767.98px) {

/* —— Tokens —— */
html body {
	--g6m-mtb-h: 60px;
	--g6m-mtb-icon: 23px;
	--g6m-mtb-touch: 48px;
	--g6m-mtb-pink: #ff0b8b;
	--g6m-mtb-violet: rgba(141, 56, 255, 0.45);
	--g6m-mtb-ease: 220ms ease;
}

/* —— Kill saturated purple banner —— */
html body .p-nav,
html body .p-navSticky .p-nav,
html body .p-navSticky.is-sticky .p-nav,
html body .p-navSticky--primary .p-nav,
html body .p-navSticky--all .p-nav,
html body .uix_stickyBar .p-nav {
	background:
		linear-gradient(180deg, rgba(18, 13, 24, 0.92) 0%, rgba(36, 18, 56, 0.88) 100%) !important;
	background-color: #120d18 !important;
	backdrop-filter: blur(16px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 11, 139, 0.28) !important;
	box-shadow:
		0 1px 0 rgba(141, 56, 255, 0.12),
		0 8px 28px rgba(0, 0, 0, 0.35),
		0 0 24px rgba(255, 11, 139, 0.06) !important;
	margin: 0 !important;
	padding: max(0px, env(safe-area-inset-top, 0px)) 0 0 !important;
	min-height: calc(var(--g6m-mtb-h) + env(safe-area-inset-top, 0px)) !important;
	height: auto !important;
	max-height: none !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 500 !important;
	overflow: visible !important;
}

html body .p-navSticky,
html body .p-navSticky.p-navSticky--primary,
html body .p-navSticky.p-navSticky--all,
html body .p-navSticky.uix_stickyBar,
html body .p-navSticky.is-sticky {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
}

/* —— Inner: ☰ | Logo | Actions —— */
html body .p-nav-inner {
	position: relative !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.15rem !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: var(--g6m-mtb-h) !important;
	height: var(--g6m-mtb-h) !important;
	max-height: var(--g6m-mtb-h) !important;
	padding:
		0
		max(8px, env(safe-area-inset-right, 0px))
		0
		max(8px, env(safe-area-inset-left, 0px)) !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	background: transparent !important;
}

/* Left: hamburger */
html body .p-nav-menuTrigger {
	order: 1 !important;
	position: relative !important;
	z-index: 3 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 var(--g6m-mtb-touch) !important;
	width: var(--g6m-mtb-touch) !important;
	height: var(--g6m-mtb-touch) !important;
	min-width: var(--g6m-mtb-touch) !important;
	min-height: var(--g6m-mtb-touch) !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	color: #fff !important;
	background: transparent !important;
	box-shadow: none !important;
	transition:
		background var(--g6m-mtb-ease),
		box-shadow var(--g6m-mtb-ease),
		color var(--g6m-mtb-ease),
		transform var(--g6m-mtb-ease) !important;
}

html body .p-nav-menuTrigger .fa--xf,
html body .p-nav-menuTrigger i,
html body .p-nav-menuTrigger svg {
	font-size: var(--g6m-mtb-icon) !important;
	width: var(--g6m-mtb-icon) !important;
	height: var(--g6m-mtb-icon) !important;
	line-height: 1 !important;
}

html body .p-nav-menuTrigger:hover,
html body .p-nav-menuTrigger:focus,
html body .p-nav-menuTrigger:active {
	background: rgba(255, 11, 139, 0.12) !important;
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.22) !important;
	color: #fff !important;
	outline: none !important;
}

html body .p-nav-menuTrigger:active {
	transform: scale(0.96) !important;
}

/* Center: logo */
html body .p-nav-smallLogo,
html body .p-nav .g6m-site-logo--compact {
	order: 2 !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: min(46vw, 180px) !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2 !important;
	pointer-events: auto !important;
	overflow: hidden !important;
}

html body .p-nav-smallLogo img.g6m-site-logo,
html body .p-nav .g6m-site-logo--compact,
html body .p-nav img.g6m-site-logo,
html body .p-nav-smallLogo img {
	display: block !important;
	max-height: 30px !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	opacity: 1 !important;
	visibility: visible !important;
	filter: drop-shadow(0 0 10px rgba(255, 11, 139, 0.18)) !important;
}

/* Hide desktop nav list on mobile (keep hamburger drawer) */
html body .p-nav-scroller,
html body .p-nav .p-nav-list {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Right: Messages → Alerts → Profile */
html body .p-nav-opposite,
html body .p-nav .p-nav-opposite {
	order: 3 !important;
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0 !important;
	flex: 0 0 auto !important;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	height: var(--g6m-mtb-h) !important;
	background: transparent !important;
	overflow: visible !important;
}

html body .p-nav-opposite .p-navgroup,
html body .p-nav .p-navgroup {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0 !important;
	height: var(--g6m-mtb-h) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* Uniform icon buttons */
html body .p-nav-opposite .p-navgroup-link,
html body .p-nav .p-navgroup-link,
html body .p-nav-opposite a.p-navgroup-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 var(--g6m-mtb-touch) !important;
	width: var(--g6m-mtb-touch) !important;
	height: var(--g6m-mtb-touch) !important;
	min-width: var(--g6m-mtb-touch) !important;
	min-height: var(--g6m-mtb-touch) !important;
	max-width: var(--g6m-mtb-touch) !important;
	max-height: var(--g6m-mtb-touch) !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.92) !important;
	box-shadow: none !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	float: none !important;
	transition:
		background var(--g6m-mtb-ease),
		box-shadow var(--g6m-mtb-ease),
		color var(--g6m-mtb-ease),
		transform var(--g6m-mtb-ease) !important;
}

html body .p-nav-opposite .p-navgroup-link .fa--xf,
html body .p-nav-opposite .p-navgroup-link i,
html body .p-nav-opposite .p-navgroup-link svg {
	font-size: var(--g6m-mtb-icon) !important;
	width: var(--g6m-mtb-icon) !important;
	height: var(--g6m-mtb-icon) !important;
	line-height: 1 !important;
}

html body .p-nav-opposite .p-navgroup-link:hover,
html body .p-nav-opposite .p-navgroup-link:focus,
html body .p-nav-opposite .p-navgroup-link:active {
	background: rgba(255, 11, 139, 0.12) !important;
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.24) !important;
	color: #fff !important;
	outline: none !important;
}

html body .p-nav-opposite .p-navgroup-link:active {
	transform: scale(0.96) !important;
}

/* Icon order: Messages, Alerts, Profile */
html body .p-nav-opposite .p-navgroup-link--conversations,
html body .p-nav-opposite .p-navgroup-link--inbox,
html body .p-nav-opposite a[href*="conversations"],
html body .p-nav-opposite a[data-nav-id="conversations"] {
	order: 1 !important;
}

html body .p-nav-opposite .p-navgroup-link--alerts,
html body .p-nav-opposite a[href*="account/alerts"],
html body .p-nav-opposite a[data-nav-id="accountAlerts"] {
	order: 2 !important;
}

html body .p-nav-opposite .p-navgroup-link--user,
html body .p-nav-opposite .p-navgroup-link--member,
html body .p-nav-opposite a[data-nav-id="account"] {
	order: 3 !important;
}

/* Avatar fits touch target */
html body .p-nav-opposite .p-navgroup-link--user .avatar,
html body .p-nav-opposite .p-navgroup-link--user .avatar img {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 1px rgba(255, 11, 139, 0.35) !important;
}

/* Keep search as icon only if present; hide expanded bar + settings */
html body .p-nav .uix_searchBar,
html body .p-nav-opposite .uix_searchBar,
html body .p-nav .uix_searchBarInner,
html body .p-nav .uix_searchForm,
html body a.uix_search--settings,
html body .uix_search--settings {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -9999px !important;
}

html body .p-nav .uix_searchIconTrigger,
html body .p-nav-opposite .uix_searchIconTrigger,
html body .p-nav-opposite .p-navgroup-link--search {
	order: 0 !important;
	display: inline-flex !important;
	width: var(--g6m-mtb-touch) !important;
	height: var(--g6m-mtb-touch) !important;
}

/* Badge dots on alerts/messages */
html body .p-nav-opposite .badgeContainer::after,
html body .p-nav-opposite .p-navgroup-link .badge,
html body .p-nav-opposite .avatar .avatar-update {
	z-index: 4 !important;
}

/* —— Off-canvas header: match top bar language —— */
html body .offCanvasMenu-header,
html body .uix_offCanvasMenu .offCanvasMenu-header {
	min-height: 56px !important;
	height: 56px !important;
	padding: 0 0.85rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background:
		linear-gradient(180deg, rgba(18, 13, 24, 0.95) 0%, rgba(28, 16, 44, 0.92) 100%) !important;
	border-bottom: 1px solid rgba(255, 11, 139, 0.28) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
	font-family: Rajdhani, Inter, sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #fff !important;
}

html body .offCanvasMenu-header .offCanvasMenu-close,
html body .offCanvasMenu-header .offCanvasMenu-closer,
html body .offCanvasMenu-header a[data-menu-close] {
	width: var(--g6m-mtb-touch) !important;
	height: var(--g6m-mtb-touch) !important;
	min-width: var(--g6m-mtb-touch) !important;
	min-height: var(--g6m-mtb-touch) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 12px !important;
	color: #fff !important;
	transition: background var(--g6m-mtb-ease), box-shadow var(--g6m-mtb-ease) !important;
}

html body .offCanvasMenu-header .offCanvasMenu-close:hover,
html body .offCanvasMenu-header .offCanvasMenu-close:active,
html body .offCanvasMenu-header .offCanvasMenu-closer:hover,
html body .offCanvasMenu-header .offCanvasMenu-closer:active,
html body .offCanvasMenu-header a[data-menu-close]:hover,
html body .offCanvasMenu-header a[data-menu-close]:active {
	background: rgba(255, 11, 139, 0.14) !important;
	box-shadow: 0 0 12px rgba(255, 11, 139, 0.22) !important;
}

/* Clear separation: drawer below glass bar */
html body .offCanvasMenu-content,
html body .uix_offCanvasMenu .offCanvasMenu-content,
html body .uix_offCanvasNavigation {
	border-top: 0 !important;
	padding-top: 0 !important;
}

/* Very small phones */
@media (max-width: 380px) {
	html body {
		--g6m-mtb-h: 56px;
		--g6m-mtb-touch: 46px;
		--g6m-mtb-icon: 22px;
	}

	html body .p-nav-smallLogo,
	html body .p-nav .g6m-site-logo--compact {
		max-width: min(40vw, 140px) !important;
	}

	html body .p-nav-smallLogo img.g6m-site-logo,
	html body .p-nav img.g6m-site-logo {
		max-height: 26px !important;
	}
}

} /* END mobile */

/* END G6M_MOBILE_TOPBAR_PRO_V200 */

/* ==== g6m-nav-alerts-badge-fix-v205.css ==== */
/* G6M_NAV_ALERTS_BADGE_FIX_V205
   Fix notifications icon: badgeContainer::after is the COUNT pill,
   not a 22x22 icon. Previous "icon-only" CSS turned the badge into
   a solid red square that hid/replaced the bell.
   Applies desktop + mobile (bug is on both).
   V205: do not clear background on i:after (FA masks need currentColor).
*/

/* —— Restore proper unread count badge (conversations + alerts) —— */
html body .p-navgroup--member .p-navgroup-link--conversations.badgeContainer::after,
html body .p-navgroup--member .p-navgroup-link--alerts.badgeContainer::after,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--conversations::after,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--alerts::after,
html body .p-nav .p-navgroup--member a.p-navgroup-link--conversations.badgeContainer::after,
html body .p-nav .p-navgroup--member a.p-navgroup-link--alerts.badgeContainer::after,
html body .p-nav-opposite .p-navgroup-link--conversations.badgeContainer::after,
html body .p-nav-opposite .p-navgroup-link--alerts.badgeContainer::after {
	content: attr(data-badge) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	top: 1px !important;
	right: -1px !important;
	left: auto !important;
	bottom: auto !important;
	width: auto !important;
	min-width: 1.05rem !important;
	height: auto !important;
	min-height: 1.05rem !important;
	max-width: none !important;
	max-height: none !important;
	padding: 1px 5px !important;
	margin: 0 !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	border-radius: 999px !important;
	background-image: none !important;
	background-size: auto !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #e74c3c !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 0 0 2px rgba(8, 6, 14, 0.85) !important;
	z-index: 6 !important;
	box-sizing: border-box !important;
	transform: none !important;
	overflow: visible !important;
	clip: auto !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

/* Hide empty / zero badges */
html body .p-navgroup--member .badgeContainer[data-badge="0"]::after,
html body .p-navgroup--member .badgeContainer[data-badge=""]::after,
html body .p-nav-opposite .badgeContainer[data-badge="0"]::after,
html body .p-nav-opposite .badgeContainer[data-badge=""]::after {
	display: none !important;
	content: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
}

/* —— Ensure envelope / bell glyphs stay visible —— */
html body .p-navgroup--member .p-navgroup-link--conversations.p-navgroup-link--iconic,
html body .p-navgroup--member .p-navgroup-link--alerts.p-navgroup-link--iconic {
	position: relative !important;
	overflow: visible !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations.p-navgroup-link--iconic > i,
html body .p-navgroup--member .p-navgroup-link--alerts.p-navgroup-link--iconic > i,
html body .p-navgroup--member .p-navgroup-link--conversations .fa--xf,
html body .p-navgroup--member .p-navgroup-link--alerts .fa--xf {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	opacity: 0.95 !important;
	width: auto !important;
	min-width: 1.15em !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.1rem !important;
	line-height: 1 !important;
	color: rgba(236, 232, 255, 0.94) !important;
	-webkit-text-fill-color: rgba(236, 232, 255, 0.94) !important;
	position: relative !important;
	z-index: 1 !important;
}

/* FA mask glyphs need background-color = currentColor (do NOT clear i:after) */
html body .p-navgroup--member .p-navgroup-link--conversations.p-navgroup-link--iconic > i:after,
html body .p-navgroup--member .p-navgroup-link--alerts.p-navgroup-link--iconic > i:after {
	background-color: currentColor !important;
	background-image: none !important;
	color: rgba(236, 232, 255, 0.94) !important;
	-webkit-text-fill-color: rgba(236, 232, 255, 0.94) !important;
	opacity: 1 !important;
}

/* Hover: brighten glyph only — NEVER paint background on <i> (was white square) */
html body .p-navgroup--member .p-navgroup-link--conversations:hover > i,
html body .p-navgroup--member .p-navgroup-link--alerts:hover > i,
html body .p-navgroup--member .p-navgroup-link--conversations:hover .fa--xf,
html body .p-navgroup--member .p-navgroup-link--alerts:hover .fa--xf {
	opacity: 1 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: transparent !important;
	background-color: transparent !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations:hover > i:after,
html body .p-navgroup--member .p-navgroup-link--alerts:hover > i:after {
	opacity: 1 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background-color: currentColor !important; /* FA mask glyph only */
}

/* END G6M_NAV_ALERTS_BADGE_FIX_V201 */

/* ==== g6m-nav-avatar-cap-v210.css ==== */
/* G6M_NAV_AVATAR_CAP_V210
   Integrate the account avatar as the left end-cap of the user cluster
   (Discord/Xbox style) — kill the bolted-on double pink ring.
   Builds on g6m-nav-user-cluster-v205.css
   END G6M_NAV_AVATAR_CAP_V210 */

@media (min-width: 768px) {

	/* Pill opens on the left so the avatar owns that edge */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account {
		padding: 0.15rem 0.2rem 0.15rem 0 !important;
		overflow: visible !important;
	}

	/* Avatar chip: flush left, room for name on the right */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		gap: 0.5rem !important;
		padding: 0 0.65rem 0 0.15rem !important;
		height: 2.35rem !important;
		min-height: 2.35rem !important;
		max-height: 2.35rem !important;
	}

	/* End-cap avatar: fills the left curve, one silhouette with the pill */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		min-height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
		flex: 0 0 34px !important;
		margin: 0 0 0 0.1rem !important;
		border-radius: 50% !important;
		/* No pink ring — that fought the pill border */
		border: 0 !important;
		outline: none !important;
		box-shadow:
			0 0 0 2px rgba(10, 8, 18, 0.95),
			0 0 0 3px rgba(255, 255, 255, 0.08),
			0 0 16px rgba(255, 11, 139, 0.28) !important;
		filter: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar {
		position: relative !important;
		z-index: 2 !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		box-shadow: none !important;
	}

	/* Soft brand halo behind avatar (glow, not a hard second border) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar::before {
		content: "" !important;
		position: absolute !important;
		inset: -3px !important;
		border-radius: 50% !important;
		background: radial-gradient(
			circle,
			rgba(255, 11, 139, 0.35) 0%,
			rgba(141, 56, 255, 0.12) 55%,
			transparent 72%
		) !important;
		z-index: -1 !important;
		pointer-events: none !important;
		opacity: 0.9 !important;
	}

	/* Hover: lift glow slightly, keep silhouette clean */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user:hover .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user:focus .avatar {
		box-shadow:
			0 0 0 2px rgba(10, 8, 18, 0.95),
			0 0 0 3px rgba(255, 11, 139, 0.35),
			0 0 20px rgba(255, 11, 139, 0.4) !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user:hover .avatar::before,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user:focus .avatar::before {
		opacity: 1 !important;
		inset: -4px !important;
	}

	html {
		--g6m-nav-avatar-cap: V210;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user .avatar img {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px !important;
		max-width: 32px !important;
		max-height: 32px !important;
		flex-basis: 32px !important;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--user {
		padding: 0 0.2rem 0 0.12rem !important;
	}
}

/* ==== g6m-nav-avatar-cap-v214.css ==== */
/* G6M_NAV_AVATAR_CAP_V214c
   True Discord-style left end-cap — kill ghost trails.
   Must beat v108 specificity:
   html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar (0,5,2)
   END G6M_NAV_AVATAR_CAP_V214c */

@media (min-width: 768px) {

	/* Pill: inset avatar inside the left curve (no clip, no external glow) */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member,
	html body .p-navgroup.p-account.p-navgroup--member {
		padding: 0 0.22rem 0 0.32rem !important;
		overflow: visible !important;
		isolation: isolate !important;
	}

	/* User chip: avatar + name comfortably inside the pill */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
	html body .p-navgroup-link.p-navgroup-link--user {
		gap: 0.5rem !important;
		padding: 0 0.55rem 0 0 !important;
		height: 2.65rem !important;
		min-height: 2.65rem !important;
		max-height: 2.65rem !important;
		align-items: center !important;
		overflow: visible !important;
	}

	/* Beat v108 (0,5,2) — single clean silhouette, no pink smear */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs img,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs img,
	html body .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-opposite .p-navgroup-link--user .avatar img,
	html body .p-navgroup-link.p-navgroup-link--user .avatar,
	html body .p-navgroup-link.p-navgroup-link--user .avatar img {
		display: none !important; /* V415_AVATAR_OFF */
		width: 2.1rem !important;
		height: 2.1rem !important;
		min-width: 2.1rem !important;
		min-height: 2.1rem !important;
		max-width: 2.1rem !important;
		max-height: 2.1rem !important;
		flex: 0 0 2.1rem !important;
		font-size: 0 !important;
		line-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		outline: none !important;
		border-radius: 50% !important;
		object-fit: cover !important;
		box-sizing: border-box !important;
		box-shadow: none !important;
		filter: none !important;
		transform: none !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar.avatar--xxs {
		position: relative !important;
		z-index: 1 !important;
		margin: 0 !important;
		/* One thin dark cut — not a brand glow ring */
		box-shadow: 0 0 0 1.5px rgba(8, 6, 16, 0.92) !important;
		overflow: hidden !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-nav-opposite .p-navgroup-link--user .avatar img,
	html body .p-navgroup-link.p-navgroup-link--user .avatar img {
		position: static !important;
		margin: 0 !important;
		box-shadow: none !important;
		border: 0 !important;
		filter: none !important;
	}

	/* Kill any halo pseudo */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar::before,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar::after,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar::before,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar::after,
	html body .p-nav-opposite .p-navgroup-link--user .avatar::before,
	html body .p-nav-opposite .p-navgroup-link--user .avatar::after {
		content: none !important;
		display: none !important;
		background: none !important;
		box-shadow: none !important;
		border: 0 !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
	}

	/* Hover: thin pink accent inside the pill only */
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:hover .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:focus .avatar,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:hover .avatar,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:focus .avatar {
		box-shadow:
			0 0 0 1.5px rgba(8, 6, 16, 0.92),
			0 0 0 2.5px rgba(255, 11, 139, 0.4) !important;
		filter: none !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:hover .avatar img,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user:focus .avatar img {
		filter: brightness(1.06) !important;
		box-shadow: none !important;
	}

	html {
		--g6m-nav-avatar-cap: V214c;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
	html body .p-nav-opposite .p-navgroup-link--user .avatar,
	html body .p-nav-opposite .p-navgroup-link--user .avatar img,
	html body .p-navgroup-link.p-navgroup-link--user .avatar,
	html body .p-navgroup-link.p-navgroup-link--user .avatar img {
		width: 1.95rem !important;
		height: 1.95rem !important;
		min-width: 1.95rem !important;
		min-height: 1.95rem !important;
		max-width: 1.95rem !important;
		max-height: 1.95rem !important;
		flex-basis: 1.95rem !important;
		line-height: 0 !important;
	}

	html body .p-nav-inner > .p-nav-opposite .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user,
	html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user {
		height: 2.45rem !important;
		min-height: 2.45rem !important;
		max-height: 2.45rem !important;
	}
}

/* ==== g6m-nav-avatar-size-v108.css ==== */
/* G6M_NAV_AVATAR_SIZE_V108b
   Size only — glow/border removed (owned by g6m-nav-avatar-cap-v214).
   END G6M_NAV_AVATAR_SIZE_V108b */

html body .p-nav-opposite .p-navgroup-link--user .avatar,
html body .p-nav-opposite .p-navgroup-link--user .avatar img,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar,
html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user .avatar img,
html body .p-navgroup-link.p-navgroup-link--user .avatar,
html body .p-navgroup-link.p-navgroup-link--user .avatar img {
	/* Sizing deferred to V214 on desktop; keep a sensible fallback */
	border-radius: 50% !important;
	box-sizing: border-box !important;
	object-fit: cover !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: none !important;
}

html body .p-navgroup.p-account.p-navgroup--member .p-navgroup-link--user {
	gap: 0.55rem !important;
	align-items: center !important;
}

/* ==== g6m-nav-currency-gold-v133.css ==== */
/* G6M_NAV_CURRENCY_GOLD_V133
   Full nav row without horizontal unfold + gold GTA$ pill. */

:root {
	--g6m-gold-1: #ffe9a0;
	--g6m-gold-2: #f5d76e;
	--g6m-gold-3: #c9a227;
	--g6m-gold-4: #8a7018;
	--g6m-gold-glow: rgba(245, 215, 110, 0.38);
}

/* —— 1) Full navigation visible (desktop) —— */
@media (min-width: 1101px) {
	html body .p-nav-inner {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 0.4rem !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	html body .p-nav-scroller,
	html body .p-nav .hScroller,
	html body .p-nav .hScroller-scroll {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: none !important;
		width: auto !important;
		overflow: visible !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
	}

	/* Kill XF hScroller “more / arrows” chrome */
	html body .p-nav .hScroller-action,
	html body .p-nav .hScroller-action--start,
	html body .p-nav .hScroller-action--end,
	html body .p-nav .p-nav-list .p-navEl--menuTrigger {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	html body .p-nav-list {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 0.1rem !important;
		width: max-content !important;
		max-width: none !important;
		overflow: visible !important;
		margin: 0 !important;
	}

	html body .p-nav-list > li,
	html body .p-nav-list .p-navEl {
		flex: 0 0 auto !important;
		display: flex !important;
		align-items: center !important;
		margin: 0 !important;
	}

	html body .p-nav-list .p-navEl > .p-navEl-link,
	html body .p-nav-list a.p-navEl-link,
	html body .p-nav-list a[data-nav-id] {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.28rem !important;
		padding: 0.48rem 0.55rem !important;
		min-height: 2.35rem !important;
		font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
		font-size: 0.78rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.045em !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
		max-width: none !important;
		line-height: 1.1 !important;
	}

	html body .p-nav-list .p-navEl-link[data-nav-id]::before,
	html body .p-nav-list .p-navEl-link .fa--xf,
	html body .p-nav-list .p-navEl-link svg {
		width: 0.95em !important;
		height: 0.95em !important;
		font-size: 0.95em !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
	}

	html body .p-nav-opposite {
		flex: 0 0 auto !important;
		margin-left: 0.35rem !important;
	}
}

/* Mid desktop: still show full labels, slightly tighter */
@media (min-width: 901px) and (max-width: 1100px) {
	html body .p-nav .hScroller,
	html body .p-nav .hScroller-scroll,
	html body .p-nav-scroller {
		overflow: visible !important;
		overflow-x: visible !important;
		max-width: none !important;
	}

	html body .p-nav .hScroller-action {
		display: none !important;
	}

	html body .p-nav-list {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0.15rem 0.2rem !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	html body .p-nav-list .p-navEl > .p-navEl-link,
	html body .p-nav-list a.p-navEl-link {
		padding: 0.4rem 0.45rem !important;
		font-size: 0.72rem !important;
		letter-spacing: 0.03em !important;
		white-space: nowrap !important;
	}
}

/* —— 2) Gold GTA$ balance pill —— */
html body .p-navgroup-link--dbtechCredits,
html body .p-nav .p-navgroup-link--dbtechCredits,
html body .p-nav-list a[data-nav-id*="dbtechCredits"],
html body .p-nav-list a[data-nav-id*="dbtech_credits"],
html body .p-nav-list a[data-nav-id*="Credits"],
html body .p-nav-list .p-navEl-link[href*="dbtech-credits"],
html body .p-nav a.p-navEl-link[href*="dbtech-credits"],
html body .p-nav a[href*="dbtech-credits/"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.4rem !important;
	padding: 0.38rem 0.85rem !important;
	min-height: 2.25rem !important;
	border-radius: 999px !important;
	border: 1px solid rgba(245, 215, 110, 0.55) !important;
	background:
		linear-gradient(180deg, rgba(255, 233, 160, 0.16) 0%, rgba(201, 162, 39, 0.1) 100%),
		rgba(12, 10, 18, 0.92) !important;
	box-shadow:
		0 0 0 1px rgba(255, 233, 160, 0.12) inset,
		0 6px 18px var(--g6m-gold-glow),
		0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.8rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	color: var(--g6m-gold-2) !important;
	-webkit-text-fill-color: var(--g6m-gold-2) !important;
	background-image:
		linear-gradient(180deg, rgba(255, 233, 160, 0.18) 0%, rgba(201, 162, 39, 0.12) 100%),
		linear-gradient(135deg, #ffe9a0 0%, #f5d76e 42%, #c9a227 100%) !important;
	-webkit-background-clip: padding-box, text !important;
	background-clip: padding-box, text !important;
	transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}

/* Solid gold text fallback (clip can fail on some browsers) */
html body .p-navgroup-link--dbtechCredits,
html body .p-nav-list a[href*="dbtech-credits"],
html body .p-nav a[href*="dbtech-credits/"] {
	color: #f5d76e !important;
	-webkit-text-fill-color: #f5d76e !important;
	background:
		linear-gradient(145deg, rgba(40, 32, 12, 0.95) 0%, rgba(18, 14, 8, 0.98) 55%, rgba(32, 24, 8, 0.95) 100%) !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	text-shadow: 0 0 12px rgba(245, 215, 110, 0.35) !important;
}

html body .p-navgroup-link--dbtechCredits:hover,
html body .p-nav-list a[href*="dbtech-credits"]:hover,
html body .p-nav a[href*="dbtech-credits/"]:hover {
	transform: translateY(-1px) scale(1.02) !important;
	filter: brightness(1.08) !important;
	border-color: rgba(255, 233, 160, 0.75) !important;
	color: #ffe9a0 !important;
	-webkit-text-fill-color: #ffe9a0 !important;
	box-shadow:
		0 0 0 1px rgba(255, 233, 160, 0.2) inset,
		0 10px 24px rgba(245, 215, 110, 0.45) !important;
	text-decoration: none !important;
}

html body .p-navgroup-link--dbtechCredits .p-navgroup-linkText,
html body .p-nav a[href*="dbtech-credits"] .p-navEl-linkText,
html body .p-nav a[href*="dbtech-credits"] {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-weight: 800 !important;
}

/* Gold icon (wallet / FA) */
html body .p-navgroup-link--dbtechCredits::before,
html body .p-navgroup-link--dbtechCredits .fa--xf,
html body .p-navgroup-link--dbtechCredits svg,
html body .p-nav a[href*="dbtech-credits"]::before,
html body .p-nav a[href*="dbtech-credits"] .fa--xf,
html body .p-nav a[href*="dbtech-credits"] svg,
html body .p-nav a[href*="dbtech-credits"] i {
	color: #f5d76e !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: drop-shadow(0 0 4px rgba(245, 215, 110, 0.45)) !important;
}

/* Override older cyan from dbc-theme-v100 */
html body .p-navgroup-link--dbtechCredits,
html body .memberHeader-balance {
	color: #f5d76e !important;
}

@media (max-width: 650px) {
	/* Keep amount readable on mobile — do NOT hide text */
	html body .p-navgroup-link--dbtechCredits .p-navgroup-linkText,
	html body .p-nav a[href*="dbtech-credits"] {
		display: inline-flex !important;
		font-size: 0.72rem !important;
		padding: 0.32rem 0.65rem !important;
	}
}

/* END G6M_NAV_CURRENCY_GOLD_V133 */

/* ==== g6m-nav-enlarge-gold-v140.css ==== */
/* G6M_NAV_ENLARGE_GOLD_V140
   Bigger nav labels, hide Chat "0" badge, prettier gold GTA$ pill. */

:root {
	--g6m-gold-1: #fff1b8;
	--g6m-gold-2: #f5d76e;
	--g6m-gold-3: #d4af37;
	--g6m-gold-4: #a67c00;
	--g6m-gold-glow: rgba(245, 215, 110, 0.42);
}

/* —— 1) Larger navigation (desktop) —— */
@media (min-width: 1101px) {
	html body .p-nav-inner {
		min-height: 3.35rem !important;
		align-items: center !important;
		gap: 0.35rem !important;
	}

	html body .p-nav-list {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 0.12rem !important;
		overflow: visible !important;
	}

	html body .p-nav .hScroller-action,
	html body .p-nav .hScroller-action--start,
	html body .p-nav .hScroller-action--end {
		display: none !important;
	}

	html body .p-nav-list .p-navEl > .p-navEl-link,
	html body .p-nav-list a.p-navEl-link,
	html body .p-nav-list a[data-nav-id],
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"],
	html body .p-nav-list a[data-nav-id="siropuChat"],
	html body .p-nav-list a[data-nav-id*="siropuChat"] {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.4rem !important;
		padding: 0.62rem 0.72rem !important;
		min-height: 2.85rem !important;
		font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
		font-size: 0.92rem !important;
		font-weight: 700 !important;
		letter-spacing: 0.055em !important;
		text-transform: uppercase !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}

	html body .p-nav-list .p-navEl-link[data-nav-id]::before,
	html body .p-nav-list .p-navEl-link .fa--xf,
	html body .p-nav-list .p-navEl-link svg,
	html body .p-nav-list .p-navEl-link i {
		width: 1.1em !important;
		height: 1.1em !important;
		font-size: 1.05em !important;
		flex: 0 0 auto !important;
	}
}

@media (min-width: 901px) and (max-width: 1100px) {
	html body .p-nav-list .p-navEl > .p-navEl-link,
	html body .p-nav-list a.p-navEl-link {
		padding: 0.5rem 0.55rem !important;
		font-size: 0.82rem !important;
		min-height: 2.55rem !important;
	}
}

/* —— 2) Remove Chat "0" badge clutter —— */
html body .p-nav-list a[data-nav-id="siropuChat"] .badge,
html body .p-nav-list a[data-nav-id="siropuChat"] .badge.badge--highlighted,
html body .p-nav-list a[data-nav-id*="siropuChat"] > .badge,
html body .p-nav a[data-nav-id="siropuChat"] .badge,
html body .p-nav a[data-nav-id="siropuChat"].badgeContainer::after,
html body .p-nav a[data-nav-id="siropuChat"][data-badge="0"]::after,
html body .p-nav a[data-nav-id="siropuChat"].badgeContainer[data-badge="0"]::after {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	opacity: 0 !important;
	content: none !important;
}

/* —— 3) Prettier gold GTA$ (kill cyan/green from v100) —— */
html body .p-navgroup-link--dbtechCredits,
html body .p-nav .p-navgroup-link--dbtechCredits,
html body .p-nav-list a[href*="dbtech-credits"],
html body .p-nav a[href*="dbtech-credits"],
html body .p-nav a[href*="dbtech-credits/"] ,
html body .p-nav-list .p-navEl-link[href*="dbtech-credits"],
html body .memberHeader-balance {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	padding: 0.42rem 0.95rem !important;
	min-height: 2.45rem !important;
	border-radius: 999px !important;
	border: 1px solid rgba(245, 215, 110, 0.7) !important;
	background:
		linear-gradient(160deg, rgba(55, 42, 12, 0.98) 0%, rgba(18, 14, 8, 0.98) 55%, rgba(40, 30, 8, 0.96) 100%) !important;
	box-shadow:
		0 0 0 1px rgba(255, 233, 160, 0.16) inset,
		0 0 18px rgba(245, 215, 110, 0.28),
		0 6px 16px rgba(0, 0, 0, 0.35) !important;
	color: #f5d76e !important;
	-webkit-text-fill-color: #f5d76e !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-shadow: 0 0 12px rgba(245, 215, 110, 0.4) !important;
	white-space: nowrap !important;
	transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}

html body .p-navgroup-link--dbtechCredits:hover,
html body .p-nav a[href*="dbtech-credits"]:hover,
html body .p-nav-list a[href*="dbtech-credits"]:hover {
	transform: translateY(-1px) scale(1.03) !important;
	filter: brightness(1.1) !important;
	color: #fff1b8 !important;
	-webkit-text-fill-color: #fff1b8 !important;
	border-color: rgba(255, 241, 184, 0.9) !important;
	box-shadow:
		0 0 0 1px rgba(255, 241, 184, 0.22) inset,
		0 0 24px rgba(245, 215, 110, 0.45),
		0 8px 20px rgba(0, 0, 0, 0.4) !important;
	text-decoration: none !important;
}

html body .p-navgroup-link--dbtechCredits .p-navgroup-linkText,
html body .p-nav a[href*="dbtech-credits"] .p-navEl-linkText,
html body .p-nav a[href*="dbtech-credits"] span {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	font-weight: 800 !important;
}

/* Gold icon (wallet / $) — never cyan/green */
html body .p-navgroup-link--dbtechCredits::before,
html body .p-navgroup-link--dbtechCredits .fa--xf,
html body .p-navgroup-link--dbtechCredits svg,
html body .p-navgroup-link--dbtechCredits i,
html body .p-nav a[href*="dbtech-credits"]::before,
html body .p-nav a[href*="dbtech-credits"] .fa--xf,
html body .p-nav a[href*="dbtech-credits"] svg,
html body .p-nav a[href*="dbtech-credits"] i {
	color: #f5d76e !important;
	fill: currentColor !important;
	opacity: 1 !important;
	filter: drop-shadow(0 0 5px rgba(245, 215, 110, 0.55)) !important;
}

/* Override older cyan from dbc-theme-v100 */
html body .p-navgroup-link--dbtechCredits,
html body .dbtechCreditsCurrencyAmount,
html body .dbtechCreditsWalletAmount,
html body .memberHeader-balance {
	color: #f5d76e !important;
	-webkit-text-fill-color: #f5d76e !important;
}

@media (max-width: 650px) {
	html body .p-navgroup-link--dbtechCredits,
	html body .p-nav a[href*="dbtech-credits"] {
		font-size: 0.78rem !important;
		padding: 0.34rem 0.7rem !important;
		min-height: 2.15rem !important;
	}
}

/* END G6M_NAV_ENLARGE_GOLD_V140 */

/* ==== g6m-nav-hover-contain-v217.css ==== */
/* G6M_NAV_HOVER_CONTAIN_V217
   Contain main-nav hover glow strictly inside the pill.
   Kill oversized halo / light-bar bloom behind Accueil, Forum, etc.
*/

@media (min-width: 901px) {
	/* Parent stays transparent — do NOT overflow:hidden here (clips XF menus) */
	html body .p-nav-list .p-navEl,
	html body .p-nav-list .p-navEl.u-ripple,
	html body .p-nav-list .p-navEl.rippleButton {
		background: transparent !important;
		box-shadow: none !important;
		filter: none !important;
	}

	html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"]),
	html body .p-nav-list a.p-navEl-link:not([href*="dbtech-credits"]),
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"],
	html body .p-nav-list a[data-nav-id="siropuChat"],
	html body .p-nav-list a[data-nav-id*="siropuChat"] {
		position: relative !important;
		z-index: 1 !important;
		isolation: isolate !important;
		overflow: hidden !important;
		border-radius: 999px !important;
		border: 1px solid transparent !important;
		background: transparent !important;
		box-shadow: none !important;
		filter: none !important;
		outline: none !important;
		text-shadow: none !important;
		transform: none !important;
		transition:
			background 240ms ease,
			border-color 240ms ease,
			box-shadow 240ms ease,
			color 240ms ease,
			filter 240ms ease !important;
	}

	/* Kill any external glow layers from older rules */
	html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"])::before,
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]::before {
		/* keep icon mask; never allow this pseudo to become a blur plate */
		filter: none !important;
		box-shadow: none !important;
		opacity: 1 !important;
	}

	/* Underline stays inside the pill */
	html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"])::after {
		left: 12px !important;
		right: 12px !important;
		bottom: 7px !important;
		height: 2px !important;
		border-radius: 2px !important;
		background: linear-gradient(90deg, #8d38ff, #ff0b8b) !important;
		box-shadow: none !important;
		filter: none !important;
		pointer-events: none !important;
		z-index: 2 !important;
	}

	/* Contained premium hover — button lights up, no outer halo bar */
	html body .p-nav-list .p-navEl:not(.is-selected):hover > .p-navEl-link:not([href*="dbtech-credits"]),
	html body .p-nav-list .p-navEl:not(.is-selected) > .p-navEl-link:not([href*="dbtech-credits"]):hover,
	html body .p-nav-list .p-navEl:not(.is-selected) > .p-navEl-link:not([href*="dbtech-credits"]):focus,
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]:hover,
	html body .p-nav-list a[data-nav-id="siropuChat"]:hover,
	html body .p-nav-list a[data-nav-id*="siropuChat"]:hover {
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		background:
			linear-gradient(135deg, rgba(141, 56, 255, 0.34), rgba(255, 11, 139, 0.22)) !important;
		border-color: rgba(255, 11, 139, 0.55) !important;
		/* inset neon only + ultra-tight outer edge (no bloom bar) */
		box-shadow:
			inset 0 0 0 1px rgba(255, 11, 139, 0.28),
			inset 0 1px 0 rgba(255, 255, 255, 0.1),
			inset 0 0 18px rgba(141, 56, 255, 0.18),
			0 0 0 1px rgba(141, 56, 255, 0.2) !important;
		filter: brightness(1.06) !important;
		transform: none !important;
		text-decoration: none !important;
	}

	html body .p-nav-list .p-navEl:hover > .p-navEl-link:not([href*="dbtech-credits"])::after,
	html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"])::after,
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]:hover::after {
		transform: scaleX(1) !important;
	}

	/* Selected tab: same contained language */
	html body .p-nav-list .p-navEl.is-selected {
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 999px !important;
	}

	html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]),
	html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]):hover,
	html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]):focus {
		color: #fff !important;
		-webkit-text-fill-color: #fff !important;
		background:
			linear-gradient(135deg, rgba(255, 11, 139, 0.28), rgba(141, 56, 255, 0.3)) !important;
		border-color: rgba(255, 11, 139, 0.5) !important;
		box-shadow:
			inset 0 0 0 1px rgba(255, 11, 139, 0.32),
			inset 0 0 16px rgba(141, 56, 255, 0.16),
			0 0 0 1px rgba(255, 11, 139, 0.18) !important;
		filter: none !important;
		transform: none !important;
	}

	/* Ripple must not paint outside the pill */
	html body .p-nav-list .p-navEl > .ripple-container,
	html body .p-nav-list .p-navEl .ripple,
	html body .p-nav-list .p-navEl .ripple-effect {
		border-radius: inherit !important;
		overflow: hidden !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"]),
	html body .p-nav-list a[data-nav-id^="g6m_nav_main_"] {
		transition: none !important;
	}
}

html {
	--g6m-nav-hover-contain: V217;
}

/* ==== g6m-nav-hover-contain-v218.css ==== */
/* G6M_NAV_HOVER_CONTAIN_V218 — kill halo bar; glow stays inside pill */

html body .p-nav-list .p-navEl,
html body .p-nav-list .p-navEl.u-ripple,
html body .p-nav-list .p-navEl.rippleButton,
html body .p-nav-list .p-navEl.is-selected {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	text-shadow: none !important;
}

html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list a.p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"],
html body .p-nav-list a[data-nav-id="home"],
html body .p-nav-list a[data-nav-id="forums"],
html body .p-nav-list a[data-nav-id="whatsNew"],
html body .p-nav-list a[data-nav-id="siropuChat"],
html body .p-nav-list a[data-nav-id*="siropuChat"] {
	position: relative !important;
	z-index: 1 !important;
	isolation: isolate !important;
	overflow: hidden !important;
	border-radius: 999px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	filter: none !important;
	outline: none !important;
	text-shadow: none !important;
	transform: none !important;
	-webkit-mask-image: none;
	transition:
		background 220ms ease,
		border-color 220ms ease,
		box-shadow 220ms ease,
		color 220ms ease !important;
}

/* Kill any glow plate on ::before/::after except icon + underline */
html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"])::before,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]::before {
	filter: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

html body .p-nav-list .p-navEl > .p-navEl-link:not([href*="dbtech-credits"])::after,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]::after {
	content: "" !important;
	position: absolute !important;
	left: 12px !important;
	right: 12px !important;
	bottom: 7px !important;
	height: 2px !important;
	width: auto !important;
	border-radius: 2px !important;
	background: linear-gradient(90deg, #8d38ff, #ff0b8b) !important;
	box-shadow: none !important;
	filter: none !important;
	opacity: 0 !important;
	transform: scaleX(0) !important;
	transform-origin: left center !important;
	pointer-events: none !important;
	z-index: 2 !important;
	transition: transform 220ms ease, opacity 220ms ease !important;
}

html body .p-nav-list .p-navEl:hover > .p-navEl-link:not([href*="dbtech-credits"])::after,
html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"])::after,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]:hover::after,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"].is-selected::after {
	opacity: 1 !important;
	transform: scaleX(1) !important;
}

/* Contained hover — NO outer blur / NO light bar */
html body .p-nav-list .p-navEl:not(.is-selected):hover > .p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list .p-navEl:not(.is-selected) > .p-navEl-link:not([href*="dbtech-credits"]):hover,
html body .p-nav-list .p-navEl:not(.is-selected) > .p-navEl-link:not([href*="dbtech-credits"]):focus,
html body .p-nav-list a[data-nav-id^="g6m_nav_main_"]:hover,
html body .p-nav-list a[data-nav-id="siropuChat"]:hover,
html body .p-nav-list a[data-nav-id*="siropuChat"]:hover,
html body .p-nav-list a.p-navEl-link:not([href*="dbtech-credits"]):hover {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(141, 56, 255, 0.38), rgba(255, 11, 139, 0.26)) !important;
	border-color: rgba(255, 11, 139, 0.6) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 11, 139, 0.35),
		inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
	filter: none !important;
	transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	overflow: hidden !important;
}

html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]),
html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]):hover,
html body .p-nav-list .p-navEl.is-selected > .p-navEl-link:not([href*="dbtech-credits"]):focus {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: linear-gradient(135deg, rgba(255, 11, 139, 0.32), rgba(141, 56, 255, 0.34)) !important;
	border-color: rgba(255, 11, 139, 0.55) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 11, 139, 0.35) !important;
	filter: none !important;
	transform: none !important;
	overflow: hidden !important;
}

/* Kill ThemeHouse ripple bleed */
html body .p-nav-list .p-navEl > .ripple-container,
html body .p-nav-list .p-navEl .ripple,
html body .p-nav-list .p-navEl .ripple-effect,
html body .p-nav-list .p-navEl-link .ripple-container,
html body .p-nav-list .p-navEl-link .ripple {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	box-shadow: none !important;
	filter: none !important;
}

html { --g6m-nav-hover-contain: V218; }

/* ==== g6m-nav-icon-hover-fix-v212.css ==== */
/* G6M_NAV_ICON_HOVER_FIX_V212
   Kill white square on Messages / Alerts hover.
   Cause: badge-fix CSS set background-color:currentColor on <i> while color:#fff.
*/

html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations:hover,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts:hover,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations:focus,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts:focus,
html body .p-navgroup--member .p-navgroup-link--conversations:hover,
html body .p-navgroup--member .p-navgroup-link--alerts:hover,
html body .p-navgroup.p-account .p-navgroup-link--conversations:hover,
html body .p-navgroup.p-account .p-navgroup-link--alerts:hover {
	background: rgba(255, 11, 139, 0.16) !important;
	background-color: rgba(255, 11, 139, 0.16) !important;
	background-image: none !important;
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.28) !important;
	color: #fff !important;
	border-radius: 999px !important;
}

html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations:hover > i,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts:hover > i,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations:focus > i,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts:focus > i,
html body .p-navgroup--member .p-navgroup-link--conversations:hover > i,
html body .p-navgroup--member .p-navgroup-link--alerts:hover > i,
html body .p-navgroup--member .p-navgroup-link--conversations:hover .fa--xf,
html body .p-navgroup--member .p-navgroup-link--alerts:hover .fa--xf,
html body .p-navgroup.p-account .p-navgroup-link--conversations:hover > i,
html body .p-navgroup.p-account .p-navgroup-link--alerts:hover > i,
html body .p-navgroup.p-account .p-navgroup-link--conversations:hover .fa--xf,
html body .p-navgroup.p-account .p-navgroup-link--alerts:hover .fa--xf {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	opacity: 1 !important;
}

/* FA mask glyph stays currentColor on ::after only */
html body .p-navgroup--member .p-navgroup-link--conversations:hover > i:after,
html body .p-navgroup--member .p-navgroup-link--alerts:hover > i:after,
html body .p-navgroup.p-account .p-navgroup-link--conversations:hover > i:after,
html body .p-navgroup.p-account .p-navgroup-link--alerts:hover > i:after,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--conversations:hover > i:after,
html body .p-nav-inner > .p-nav-opposite .p-navgroup-link--alerts:hover > i:after {
	background-color: currentColor !important;
	background-image: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html {
	--g6m-nav-icon-hover-fix: V212;
}

/* ==== g6m-nav-icon-hover-v168.css ==== */
/* G6M_NAV_ICON_HOVER_V168
   Kill native title tooltips on MP / Alerts / What's new + pro hover. */

/* —— Pro icon hover (MP / Alerts / What's new) —— */
html body .p-navgroup--member .p-navgroup-link--conversations,
html body .p-navgroup--member .p-navgroup-link--alerts,
html body .p-navgroup--member .p-navgroup-link--whatsnew,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew,
html body .p-nav .p-navgroup--member a.p-navgroup-link--conversations,
html body .p-nav .p-navgroup--member a.p-navgroup-link--alerts,
html body .p-nav .p-navgroup--member a.p-navgroup-link--whatsnew,
html body .p-nav .p-navgroup.p-discovery a.p-navgroup-link--whatsnew {
	position: relative !important;
	width: 2.35rem !important;
	height: 2.35rem !important;
	min-width: 2.35rem !important;
	padding: 0 !important;
	margin: 0 0.12rem !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 12px !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	transition:
		background 0.22s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations:hover,
html body .p-navgroup--member .p-navgroup-link--alerts:hover,
html body .p-navgroup--member .p-navgroup-link--whatsnew:hover,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:hover,
html body .p-navgroup--member .p-navgroup-link--conversations:focus-visible,
html body .p-navgroup--member .p-navgroup-link--alerts:focus-visible,
html body .p-navgroup--member .p-navgroup-link--whatsnew:focus-visible,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:focus-visible {
	background: rgba(141, 56, 255, 0.12) !important;
	border-color: rgba(255, 11, 139, 0.28) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 0 0 1px rgba(141, 56, 255, 0.12),
		0 6px 16px rgba(0, 0, 0, 0.22) !important;
	transform: translateY(-1px) scale(1.04) !important;
	filter: none !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations:active,
html body .p-navgroup--member .p-navgroup-link--alerts:active,
html body .p-navgroup--member .p-navgroup-link--whatsnew:active,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:active {
	transform: translateY(0) scale(0.98) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations .fa--xf,
html body .p-navgroup--member .p-navgroup-link--alerts .fa--xf,
html body .p-navgroup--member .p-navgroup-link--whatsnew .fa--xf,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew .fa--xf,
html body .p-navgroup--member .p-navgroup-link--conversations svg,
html body .p-navgroup--member .p-navgroup-link--alerts svg,
html body .p-navgroup--member .p-navgroup-link--whatsnew svg,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew svg,
html body .p-navgroup--member .p-navgroup-link--conversations i,
html body .p-navgroup--member .p-navgroup-link--alerts i,
html body .p-navgroup--member .p-navgroup-link--whatsnew i,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew i {
	opacity: 0.82 !important;
	transition: opacity 0.2s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease !important;
	color: rgba(236, 232, 255, 0.92) !important;
}

html body .p-navgroup--member .p-navgroup-link--conversations:hover .fa--xf,
html body .p-navgroup--member .p-navgroup-link--alerts:hover .fa--xf,
html body .p-navgroup--member .p-navgroup-link--whatsnew:hover .fa--xf,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:hover .fa--xf,
html body .p-navgroup--member .p-navgroup-link--conversations:hover svg,
html body .p-navgroup--member .p-navgroup-link--alerts:hover svg,
html body .p-navgroup--member .p-navgroup-link--whatsnew:hover svg,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:hover svg,
html body .p-navgroup--member .p-navgroup-link--conversations:hover i,
html body .p-navgroup--member .p-navgroup-link--alerts:hover i,
html body .p-navgroup--member .p-navgroup-link--whatsnew:hover i,
html body .p-navgroup.p-discovery .p-navgroup-link--whatsnew:hover i {
	opacity: 1 !important;
	transform: scale(1.08) !important;
	color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .p-navgroup--member .p-navgroup-link--conversations,
	html body .p-navgroup--member .p-navgroup-link--alerts,
	html body .p-navgroup--member .p-navgroup-link--whatsnew,
	html body .p-navgroup--member .p-navgroup-link--conversations .fa--xf,
	html body .p-navgroup--member .p-navgroup-link--alerts .fa--xf,
	html body .p-navgroup--member .p-navgroup-link--whatsnew .fa--xf {
		transition: none !important;
		transform: none !important;
	}
}

/* END G6M_NAV_ICON_HOVER_V168 */