html,
body {
	letter-spacing: 0;
}

body.blackmu-home-body,
body.blackmu-page-body {
	background: #030303;
	color: #d8d4cc;
	font-family: 'Open Sans', Arial, sans-serif;
}

body.blackmu-page-body {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.86) 0%, rgba(3, 3, 3, 0.7) 280px, #030303 760px),
		linear-gradient(90deg, #030303 0%, rgba(3, 3, 3, 0.78) 30%, rgba(3, 3, 3, 0.42) 62%, #030303 100%),
		url(../images/blackmu-hero-bg.jpg) center top / cover fixed no-repeat,
		#030303;
}

body.blackmu-home-body a,
body.blackmu-page-body a {
	color: inherit;
}

body.blackmu-home-body p,
body.blackmu-page-body p {
	margin-bottom: 0;
}

.blackmu-home-body .containerWeb,
.blackmu-page-body .containerWeb {
	width: calc(100% - 80px);
	max-width: 1180px;
}

.blackmu-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200;
	height: 88px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

.blackmu-nav {
	width: calc(100% - 48px);
	max-width: 1366px;
	height: 88px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 116px minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	position: relative;
}

.blackmu-brand {
	display: inline-flex;
	align-items: center;
	width: 98px;
}

.blackmu-brand img {
	display: block;
	width: 98px;
	height: auto;
}

.blackmu-menu-wrap {
	display: flex;
	justify-content: flex-start;
	padding-left: 72px;
}

.blackmu-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 34px;
}

.blackmu-menu li a {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	color: #b8b4ad;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.blackmu-menu li a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #c69a48, transparent);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.blackmu-menu li a:hover,
.blackmu-menu li a.active {
	color: #d2a351;
}

.blackmu-menu li a:hover:after,
.blackmu-menu li a.active:after {
	opacity: 1;
}

.blackmu-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.blackmu-language {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	height: 40px;
	border: 1px solid rgba(198, 154, 72, 0.55);
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.72), rgba(7, 7, 7, 0.9)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.18), rgba(198, 154, 72, 0));
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.05);
	animation: blackmuGoldButtonPulse 2.8s ease-in-out infinite;
}

.blackmu-language a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 38px;
	color: #a9a49b;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-language a.active,
.blackmu-language a:hover {
	color: #d7ab58;
}

.blackmu-language span {
	width: 1px;
	height: 16px;
	background: rgba(198, 154, 72, 0.28);
}

.blackmu-cabinet {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 184px;
	height: 46px;
	border: 1px solid rgba(198, 154, 72, 0.55);
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.8), rgba(7, 7, 7, 0.94)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.2), rgba(198, 154, 72, 0));
	color: #d2a351 !important;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.05);
	animation: blackmuGoldButtonPulse 2.8s ease-in-out infinite;
	transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.blackmu-cabinet:hover {
	background: rgba(198, 154, 72, 0.12);
	box-shadow: 0 0 24px rgba(198, 154, 72, 0.2);
	color: #f2cf84 !important;
}

.blackmu-header .burger-menu {
	display: none;
}

.blackmu-hero {
	/* =========================================================
	 * НАСТРОЙКА ПРАВОЙ КАРТИНКИ
	 *
	 * Двигать влево/вправо:
	 *   --warrior-x: calc(50% + 20px);   левее
	 *   --warrior-x: calc(50% + 140px);  правее
	 *
	 * Двигать вверх/вниз:
	 *   --warrior-y: -20px;  выше
	 *   --warrior-y:  20px;  ниже
	 *
	 * Изменять ширину/высоту:
	 *   --warrior-width: 1750px;  шире
	 *   --warrior-height: 760px;  выше
	 * ========================================================= */
	--warrior-x: calc(50% + -100px);
	--warrior-y: 0px;
	--warrior-width: min(2100px, 150vw);
	--warrior-height: 100%;

	position: relative;
	height: clamp(710px, 100vh, 830px);
	min-height: 710px;
	padding-top: 88px;
	box-sizing: border-box;
	overflow: hidden;
	background: #030303;
}

.blackmu-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, #030303 0%, rgba(3, 3, 3, 0.98) 20%, rgba(3, 3, 3, 0.82) 48%, rgba(3, 3, 3, 0.22) 75%, #030303 100%),
		linear-gradient(180deg, rgba(3, 3, 3, 0.1) 0%, rgba(3, 3, 3, 0.18) 62%, rgba(3, 3, 3, 0.64) 86%, #030303 100%),
		url(../images/footer-bg.jpg) center top / cover no-repeat;
}

.blackmu-hero:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 0%, transparent 66%, rgba(3, 3, 3, 0.42) 84%, #030303 100%);
	pointer-events: none;
}

.blackmu-hero__warrior {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	background-image: url(../images/blackmu-warrior-clean.png);
	background-repeat: no-repeat;

	/* Размер и положение задаются выше, в .blackmu-hero */
	background-size: var(--warrior-width) var(--warrior-height);
	background-position: var(--warrior-x) var(--warrior-y);

	filter: drop-shadow(0 0 34px rgba(0, 0, 0, 0.82));
	pointer-events: none;
}

.blackmu-hero__warrior:after {
	content: "";
	position: absolute;
	inset: 0;

	/* Dark readable area on the left, smooth fade at the bottom. */
	background:
		linear-gradient(90deg,
			#030303 0%,
			rgba(3, 3, 3, 0.98) 18%,
			rgba(3, 3, 3, 0.82) 36%,
			rgba(3, 3, 3, 0.24) 52%,
			transparent 68%),
		linear-gradient(180deg,
			transparent 0%,
			transparent 68%,
			rgba(3, 3, 3, 0.44) 86%,
			#030303 100%);

	pointer-events: none;
}

.blackmu-hero__inner {
	position: relative;
	z-index: 4;
	width: calc(100% - 48px) !important;
	max-width: 1366px !important;
	height: 100%;
	margin: 0 auto;
}

.blackmu-hero__content {
	width: 720px;
	max-width: 52vw;
	padding-top: 4px;
	margin-left: 16px;
	text-align: center;
}

.blackmu-hero__logo {
	width: 650px;
	max-width: 100%;
	margin: 0 auto 18px;
	display: block;
	filter: drop-shadow(0 24px 30px rgba(0, 0, 0, 0.46));
}

.blackmu-hero h1,
.blackmu-section-title h2,
.blackmu-start h2,
.blackmu-page-top h1 {
	font-family: 'Cinzel', Georgia, serif;
	font-weight: 500;
	letter-spacing: 0;
	color: #eee9df;
	text-transform: uppercase;
}

.blackmu-hero h1 {
	font-size: 28px;
	line-height: 1.42;
	margin: 0 0 16px;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.9);
}

.blackmu-hero h1 span {
	display: block;
}

.blackmu-hero p {
	color: #b7b1a8;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.blackmu-divider {
	width: 260px;
	height: 25px;
	margin: 18px auto 26px;
	position: relative;
}

.blackmu-divider:before,
.blackmu-divider:after {
	content: "";
	position: absolute;
	top: 12px;
	width: calc(50% - 12px);
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(198, 154, 72, 0.82));
}

.blackmu-divider:before {
	left: 0;
}

.blackmu-divider:after {
	right: 0;
	transform: scaleX(-1);
}

.blackmu-divider {
	background: radial-gradient(circle at center, #d1a653 0, #d1a653 4px, transparent 5px);
}

.blackmu-btn {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 220px;
	min-height: 52px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: linear-gradient(180deg, rgba(36, 36, 36, 0.9), rgba(14, 14, 14, 0.96));
	color: #f1f1ef !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.blackmu-btn:hover {
	border-color: rgba(198, 154, 72, 0.62);
	box-shadow: 0 0 26px rgba(198, 154, 72, 0.16);
	filter: brightness(1.08);
	transform: translateY(-1px);
}

.blackmu-btn--gold {
	border-color: #d1a653;
	background: linear-gradient(180deg, #d4ac5b, #a97623);
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 12px 28px rgba(172, 116, 34, 0.28);
}

.blackmu-btn--wide {
	width: 330px;
	max-width: 100%;
}

.blackmu-hero__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.blackmu-hero__buttons .blackmu-btn {
	border-color: rgba(198, 154, 72, 0.55);
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.22), rgba(198, 154, 72, 0));
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 0 rgba(198, 154, 72, 0);
	animation: blackmuGoldButtonPulse 2.8s ease-in-out infinite;
}

.blackmu-hero__buttons .blackmu-btn:hover {
	border-color: rgba(255, 199, 92, 0.86);
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.14), 0 0 30px rgba(198, 154, 72, 0.24);
}

#timers.blackmu-hero-countdown {
	position: absolute;
	z-index: 6;
	left: calc(50% + 110px);
	bottom: 122px;
	width: 340px;
	min-height: 84px;
	padding: 13px 16px 15px;
	border: 1px solid rgba(214, 170, 86, 0.62);
	background:
		linear-gradient(180deg, rgba(13, 11, 8, 0.72), rgba(2, 2, 2, 0.88)),
		linear-gradient(90deg, rgba(214, 170, 86, 0.08), rgba(214, 170, 86, 0), rgba(214, 170, 86, 0.08));
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.08),
		0 0 24px rgba(214, 170, 86, 0.18),
		0 18px 42px rgba(0, 0, 0, 0.46);
	margin: 0;
	text-align: center;
	backdrop-filter: blur(2px);
}

#timers.blackmu-hero-countdown:before,
#timers.blackmu-hero-countdown:after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(255, 213, 128, 0.8), transparent);
}

#timers.blackmu-hero-countdown:before {
	left: 10px;
}

#timers.blackmu-hero-countdown:after {
	right: 10px;
}

#timers.blackmu-hero-countdown #timer_div_title {
	width: auto;
	height: auto;
	margin: 0 0 9px;
	color: #f0d089;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(214, 170, 86, 0.58);
}

#timers.blackmu-hero-countdown #timer_div_time {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	width: auto;
	height: auto;
}

#timers.blackmu-hero-countdown .timmer_inner_block {
	width: auto;
	min-width: 0;
	height: 50px;
	margin: 0;
	padding: 6px 4px 5px;
	border-radius: 4px;
	border: 1px solid rgba(214, 170, 86, 0.48);
	background: linear-gradient(180deg, rgba(22, 18, 12, 0.88), rgba(0, 0, 0, 0.92));
	box-shadow: inset 0 0 16px rgba(214, 170, 86, 0.09), 0 0 14px rgba(214, 170, 86, 0.1);
}

#timers.blackmu-hero-countdown #timer_div_time .timmer_inner_block .count {
	padding-top: 0;
	color: #fff4d2;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.05;
	text-shadow: 0 0 9px rgba(214, 170, 86, 0.72), 0 0 18px rgba(214, 170, 86, 0.24);
}

#timers.blackmu-hero-countdown #timer_div_time .timmer_inner_block .title {
	margin-top: 4px;
	color: #9b8a69;
	font-size: 8px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

#timers.blackmu-hero-countdown--open {
	width: 330px;
	padding: 16px 18px;
}

#timers.blackmu-hero-countdown--open #timer_div_title {
	margin-bottom: 8px;
	color: #fff1bd;
	font-size: 13px;
	text-shadow: 0 0 12px rgba(214, 170, 86, 0.78), 0 0 28px rgba(214, 170, 86, 0.28);
}

#timers.blackmu-hero-countdown--open #timer_div_time {
	display: block;
}

.blackmu-countdown-open {
	padding: 10px 12px 11px;
	border: 1px solid rgba(214, 170, 86, 0.54);
	background: linear-gradient(180deg, rgba(38, 29, 15, 0.86), rgba(3, 3, 3, 0.92));
	box-shadow: inset 0 0 20px rgba(214, 170, 86, 0.12), 0 0 22px rgba(214, 170, 86, 0.12);
}

.blackmu-countdown-open span,
.blackmu-countdown-open small {
	display: block;
	text-transform: uppercase;
}

.blackmu-countdown-open span {
	color: #fff4d2;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.05;
	text-shadow: 0 0 12px rgba(214, 170, 86, 0.78), 0 0 28px rgba(214, 170, 86, 0.26);
}

.blackmu-countdown-open small {
	margin-top: 6px;
	color: #b8a271;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0;
}

@keyframes blackmuGoldButtonPulse {
	0% { box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 0 rgba(198, 154, 72, 0); }
	50% { box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.16), 0 0 26px rgba(198, 154, 72, 0.22); }
	100% { box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 0 rgba(198, 154, 72, 0); }
}

.blackmu-main {
	position: relative;
	z-index: 5;
	background: #030303;
}

.blackmu-main--home {
	padding-bottom: 44px;
}

.blackmu-main--page {
	min-height: calc(100vh - 88px);
	padding-top: 126px;
	padding-bottom: 72px;
	background: transparent;
	overflow: hidden;
}

.blackmu-main--page:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at 74% 10%, rgba(214, 170, 86, 0.14), transparent 24%),
		linear-gradient(180deg, transparent 0%, rgba(3, 3, 3, 0.84) 420px, #030303 100%);
	pointer-events: none;
}

.blackmu-main--page > .containerWeb {
	position: relative;
	z-index: 1;
}

.blackmu-server-panel {
	position: relative;
	z-index: 8;
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
	justify-items: stretch;
	gap: 34px;
	align-items: center;
	min-height: 158px;
	margin-top: -62px;
	padding: 24px 34px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: linear-gradient(90deg, rgba(16, 16, 16, 0.95), rgba(8, 8, 8, 0.94));
	box-shadow: 0 18px 70px rgba(0, 0, 0, 0.55);
}

.blackmu-server-status {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	align-items: center;
	gap: 22px;
	padding-right: 30px;
	border-right: 1px solid rgba(198, 154, 72, 0.42);
}

.blackmu-status-orb {
	width: 88px;
	height: 88px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle, rgba(41, 255, 86, 0.13), rgba(0, 0, 0, 0.2) 46%, rgba(255, 255, 255, 0.04));
}

.blackmu-status-orb span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	background: #28dc4b;
	box-shadow: 0 0 22px rgba(40, 220, 75, 0.86);
	animation: blackmuOnlinePulse 1.8s ease-in-out infinite;
}

.blackmu-server-status--offline .blackmu-status-orb {
	background: radial-gradient(circle, rgba(255, 39, 39, 0.13), rgba(0, 0, 0, 0.2) 46%, rgba(255, 255, 255, 0.04));
}

.blackmu-server-status--offline .blackmu-status-orb span {
	background: #ef2222;
	box-shadow: 0 0 22px rgba(239, 34, 34, 0.86);
	animation-name: blackmuOfflinePulse;
}

.blackmu-server-status--offline .blackmu-server-status__text strong span {
	color: #ef2222;
}

@keyframes blackmuOnlinePulse {
	0% { box-shadow: 0 0 0 0 rgba(40, 220, 75, 0.7), 0 0 20px rgba(40, 220, 75, 0.86); transform: scale(0.92); }
	70% { box-shadow: 0 0 0 16px rgba(40, 220, 75, 0), 0 0 28px rgba(40, 220, 75, 0.72); transform: scale(1); }
	100% { box-shadow: 0 0 0 0 rgba(40, 220, 75, 0), 0 0 20px rgba(40, 220, 75, 0.86); transform: scale(0.92); }
}

@keyframes blackmuOfflinePulse {
	0% { box-shadow: 0 0 0 0 rgba(239, 34, 34, 0.7), 0 0 20px rgba(239, 34, 34, 0.86); transform: scale(0.92); }
	70% { box-shadow: 0 0 0 16px rgba(239, 34, 34, 0), 0 0 28px rgba(239, 34, 34, 0.72); transform: scale(1); }
	100% { box-shadow: 0 0 0 0 rgba(239, 34, 34, 0), 0 0 20px rgba(239, 34, 34, 0.86); transform: scale(0.92); }
}

.blackmu-server-status__text strong {
	display: block;
	margin-bottom: 8px;
	color: #e7e1d5;
	font-size: 14px;
	text-transform: uppercase;
}

.blackmu-server-status__text strong span {
	color: #32df52;
}

.blackmu-server-status__text p {
	color: #aaa49a;
	font-size: 13px;
	line-height: 1.55;
	text-transform: uppercase;
}

.blackmu-server-status__text b {
	display: block;
	margin-top: 5px;
	color: #d1a653;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 28px;
	font-weight: 500;
}

.blackmu-server-info h2 {
	margin: 0 0 24px;
	color: #aaa49a;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.blackmu-server-meta {
	display: grid;
	grid-template-columns: repeat(5, minmax(92px, 1fr));
	gap: 18px;
}

.blackmu-server-meta div {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	column-gap: 8px;
	align-items: center;
	min-width: 0;
}

.blackmu-server-meta .bm-icon {
	grid-row: span 2;
	text-align: center;
}

.blackmu-server-icon {
	--blackmu-icon-scale: 1;
	grid-row: span 2;
	width: 42px;
	height: 42px;
	align-self: center;
	justify-self: center;
	transform: scale(var(--blackmu-icon-scale));
	transform-origin: center;
}

.blackmu-server-icon--version { --blackmu-icon-scale: 0.96; }
.blackmu-server-icon--experience { --blackmu-icon-scale: 1.24; }
.blackmu-server-icon--drop { --blackmu-icon-scale: 2.25; }
.blackmu-server-icon--server-type { --blackmu-icon-scale: 2.28; }
.blackmu-server-icon--map { --blackmu-icon-scale: 1.45; }

.blackmu-server-meta span {
	color: #aaa49a;
	font-size: 11px;
	text-transform: uppercase;
}

.blackmu-server-meta strong {
	color: #e8e3d9;
	font-size: 12px;
	font-weight: 700;
}

.blackmu-server-more {
	position: absolute;
	left: 50%;
	bottom: -23px;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 270px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: linear-gradient(180deg, #151515, #080808);
	color: #f0eee8 !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.blackmu-server-more:hover {
	border-color: rgba(198, 154, 72, 0.72);
	color: #f2cf84 !important;
	box-shadow: 0 0 28px rgba(198, 154, 72, 0.16);
}

.blackmu-features {
	padding: 86px 0 44px;
}

.blackmu-section-title {
	margin-bottom: 30px;
	text-align: center;
}

.blackmu-section-title span {
	display: block;
	margin-bottom: 10px;
	color: #d1a653;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-section-title h2 {
	margin: 0;
	font-size: 29px;
}

.blackmu-section-title .blackmu-divider {
	margin-top: 18px;
	margin-bottom: 0;
}

.blackmu-feature-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.blackmu-feature-card {
	min-height: 206px;
	padding: 28px 18px 22px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: linear-gradient(180deg, rgba(28, 28, 28, 0.86), rgba(12, 12, 12, 0.92));
	text-align: center;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.blackmu-feature-card:hover {
	transform: translateY(-3px);
	border-color: rgba(198, 154, 72, 0.62);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
}

.blackmu-feature-card .bm-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
}

.blackmu-feature-icon {
	--blackmu-icon-scale: 1;
	width: 66px;
	height: 66px;
	margin: -2px auto 12px;
	transform: scale(var(--blackmu-icon-scale));
	transform-origin: center;
}

.blackmu-feature-icon--stable-online { --blackmu-icon-scale: 1.25; }
.blackmu-feature-icon--fair-gameplay { --blackmu-icon-scale: 0.96; }
.blackmu-feature-icon--account-protection { --blackmu-icon-scale: 1.5; }
.blackmu-feature-icon--active-community { --blackmu-icon-scale: 1.02; }
.blackmu-feature-icon--daily-events { --blackmu-icon-scale: 1.18; }
.blackmu-feature-icon--unique-content { --blackmu-icon-scale: 1; }

.blackmu-feature-card h3 {
	min-height: 40px;
	margin: 0 0 12px;
	color: #f0eee8;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
}

.blackmu-feature-card p {
	color: #928d86;
	font-size: 13px;
	line-height: 1.45;
}

.blackmu-start {
	min-height: 124px;
	margin: 0 0 30px;
	padding: 26px 48px;
	border: 1px solid rgba(198, 154, 72, 0.42);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	background:
		linear-gradient(90deg, rgba(3, 3, 3, 0.82), rgba(3, 3, 3, 0.42), rgba(3, 3, 3, 0.9)),
		url(../images/footer-bg.jpg) center / cover no-repeat;
}

.blackmu-start h2 {
	margin: 0 0 12px;
	font-size: 28px;
}

.blackmu-start p {
	color: #aaa49a;
	font-size: 14px;
}

.blackmu-footer {
	position: relative;
	z-index: 5;
	padding: 50px 0 56px;
	border-top: 1px solid rgba(198, 154, 72, 0.18);
	background: linear-gradient(180deg, #030303 0%, #010101 100%);
}

.blackmu-footer__grid {
	display: grid;
	grid-template-columns: 178px 178px 260px 178px 178px;
	grid-template-areas: "discord nav brand support telegram";
	justify-content: center;
	gap: 34px;
	align-items: center;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.blackmu-footer__brand {
	grid-area: brand;
	justify-self: center;
	text-align: center;
}

.blackmu-footer__nav--main {
	grid-area: nav;
	justify-self: center;
	text-align: left;
}

.blackmu-footer__nav--support {
	grid-area: support;
	justify-self: center;
	text-align: left;
}

.blackmu-footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
}

.blackmu-footer__social--discord {
	grid-area: discord;
	justify-self: end;
}

.blackmu-footer__social--telegram {
	grid-area: telegram;
	justify-self: start;
}

.blackmu-footer__brand img {
	width: 132px;
	margin-bottom: 18px;
	filter: drop-shadow(0 0 24px rgba(198, 154, 72, 0.18));
}

.blackmu-footer__brand p,
.blackmu-footer__brand span,
.blackmu-footer__nav a {
	color: #8e8982;
	font-size: 12px;
	line-height: 1.65;
}

.blackmu-footer h3 {
	margin: 0 0 14px;
	color: #bdb7ad;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-footer__nav a {
	display: block;
}

.blackmu-footer__nav a:hover {
	color: #d1a653;
}

.blackmu-footer__social a {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 61px;
	height: 61px;
	border: 0;
	background: transparent;
	color: #d7ab58 !important;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: none;
	animation: none;
	transition: filter 0.2s ease, transform 0.2s ease;
}

.blackmu-footer__social a:hover {
	color: #f2cf84 !important;
	box-shadow: none;
	filter: brightness(1.08);
	transform: translateY(-2px);
}

.blackmu-icon-img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 18px rgba(198, 154, 72, 0.3));
	pointer-events: none;
}

.blackmu-footer__social-icon {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: none;
	pointer-events: none;
}

.blackmu-page-top {
	display: none;
}

.blackmu-page-top:after {
	content: "";
	position: absolute;
	right: max(12px, calc(50% - 620px));
	bottom: -86px;
	width: 390px;
	height: 450px;
	background: url(../images/blackmu-warrior-clean.png) center bottom / contain no-repeat;
	opacity: 0.38;
	pointer-events: none;
}

.blackmu-page-top .containerWeb {
	position: relative;
	z-index: 2;
}

.blackmu-page-top img {
	width: 220px;
	display: block;
	margin-bottom: 10px;
}

.blackmu-page-top span {
	color: #d1a653;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-page-top h1 {
	margin: 8px 0 8px;
	font-size: 34px;
}

.blackmu-page-top p {
	max-width: 520px;
	color: #b7b1a8;
	font-size: 14px;
	line-height: 1.6;
}

.bm-icon,
.fa,
.fas {
	font-style: normal;
	font-family: Arial, sans-serif;
	line-height: 1;
}

.bm-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	color: #d6aa56;
	text-shadow: 0 0 22px rgba(198, 154, 72, 0.38);
}

.bm-icon:before {
	display: inline-block;
	color: #d6aa56;
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
}

.bm-icon--version:before { content: "◆"; font-size: 26px; }
.bm-icon--star:before { content: "★"; font-size: 30px; }
.bm-icon--gift:before { content: "▣"; font-size: 31px; }
.bm-icon--tiles:before { content: "▦"; font-size: 31px; }
.bm-icon--map:before { content: "✧"; font-size: 34px; }
.bm-icon--exp:before { content: "EXP"; font-size: 17px; border: 2px solid #d6aa56; padding: 9px 6px; transform: rotate(45deg); }
.bm-icon--exp { transform: rotate(-45deg); }
.bm-icon--swords:before { content: "⚔"; }
.bm-icon--shield:before { content: "◈"; font-size: 36px; }
.bm-icon--crown:before { content: "♛"; }
.bm-icon--crest:before { content: "✺"; }

.fa-angle-right:before { content: "›"; font-size: 20px; font-weight: 700; }
.fa-cubes:before { content: "◆"; }
.fa-star:before { content: "★"; }
.fa-gift:before { content: "▣"; }
.fa-th-large:before { content: "▦"; }
.fa-compass:before { content: "✧"; }
.fa-vk:before { content: "VK"; font-size: 12px; font-weight: 800; }
.fa-gamepad:before { content: "DC"; font-size: 12px; font-weight: 800; }
.fa-paper-plane:before { content: "TG"; font-size: 12px; font-weight: 800; }
.fa-youtube-play:before { content: "YT"; font-size: 12px; font-weight: 800; }
.fa-chevron-right:before { content: "›"; }
.fa-arrow-right:before,
.fas.fa-arrow-right:before { content: "›"; font-size: 18px; font-weight: 700; }
.fa-search:before { content: "⌕"; }
.fa-user:before { content: "◎"; }
.fa-lock:before { content: "◈"; }
.fa-times:before { content: "×"; }

.blackmu-page-body .dmn-content,
.blackmu-home-body .dmn-content {
	width: 100%;
	margin: 0 auto 48px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-image: none;
	background: transparent;
}

.blackmu-page-body .dmn-page-box,
.blackmu-home-body .dmn-page-box {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(198, 154, 72, 0.3);
	background:
		linear-gradient(180deg, rgba(18, 18, 18, 0.94), rgba(5, 5, 5, 0.98)),
		radial-gradient(circle at 50% 0%, rgba(198, 154, 72, 0.12), transparent 34%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 24px 70px rgba(0, 0, 0, 0.5);
}

.blackmu-page-body .dmn-content:before,
.blackmu-page-body .dmn-content:after {
	content: none;
	display: none;
}

.blackmu-page-body .dmn-page-box:before {
	content: "";
	position: absolute;
	left: 34px;
	right: 34px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.72), transparent);
	pointer-events: none;
}

.blackmu-page-body .dmn-page-title,
.blackmu-home-body .dmn-page-title {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
	padding: 30px 34px 0;
	text-align: center;
}

.blackmu-page-body .dmn-page-title h1,
.blackmu-home-body .dmn-page-title h1,
.blackmu-page-body .dmn-page-content h1,
.blackmu-page-body .dmn-page-content h2.title {
	margin: 0;
	color: #f0eee8;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
}

.blackmu-page-body .dmn-page-title h1 {
	position: relative;
	display: inline-block;
	max-width: none;
	padding: 0 18px 15px;
	background: none;
}

.blackmu-page-body .dmn-page-title h1:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 170px;
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent);
}

.blackmu-page-body .dmn-page-content h2.title {
	margin: 0 0 24px;
	color: #c9a15a;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
}

.blackmu-page-body .dmn-page-content,
.blackmu-home-body .dmn-page-content {
	position: relative;
	z-index: 1;
	padding: 30px 34px 36px;
	color: #b8b2a8;
	font-size: 14px;
	line-height: 1.6;
}

.blackmu-page-body .dmn-content .row,
.blackmu-home-body .dmn-content .row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

.blackmu-page-body .dmn-content [class*="col-"],
.blackmu-home-body .dmn-content [class*="col-"] {
	padding-left: 12px;
	padding-right: 12px;
}

.blackmu-page-body .dmn-content .col-12,
.blackmu-home-body .dmn-content .col-12 {
	width: 100%;
}

.blackmu-page-body .dmn-content .col-9 { width: 75%; }
.blackmu-page-body .dmn-content .col-8 { width: 66.666%; }
.blackmu-page-body .dmn-content .col-6 { width: 50%; }
.blackmu-page-body .dmn-content .col-4 { width: 33.333%; }
.blackmu-page-body .dmn-content .col-3 { width: 25%; }

.blackmu-page-body table,
.blackmu-home-body table {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(3, 3, 3, 0.42);
	color: #d8d4cc;
}

.blackmu-page-body table thead tr,
.blackmu-home-body table thead tr,
.blackmu-page-body table th,
.blackmu-home-body table th {
	background: linear-gradient(180deg, rgba(35, 35, 35, 0.96), rgba(12, 12, 12, 0.98));
	color: #d6aa56;
	border-color: rgba(198, 154, 72, 0.28);
	text-transform: uppercase;
}

.blackmu-page-body table td,
.blackmu-home-body table td {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #c9c2b7;
}

.blackmu-page-body table tr:hover td,
.blackmu-home-body table tr:hover td {
	background: rgba(198, 154, 72, 0.06);
}

.blackmu-page-body .dmn-account-table tbody tr:after,
.blackmu-page-body .dmn-rankings-table tbody tr:after,
.blackmu-page-body .table-top-rank tbody tr:after {
	content: none;
	display: none;
}

.blackmu-page-body .dmn-account-table tbody tr:hover,
.blackmu-page-body .dmn-rankings-table tbody tr:hover,
.blackmu-page-body .table-top-rank tbody tr:hover {
	left: 0;
	background: rgba(198, 154, 72, 0.06);
}

.blackmu-page-body .topThree {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 10px 0 42px;
}

.blackmu-page-body .topThree-block {
	width: 100%;
	max-width: none;
	border: 1px solid rgba(198, 154, 72, 0.22);
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.92), rgba(5, 5, 5, 0.98));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.blackmu-page-body .topThree-block_place,
.blackmu-page-body .topThree-block_class,
.blackmu-page-body .topThree-block_text {
	background-color: rgba(0, 0, 0, 0.42);
}

.blackmu-page-body .topThree-block_text {
	width: auto;
	flex: 1;
}

.blackmu-page-body .topThree-block_text-t p a {
	color: #f2d183 !important;
}

.blackmu-page-body .mx-auto[style*="width: 450px"] {
	width: min(450px, 100%) !important;
}

.blackmu-page-body input:not([type='checkbox']):not([type='radio']):not([type='file']),
.blackmu-page-body textarea,
.blackmu-page-body select,
.blackmu-page-body .form-control,
.blackmu-home-body .form-control {
	min-height: 46px;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: rgba(0, 0, 0, 0.48) !important;
	color: #f1eee8 !important;
	box-shadow: none !important;
}

.blackmu-page-body label,
.blackmu-home-body label,
.blackmu-page-body .control-label {
	color: #c9a15a;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-page-body .btn,
.blackmu-page-body .btn-primary,
.blackmu-home-body .btn,
.blackmu-home-body .btn-primary,
.blackmu-page-body button,
.blackmu-page-body .button {
	min-height: 44px;
	border: 1px solid rgba(198, 154, 72, 0.68) !important;
	background: linear-gradient(180deg, #d4ac5b, #9d6d23) !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: 0 12px 28px rgba(172, 116, 34, 0.22);
}

.blackmu-page-body .btn:hover,
.blackmu-page-body button:hover,
.blackmu-page-body .button:hover {
	filter: brightness(1.12);
}

.blackmu-page-body .card,
.blackmu-page-body .list-group-item,
.blackmu-page-body .list-group-item-action,
.blackmu-home-body .card {
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0.9), rgba(10, 10, 10, 0.96)) !important;
	color: #c9c2b7 !important;
}

.blackmu-page-body .alert {
	border: 1px solid rgba(198, 154, 72, 0.34);
	background: rgba(198, 154, 72, 0.09);
	color: #e7dcc9;
}

.blackmu-page-body .selectTop {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

.blackmu-page-body .select {
	max-width: none;
	width: auto;
	min-width: 220px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background-color: rgba(0, 0, 0, 0.55);
	color: #f0eee8;
}

.blackmu-page-body .select_dropdown {
	border: 1px solid rgba(198, 154, 72, 0.32);
	background: #080808;
}

.blackmu-page-body .select_option {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #d8d4cc;
}

.blackmu-page-body .select_option:hover {
	background: rgba(198, 154, 72, 0.16);
	color: #fff;
}

.blackmu-page-body .account-setting {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 34px;
	padding: 0;
}

.blackmu-page-body .account-setting_block {
	position: relative;
	min-height: 86px;
	padding: 18px 18px 18px 68px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(180deg, rgba(26, 26, 26, 0.9), rgba(8, 8, 8, 0.96)) !important;
	color: #d8d4cc;
}

.blackmu-page-body .account-setting_f {
	display: block;
	color: #aaa49a;
	font-size: 13px;
	line-height: 1.45;
}

.blackmu-page-body .account-setting_f:last-child {
	color: #f0eee8;
	font-weight: 700;
}

.blackmu-page-body .account-icon {
	position: absolute;
	left: 18px;
	top: 19px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: none !important;
	color: #d6aa56;
}

.blackmu-page-body .account-icon:before {
	content: "◆";
	font-size: 27px;
	line-height: 1;
	text-shadow: 0 0 18px rgba(198, 154, 72, 0.34);
}

.blackmu-page-body .account-icon-user:before { content: "◎"; }
.blackmu-page-body .account-icon-member:before { content: "◈"; }
.blackmu-page-body .account-icon-email:before { content: "✉"; }
.blackmu-page-body .account-icon-last-login:before { content: "◷"; }
.blackmu-page-body .account-icon-rank:before { content: "★"; }
.blackmu-page-body .account-icon-ip:before,
.blackmu-page-body .account-icon-current-ip:before { content: "⌁"; }
.blackmu-page-body .account-icon-server:before { content: "▦"; }
.blackmu-page-body .account-icon-current-vip:before,
.blackmu-page-body .account-icon-current-vip-exp:before { content: "♛"; }

.blackmu-page-body .charOptions-title {
	margin: 0 0 18px;
	color: #f0eee8;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}

.blackmu-page-body .charOptions-flex {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.blackmu-page-body .charOptions-col {
	width: auto;
	padding: 0;
}

.blackmu-page-body .charOptions-block {
	display: block;
	min-height: 128px;
	padding: 24px 18px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(180deg, rgba(26, 26, 26, 0.9), rgba(8, 8, 8, 0.96));
	color: #c9c2b7;
	text-align: center;
}

.blackmu-page-body .charOptions-block:hover {
	border-color: rgba(198, 154, 72, 0.62);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
	transform: translateY(-2px);
}

.blackmu-page-body .charOptions-block p {
	margin: 0 0 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-page-body .charOptions-block span {
	color: #9f978d;
	font-size: 13px;
	line-height: 1.45;
}

.blackmu-page-body .nav-tabs,
.blackmu-page-body .nav-pills {
	border-color: rgba(198, 154, 72, 0.28);
}

.blackmu-page-body .nav-tabs .nav-link,
.blackmu-page-body .nav-pills .nav-link {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.35);
	color: #c9c2b7;
}

.blackmu-page-body .nav-tabs .nav-link.active,
.blackmu-page-body .nav-pills .nav-link.active {
	border-color: rgba(198, 154, 72, 0.62);
	background: rgba(198, 154, 72, 0.18);
	color: #fff;
}

.blackmu-page-body .dmn-sidebar-box {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(180deg, rgba(22, 22, 22, 0.95), rgba(8, 8, 8, 0.98));
}

.blackmu-page-body .dmn-sidebar-box-title {
	margin: 0;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(198, 154, 72, 0.28);
	color: #d6aa56;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-page-body .dmn-sidebar-box-items a {
	display: block;
	padding: 13px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #c9c2b7;
}

.blackmu-page-body .dmn-sidebar-box-items a:hover {
	background: rgba(198, 154, 72, 0.12);
	color: #fff;
}

.blackmu-page-body .shop-product-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
}

.blackmu-page-body .shop-product-list-item {
	min-height: 230px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: linear-gradient(180deg, rgba(26, 26, 26, 0.9), rgba(8, 8, 8, 0.96));
}

.blackmu-page-body .shop-product-list-item .thumb {
	min-height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blackmu-page-body .shop-product-list-item .item-name {
	margin: 12px 0 8px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-page-body .shop-product-list-item .price {
	color: #d6aa56;
	text-align: center;
}

.blackmu-page-body .pagination a,
.blackmu-page-body .pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	margin: 0 3px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: rgba(0, 0, 0, 0.42);
	color: #c9c2b7;
}

.blackmu-page-body .pagination a:hover,
.blackmu-page-body .pagination .active span {
	border-color: rgba(198, 154, 72, 0.62);
	background: rgba(198, 154, 72, 0.18);
	color: #fff;
}

@media (max-width: 1180px) {
	.blackmu-menu {
		gap: 22px;
	}

	.blackmu-cabinet {
		width: 152px;
	}

	.blackmu-hero__content {
		margin-left: 20px;
	}

	.blackmu-btn {
		width: 188px;
	}

	.blackmu-hero {
		--warrior-x: 50%;
		--warrior-y: 0px;
		--warrior-width: 1280px;
		--warrior-height: 100%;
	}

	.blackmu-hero__warrior {
		opacity: 0.9;
	}

	#timers.blackmu-hero-countdown {
		left: auto;
		right: 28px;
		bottom: 96px;
		width: 316px;
	}

	.blackmu-feature-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.blackmu-header {
		position: fixed;
		height: 64px;
		background: rgba(0, 0, 0, 0.94);
	}

	.blackmu-nav {
		width: calc(100% - 24px);
		height: 64px;
		grid-template-columns: 86px 44px minmax(0, 1fr);
		gap: 12px;
	}

	.blackmu-brand,
	.blackmu-brand img {
		width: 82px;
	}

	.blackmu-header .burger-menu {
		position: relative;
		left: auto;
		top: auto;
		display: block;
		width: 40px;
		height: 40px;
		z-index: 260;
	}

	.blackmu-header .burger-menu span {
		display: block;
		width: 34px;
		height: 3px;
		margin: 7px 0;
		background: #d7d1c7;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	.blackmu-header .burger-menu.active {
		left: auto;
		top: auto;
	}

	.blackmu-header .burger-menu.active span:nth-child(1) {
		transform: translateY(10px) rotate(45deg);
	}

	.blackmu-header .burger-menu.active span:nth-child(2) {
		opacity: 0;
	}

	.blackmu-header .burger-menu.active span:nth-child(3) {
		transform: translateY(-10px) rotate(-45deg);
	}

	.blackmu-header .header-wrapper-menu_h {
		position: fixed;
		top: 64px;
		left: -320px;
		width: 300px;
		height: calc(100vh - 64px);
		padding: 24px;
		display: block;
		background: rgba(2, 2, 2, 0.98);
		border-right: 1px solid rgba(198, 154, 72, 0.24);
		transition: left 0.25s ease;
		z-index: 240;
	}

	.blackmu-header .header-wrapper-menu_h.active {
		left: 0;
	}

	.blackmu-menu-wrap,
	.blackmu-menu {
		display: block;
	}

	.blackmu-menu-wrap {
		padding-left: 0;
	}

	.blackmu-menu li a {
		width: 100%;
		min-height: 48px;
		font-size: 14px;
	}

	.blackmu-actions {
		justify-content: flex-end;
		gap: 8px;
	}

	.blackmu-language a {
		width: 36px;
	}

	.blackmu-cabinet {
		width: 120px;
		height: 40px;
		font-size: 11px;
	}

	.blackmu-home-body .containerWeb,
	.blackmu-page-body .containerWeb {
		width: calc(100% - 28px);
	}

	.blackmu-main--page {
		padding-top: 94px;
		padding-bottom: 56px;
	}

	.blackmu-hero {
		--warrior-x: calc(50% + 150px);
		--warrior-y: 0px;
		--warrior-width: 1180px;
		--warrior-height: 100%;

		height: 700px;
		min-height: 700px;
		padding-top: 82px;
	}

	.blackmu-hero__warrior {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.52;
	}

	.blackmu-hero__content {
		max-width: 610px;
		width: 100%;
		margin: 0 auto;
		padding-top: 22px;
	}

	.blackmu-hero__logo {
		width: min(560px, 90%);
	}

	#timers.blackmu-hero-countdown {
		left: 50%;
		right: auto;
		bottom: 44px;
		width: min(340px, calc(100vw - 34px));
		transform: translateX(-50%);
	}

	.blackmu-server-panel {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-top: -38px;
	}

	.blackmu-server-status {
		border-right: 0;
		border-bottom: 1px solid rgba(198, 154, 72, 0.3);
		padding-right: 0;
		padding-bottom: 24px;
	}

	.blackmu-server-meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blackmu-start {
		flex-direction: column;
		align-items: flex-start;
	}

	.blackmu-footer__grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"brand"
			"nav"
			"support"
			"discord"
			"telegram";
		text-align: center;
	}

	.blackmu-footer__brand,
	.blackmu-footer__nav--main,
	.blackmu-footer__nav--support,
	.blackmu-footer__social--discord,
	.blackmu-footer__social--telegram {
		justify-self: center;
		text-align: center;
	}

	.blackmu-page-body .account-setting,
	.blackmu-page-body .charOptions-flex {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blackmu-page-body .shop-product-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blackmu-page-body .topThree {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.blackmu-nav {
		grid-template-columns: 72px 42px minmax(0, 1fr);
	}

	.blackmu-brand,
	.blackmu-brand img {
		width: 68px;
	}

	.blackmu-language {
		display: none;
	}

	.blackmu-cabinet {
		width: 104px;
	}

	.blackmu-hero {
		--warrior-x: calc(50% + 210px);
		--warrior-y: 0px;
		--warrior-width: 1050px;
		--warrior-height: 100%;

		height: 674px;
		min-height: 674px;
	}

	.blackmu-main--page {
		padding-top: 86px;
	}

	.blackmu-hero__warrior {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.38;
	}

	.blackmu-hero__logo {
		width: min(390px, 88vw);
	}

	.blackmu-hero h1 {
		font-size: 24px;
	}

	.blackmu-hero p {
		font-size: 12px;
		line-height: 1.45;
	}

	.blackmu-hero__buttons {
		flex-direction: column;
		gap: 12px;
	}

	#timers.blackmu-hero-countdown {
		bottom: 24px;
		padding: 11px 12px 13px;
	}

	#timers.blackmu-hero-countdown #timer_div_time {
		gap: 6px;
	}

	#timers.blackmu-hero-countdown .timmer_inner_block {
		height: 46px;
	}

	#timers.blackmu-hero-countdown #timer_div_time .timmer_inner_block .count {
		font-size: 18px;
	}

	.blackmu-btn {
		width: 100%;
		max-width: 300px;
	}

	.blackmu-server-panel {
		padding: 22px 18px 42px;
	}

	.blackmu-server-status {
		grid-template-columns: 76px minmax(0, 1fr);
		gap: 16px;
		justify-self: center;
		max-width: 300px;
	}

	.blackmu-status-orb {
		width: 72px;
		height: 72px;
	}

	.blackmu-server-meta {
		grid-template-columns: 1fr;
	}

	.blackmu-server-more {
		width: calc(100% - 34px);
	}

	.blackmu-section-title h2,
	.blackmu-start h2 {
		font-size: 24px;
	}

	.blackmu-feature-grid {
		grid-template-columns: 1fr;
	}

	.blackmu-feature-card {
		min-height: auto;
	}

	.blackmu-start {
		padding: 24px 18px;
	}

	.blackmu-footer__grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"brand"
			"nav"
			"support"
			"discord"
			"telegram";
		gap: 28px;
	}

	.blackmu-page-body .dmn-page-title,
	.blackmu-home-body .dmn-page-title,
	.blackmu-page-body .dmn-page-content,
	.blackmu-home-body .dmn-page-content {
		padding-left: 18px;
		padding-right: 18px;
	}

	.blackmu-page-body .account-setting,
	.blackmu-page-body .charOptions-flex {
		grid-template-columns: 1fr;
	}

	.blackmu-page-body .dmn-content .col-9,
	.blackmu-page-body .dmn-content .col-8,
	.blackmu-page-body .dmn-content .col-6,
	.blackmu-page-body .dmn-content .col-4,
	.blackmu-page-body .dmn-content .col-3 {
		width: 100%;
	}

	.blackmu-page-body .shop-product-list {
		grid-template-columns: 1fr;
	}

	.blackmu-page-body .select {
		width: 100%;
	}

	.blackmu-page-top {
		min-height: 300px;
		padding-top: 96px;
	}

	.blackmu-page-top img {
		width: 180px;
	}
}

.blackmu-main--home {
	overflow: hidden;
	margin-top: 0;
	padding-top: 52px;
	padding-bottom: 54px;
	background: #030303;
}

.blackmu-main--home:before {
	content: none;
	display: none;
}

.blackmu-main--home > .containerWeb {
	position: relative;
	z-index: 1;
}

@keyframes blackmuFogDrift {
	0% { transform: translate3d(-18px, 0, 0); opacity: 0.46; }
	100% { transform: translate3d(18px, 16px, 0); opacity: 0.64; }
}

.blackmu-home-showcase {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 580px;
	min-height: 380px;
	max-width: 1170px;
	margin: 54px auto 18px;
	background: transparent;
}

.blackmu-home-intro,
.blackmu-home-news,
.blackmu-home-widget {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(198, 154, 72, 0.28);
	border-image: none;
	background:
		linear-gradient(180deg, rgba(17, 17, 16, 0.96), rgba(4, 4, 4, 0.99)),
		radial-gradient(circle at 74% 0%, rgba(198, 154, 72, 0.16), transparent 38%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 26px 82px rgba(0, 0, 0, 0.46);
}

.blackmu-home-intro {
	min-height: 380px;
	padding: 44px 160px 68px 40px;
}

.blackmu-home-intro:before,
.blackmu-home-news:before,
.blackmu-home-widget:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.46), transparent 45%, rgba(0, 0, 0, 0.28)),
		url(../images/transblack.png);
	opacity: 0.7;
	pointer-events: none;
}

.blackmu-home-intro__slides,
.blackmu-home-intro__copy {
	position: relative;
	z-index: 3;
	max-width: 360px;
	min-height: 236px;
}

.blackmu-home-slide {
	display: none;
}

.blackmu-home-slide.active {
	display: block;
}

.blackmu-home-intro h1 {
	margin: 0 0 62px;
	color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.24;
	text-transform: none;
	white-space: nowrap;
	text-shadow: 0 3px 20px rgba(0, 0, 0, 0.9);
}

.blackmu-home-intro p {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.62;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.82);
}

.blackmu-home-more {
	position: relative;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 78px;
	height: 36px;
	margin-top: 16px;
	padding: 0 18px;
	background: linear-gradient(180deg, #d59d3b, #98641d);
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-transform: lowercase;
	box-shadow: 0 9px 24px rgba(180, 103, 24, 0.28);
}

.blackmu-home-more:hover {
	filter: brightness(1.15);
}

.blackmu-home-intro__hero {
	position: absolute;
	z-index: 2;
	right: -96px;
	bottom: 12px;
	width: 330px;
	max-width: none;
	filter: drop-shadow(0 22px 30px rgba(0, 0, 0, 0.72));
	pointer-events: none;
}

.blackmu-home-slider-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	background: rgba(0, 0, 0, 0.76);
}

.blackmu-home-slider-nav strong {
	color: #ffb400;
	font-size: 13px;
	font-weight: 800;
}

.blackmu-home-arrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(255, 180, 0, 0.14);
	color: #ffb400;
	cursor: pointer;
	appearance: none;
	line-height: 1;
	box-shadow: none;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

.blackmu-home-arrow:hover,
.blackmu-home-arrow:focus,
.blackmu-home-arrow:active {
	background: rgba(255, 180, 0, 0.22);
	box-shadow: 0 0 16px rgba(255, 180, 0, 0.18);
	outline: 0;
	transform: none;
}

.blackmu-home-arrow:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #ffb400;
	border-right: 2px solid #ffb400;
}

.blackmu-home-arrow--prev:before {
	transform: rotate(-135deg);
}

.blackmu-home-arrow--next:before {
	transform: rotate(45deg);
}

.blackmu-home-news {
	min-height: 380px;
	padding: 52px 20px 28px 44px;
}

.blackmu-home-news__title {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 40px;
}

.blackmu-home-news__title span {
	width: 44px;
	height: 44px;
	background: url(../images/icon-news.png) center / contain no-repeat;
	filter: drop-shadow(0 0 16px rgba(255, 180, 0, 0.48));
}

.blackmu-home-news__title strong,
.blackmu-home-widget h2 {
	color: #ffb400;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-home-news__list {
	position: relative;
	z-index: 2;
	max-height: 250px;
	padding-right: 10px;
	overflow: auto;
}

.blackmu-home-news__list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 52px;
	gap: 16px;
	align-items: start;
	margin-bottom: 18px;
}

.blackmu-home-news__list a {
	color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.45;
}

.blackmu-home-news__list a:hover {
	color: #ffb400 !important;
}

.blackmu-home-news__list time {
	color: #8b8887;
	font-size: 12px;
	text-align: right;
}

.blackmu-home-widgets {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	max-width: 1170px;
	margin: 0 auto 78px;
}

.blackmu-home-widget {
	min-height: 690px;
	padding: 62px 38px 76px;
}

.blackmu-home-widget__badge {
	position: absolute;
	top: -24px;
	left: -22px;
	z-index: 3;
	width: 132px;
	height: 154px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	filter: drop-shadow(0 0 22px rgba(198, 154, 72, 0.34));
}

.blackmu-home-widget--players .blackmu-home-widget__badge {
	background-image: url(../images/corner-left-top-yellow.png);
}

.blackmu-home-widget--guilds .blackmu-home-widget__badge {
	background-image: url(../images/corner-left-top-yellow.png);
}

.blackmu-home-widget--events .blackmu-home-widget__badge {
	background-image: url(../images/corner-left-top-yellow.png);
}

.blackmu-home-widget h2 {
	position: relative;
	z-index: 2;
	margin: 0 0 52px;
	padding-left: 112px;
	line-height: 1.2;
}

.blackmu-home-widget__body {
	position: relative;
	z-index: 2;
	max-height: 498px;
	overflow: auto;
}

.blackmu-home-widget__body .alert {
	margin: 0;
	border: 1px solid rgba(198, 154, 72, 0.34);
	background: rgba(198, 154, 72, 0.1);
	color: #ead79b;
	font-size: 13px;
}

.blackmu-home-widget .top-table {
	min-width: 0 !important;
	max-width: 100%;
	width: 100%;
}

.blackmu-home-widget .top-table li {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 68px 68px;
	column-gap: 8px;
	align-items: center;
	width: 100%;
	min-width: 0;
	height: 42px;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
}

.blackmu-home-widget .top-table li > div {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.blackmu-home-widget .top-table .table-th {
	height: 32px;
	background: transparent;
	color: #ffb400;
	font-weight: 400;
	text-transform: none;
}

.blackmu-home-widget .top-table li:after {
	display: none;
}

.blackmu-home-widget .top-table a {
	color: #fff !important;
	font-weight: 700;
}

.blackmu-home-widget .top-table sup {
	top: -5px;
	color: #ff1919;
	font-size: 9px;
	font-weight: 800;
}

.blackmu-home-widget .td-1 {
	width: auto;
}

.blackmu-home-widget .td-2 {
	width: auto;
	min-width: 0;
	padding-right: 0;
}

.blackmu-home-widget .td-3 {
	display: none;
}

.blackmu-home-widget .td-4,
.blackmu-home-widget .td-5 {
	width: auto;
	text-align: right;
	white-space: nowrap;
}

/* Keep Grand Reset superscript fully visible in the Home Top Players widget. */
.blackmu-home-widget--players .top-table .td-5 {
	overflow: visible;
}

.blackmu-home-widget--players .top-table .td-5 sup {
	top: -2px;
}

.blackmu-home-widget__more {
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 3;
	transform: translateX(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	height: 34px;
	border: 1px solid rgba(198, 154, 72, 0.28);
	background: linear-gradient(180deg, rgba(47, 35, 24, 0.9), rgba(18, 14, 12, 0.95));
	color: #ffd55d !important;
	font-size: 11px;
	font-weight: 800;
}

.blackmu-home-widget__more:hover {
	background: rgba(120, 78, 33, 0.92);
	color: #fff !important;
}

.blackmu-home-widget__body--events {
	max-height: 478px;
	padding-right: 12px;
}

.blackmu-home-widget .events-table li {
	padding: 8px 0;
}

.blackmu-home-widget .event-name p {
	margin: 0 0 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-home-widget .event-name span {
	color: #f0dc67;
	font-size: 11px;
	font-weight: 800;
}

.blackmu-home-widget .event-time {
	min-width: 96px;
	color: #777473;
	text-align: right;
}

.blackmu-home-widget .event-time p {
	margin: 0 0 5px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.blackmu-home-widget .event-time span {
	font-size: 11px;
}

.blackmu-account-actions {
	display: flex;
	justify-content: center;
	margin: -8px 0 34px;
}

.blackmu-account-logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 176px;
	height: 44px;
	border: 1px solid rgba(198, 154, 72, 0.68);
	background: linear-gradient(180deg, rgba(48, 35, 25, 0.96), rgba(14, 10, 9, 0.98));
	color: #f2cf84 !important;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.blackmu-account-logout:hover {
	border-color: rgba(255, 180, 0, 0.86);
	background: linear-gradient(180deg, #d4ac5b, #9d6d23);
	color: #fff !important;
}

body.blackmu-page-body #exception,
body.blackmu-home-body #exception {
	left: 50%;
	top: 14px;
	width: min(720px, calc(100% - 32px));
	height: auto;
	max-height: 96px;
	min-height: 0;
	overflow: hidden;
	padding: 10px 16px;
	transform: translateX(-50%);
	border: 1px solid rgba(198, 154, 72, 0.45);
	background: linear-gradient(180deg, rgba(25, 18, 12, 0.96), rgba(7, 7, 7, 0.98)) !important;
	color: #f2cf84;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.46);
}

body.blackmu-page-body #exception:empty,
body.blackmu-home-body #exception:empty {
	display: none !important;
}

.blackmu-page-body .dmn-page-box {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.blackmu-account-panel .dmn-page-box {
	max-width: 1080px;
}

.blackmu-auth-panel .dmn-page-box {
	max-width: 760px;
}

.blackmu-account-panel .dmn-page-title,
.blackmu-auth-panel .dmn-page-title {
	padding-top: 24px;
}

.blackmu-account-panel .dmn-page-title h1,
.blackmu-auth-panel .dmn-page-title h1 {
	font-size: 27px;
}

.blackmu-account-panel .dmn-page-content {
	padding-top: 22px;
	padding-bottom: 30px;
}

.blackmu-auth-panel .dmn-page-content {
	padding: 24px 34px 34px;
}

.blackmu-account-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: -2px 0 18px;
	padding: 12px 14px;
	border: 1px solid rgba(198, 154, 72, 0.24);
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.88), rgba(6, 6, 6, 0.96));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.blackmu-account-user {
	display: flex;
	align-items: baseline;
	gap: 10px;
	min-width: 0;
	color: #8f887e;
	font-size: 12px;
	text-transform: uppercase;
}

.blackmu-account-user strong {
	overflow: hidden;
	color: #f0eee8;
	font-size: 14px;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
}

.blackmu-account-panel .account-setting {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 26px;
}

.blackmu-account-panel .account-setting_block {
	min-height: 64px;
	padding: 12px 14px 12px 46px;
	border-color: rgba(198, 154, 72, 0.2);
	background: linear-gradient(180deg, rgba(17, 17, 17, 0.9), rgba(5, 5, 5, 0.98)) !important;
}

.blackmu-account-panel .account-icon {
	left: 15px;
	top: 50%;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
}

.blackmu-account-panel .account-icon:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: 4px;
	border: 2px solid rgba(214, 170, 86, 0.9);
	transform: rotate(45deg);
	box-shadow: 0 0 12px rgba(214, 170, 86, 0.24);
}

.blackmu-account-panel .account-setting_f {
	width: auto;
	overflow-wrap: anywhere;
	font-size: 12px;
	line-height: 1.35;
}

.blackmu-account-panel .account-setting_f:first-of-type {
	color: #9f978d;
}

.blackmu-account-panel .account-setting_f:last-child {
	margin-top: 4px;
	color: #f3eee4;
	font-size: 12px;
}

.blackmu-account-services {
	margin-top: 4px;
}

.blackmu-account-panel .charOptions-title {
	margin-bottom: 14px;
	font-size: 20px;
}

.blackmu-account-panel .charOptions-flex {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	align-items: stretch;
}

.blackmu-account-panel .charOptions-block {
	display: flex;
	width: 100% !important;
	height: auto !important;
	min-height: 88px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 15px 12px;
	border-color: rgba(198, 154, 72, 0.2);
	background: linear-gradient(180deg, rgba(17, 17, 17, 0.92), rgba(5, 5, 5, 0.98));
}

.blackmu-account-panel .charOptions-block p {
	margin-bottom: 7px;
	font-size: 13px;
	line-height: 1.2;
}

.blackmu-account-panel .charOptions-block span {
	max-width: 180px;
	font-size: 12px;
	line-height: 1.35;
}

.blackmu-auth-panel .dmn-page-content .row {
	display: block;
	margin-left: 0;
	margin-right: 0;
}

.blackmu-auth-panel .dmn-page-content .col-12 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.blackmu-auth-panel .login_form,
.blackmu-auth-panel .registration_form,
.blackmu-auth-panel #fb_register_form {
	max-width: 620px;
	margin: 0 auto;
}

.blackmu-auth-panel .additional-links {
	max-width: 620px;
	margin: 0 auto 20px !important;
	border: 1px solid rgba(198, 154, 72, 0.18);
	background: rgba(0, 0, 0, 0.22);
}

.blackmu-auth-panel .additional-links .list-group-item-action {
	padding: 9px 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	color: #bdb7ad;
}

.blackmu-auth-panel .additional-links .list-group-item-action:first-child {
	border-top: 0;
}

.blackmu-auth-panel .form-group,
.blackmu-page-body .dmn-page-content .form-group {
	margin-bottom: 15px;
}

.blackmu-auth-panel .form-control,
.blackmu-page-body .dmn-page-content .form-control {
	min-height: 42px;
	padding: 8px 12px;
}

.blackmu-auth-panel .btn,
.blackmu-auth-panel .btn-primary,
.blackmu-auth-panel button[type='submit'],
.blackmu-page-body .dmn-page-content button[type='submit'] {
	width: auto;
	min-width: 180px;
	height: 42px;
	min-height: 42px;
	padding: 0 28px;
	background-image: none !important;
}

.blackmu-page-body .dmn-page-box {
	max-width: min(1120px, calc(100vw - 44px));
}

.blackmu-page-body .dmn-page-title {
	padding: 24px 28px 0;
}

.blackmu-page-body .dmn-page-title h1 {
	font-size: 27px;
}

.blackmu-page-body .dmn-page-content {
	padding: 22px 28px 30px;
}

.blackmu-page-body .dmn-page-content h2.title {
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 1.35;
}

.blackmu-page-body .mb-5 {
	margin-bottom: 20px !important;
}

.blackmu-page-body .mt-2 {
	margin-top: 8px !important;
}

.blackmu-page-body .table-responsive-sm {
	overflow-x: auto;
}

.blackmu-page-body .dmn-rankings-table,
.blackmu-page-body .dmn-account-table,
.blackmu-page-body .table {
	margin-bottom: 14px;
	font-size: 13px;
}

.blackmu-page-body .dmn-rankings-table thead tr,
.blackmu-page-body .dmn-account-table thead tr {
	border-top: 0;
	background: linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(7, 7, 7, 0.98));
}

.blackmu-page-body .dmn-rankings-table th,
.blackmu-page-body .dmn-account-table th,
.blackmu-page-body .table th {
	height: auto;
	padding: 11px 14px !important;
	border-color: rgba(198, 154, 72, 0.18) !important;
	color: #d6aa56;
	font-size: 12px;
	line-height: 1.35;
}

.blackmu-page-body .dmn-rankings-table td,
.blackmu-page-body .dmn-account-table td,
.blackmu-page-body .table td {
	height: auto !important;
	padding: 10px 14px !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	line-height: 1.45;
	vertical-align: middle;
}

.blackmu-page-body .dmn-rankings-table table,
.blackmu-page-body .dmn-account-table table {
	border: 0;
	background: transparent;
}

.blackmu-page-body .dmn-rankings-table table td,
.blackmu-page-body .dmn-account-table table td {
	background: transparent;
}

.blackmu-page-body .selectTop {
	justify-content: center;
	gap: 9px;
	margin-bottom: 20px;
}

.blackmu-page-body .select {
	flex: 0 1 220px;
	width: auto;
	min-width: 190px;
	max-width: 240px;
	height: 42px;
	padding: 0 36px 0 14px;
	font-size: 13px;
}

.blackmu-page-body .select_value {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-page-body .select_dropdown {
	top: calc(100% + 4px);
	min-width: 100%;
	max-height: 330px;
	overflow-y: auto;
}

.blackmu-page-body .select_option {
	min-height: 38px;
	height: auto;
	padding: 8px 14px;
	gap: 8px;
	font-size: 12px;
	line-height: 1.35;
}

.blackmu-page-body .rankings-player-class-img {
	width: 24px !important;
	height: 24px;
	border: 1px solid rgba(198, 154, 72, 0.38) !important;
	object-fit: cover;
}

.blackmu-page-body [id^='rankings_content_'] {
	width: 100%;
}

.blackmu-page-body .topThree {
	margin-bottom: 24px;
}

.blackmu-page-body .topThree-block {
	min-height: 104px;
}

.blackmu-account-panel .dmn-page-box {
	max-width: min(1060px, calc(100vw - 44px));
}

.blackmu-account-panel .account-setting {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.blackmu-account-panel .account-setting_block {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 66px;
	box-sizing: border-box;
}

.blackmu-account-panel .account-setting_f {
	display: block !important;
	width: 100% !important;
	white-space: normal;
	word-break: break-word;
}

.blackmu-account-panel .account-setting_f:first-of-type {
	margin-bottom: 4px;
	text-transform: uppercase;
}

.blackmu-account-panel .account-setting_f:last-child {
	font-size: 13px;
	line-height: 1.3;
}

.blackmu-account-panel .charOptions-flex {
	grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

.blackmu-account-panel .charOptions-block {
	width: 100% !important;
	min-height: 86px;
	box-sizing: border-box;
}

.blackmu-account-panel .charOptions-block p,
.blackmu-account-panel .charOptions-block span {
	width: 100%;
	max-width: none;
	overflow-wrap: anywhere;
}

.blackmu-character-page .dmn-page-box {
	max-width: min(1040px, calc(100vw - 44px));
}

.blackmu-character-page .dmn-page-title {
	padding-top: 22px;
}

.blackmu-character-page .dmn-page-content {
	padding-top: 18px;
}

.blackmu-character-page .dmn-rankings-table {
	background: linear-gradient(180deg, rgba(10, 10, 10, 0.94), rgba(3, 3, 3, 0.98));
}

.blackmu-character-page .blackmu-character-avatar-cell {
	width: 170px !important;
	padding: 18px !important;
	vertical-align: top;
}

.blackmu-character-avatar {
	display: inline-block;
	width: 112px;
	height: 112px;
	border: 1px solid rgba(214, 170, 86, 0.72);
	border-radius: 50%;
	background: #020202;
	object-fit: cover;
	box-shadow: 0 0 0 4px rgba(198, 154, 72, 0.08), 0 16px 34px rgba(0, 0, 0, 0.48);
}

.blackmu-character-page .blackmu-character-equipment .dmn-rankings-table > tbody > tr > td,
.blackmu-character-page .blackmu-character-equipment .dmn-rankings-table > tr > td {
	padding: 16px !important;
	background:
		radial-gradient(circle at 50% 44%, rgba(198, 154, 72, 0.1), transparent 38%),
		linear-gradient(180deg, rgba(23, 18, 9, 0.56), rgba(3, 3, 3, 0.9));
}

.blackmu-character-page #inventoryc {
	display: block;
	margin: 0 auto;
	border: 1px solid rgba(198, 154, 72, 0.24);
	background-color: #020202;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 18px 42px rgba(0, 0, 0, 0.42);
	transform: scale(0.92);
	transform-origin: center top;
}

.blackmu-character-page #inventoryc > img.blackmu-character-avatar {
	top: 91px;
	left: 145px;
	width: 108px;
	height: 108px;
	border-color: rgba(214, 170, 86, 0.78);
}

.blackmu-character-page #inventoryc > div,
.blackmu-character-page #inventory > div {
	filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.48));
}

.blackmu-character-page #inventory {
	max-width: 100%;
	transform: scale(0.9);
	transform-origin: center top;
}

@media (max-width: 1180px) {
	.blackmu-home-showcase {
		grid-template-columns: 1fr;
	}

	.blackmu-home-news {
		min-height: 250px;
	}

	.blackmu-home-widgets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blackmu-home-widget--events {
		grid-column: span 2;
	}
}

@media (max-width: 980px) {
	.blackmu-main--home {
		margin-top: 0;
		padding-top: 38px;
	}

	.blackmu-home-intro {
		padding-right: 250px;
	}

	.blackmu-home-intro__hero {
		right: -96px;
		width: 310px;
		opacity: 0.86;
	}
}

@media (max-width: 720px) {
	.blackmu-home-showcase {
		margin-bottom: 46px;
	}

	.blackmu-home-intro {
		padding: 34px 24px 78px;
	}

	.blackmu-home-intro__slides,
	.blackmu-home-intro__copy {
		max-width: none;
	}

	.blackmu-home-intro h1 {
		margin-bottom: 26px;
		font-size: 25px;
		white-space: normal;
	}

	.blackmu-home-intro__hero {
		right: -96px;
		bottom: 42px;
		width: 270px;
		opacity: 0.34;
	}

	.blackmu-home-more {
		margin-top: 16px;
	}

	.blackmu-home-news {
		padding: 34px 24px 28px;
	}

	.blackmu-home-news__list li {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.blackmu-home-news__list time {
		text-align: left;
	}

	.blackmu-home-widgets,
	.blackmu-home-widget--events {
		display: block;
	}

	.blackmu-home-widget {
		min-height: 520px;
		margin-bottom: 14px;
		padding: 52px 18px 72px;
	}

	.blackmu-home-widget h2 {
		padding-left: 78px;
		font-size: 16px;
	}

	.blackmu-home-widget__badge {
		width: 104px;
		height: 122px;
	}

	.blackmu-home-widget .top-table li {
		grid-template-columns: 24px minmax(0, 1fr) 46px 48px;
		column-gap: 5px;
		font-size: 11px;
	}

	.blackmu-home-widget .td-1 {
		width: auto;
	}

	.blackmu-home-widget .td-2 {
		width: auto;
		min-width: 0;
		padding-right: 0;
	}

	.blackmu-home-widget .td-4,
	.blackmu-home-widget .td-5 {
		width: auto;
	}

	.blackmu-home-widget .top-table sup {
		font-size: 8px;
	}

	.blackmu-account-actions {
		justify-content: center;
	}

	.blackmu-account-logout {
		width: auto;
		min-width: 176px;
	}
}

@media (max-width: 980px) {
	.blackmu-page-body .dmn-page-box,
	.blackmu-account-panel .dmn-page-box,
	.blackmu-auth-panel .dmn-page-box,
	.blackmu-character-page .dmn-page-box {
		max-width: calc(100vw - 28px);
	}

	.blackmu-page-body .dmn-page-title,
	.blackmu-page-body .dmn-page-content {
		padding-left: 18px;
		padding-right: 18px;
	}

	.blackmu-account-panel .account-setting,
	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	}

	.blackmu-character-page .blackmu-character-avatar-cell {
		width: 140px !important;
	}

	.blackmu-character-avatar {
		width: 92px;
		height: 92px;
	}
}

@media (max-width: 640px) {
	.blackmu-page-body .dmn-page-title h1 {
		font-size: 23px;
	}

	.blackmu-account-topbar {
		align-items: stretch;
		flex-direction: column;
	}

	.blackmu-account-logout {
		width: 100%;
	}

	.blackmu-account-panel .account-setting,
	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: 1fr;
	}

	.blackmu-page-body .select {
		flex-basis: 100%;
		max-width: none;
	}

	.blackmu-character-page .dmn-rankings-table > tbody > tr,
	.blackmu-character-page .dmn-rankings-table > tbody > tr > td {
		display: block;
		width: 100% !important;
	}

	.blackmu-character-page .blackmu-character-avatar-cell {
		text-align: center;
	}

	.blackmu-character-page #inventoryc {
		margin-left: 50%;
		transform: translateX(-50%) scale(0.78);
	}
}

/* Final compact pass for account and content pages. */
.blackmu-page-body .dmn-page-box {
	max-width: min(980px, calc(100vw - 42px));
}

.blackmu-auth-panel .dmn-page-box {
	max-width: min(820px, calc(100vw - 42px));
}

.blackmu-account-panel .dmn-page-box {
	max-width: min(980px, calc(100vw - 42px));
}

.blackmu-character-page .dmn-page-box {
	max-width: min(960px, calc(100vw - 42px));
}

.blackmu-auth-panel .dmn-page-title,
.blackmu-account-panel .dmn-page-title {
	padding-top: 20px;
}

.blackmu-auth-panel .dmn-page-title h1,
.blackmu-account-panel .dmn-page-title h1 {
	font-size: 26px;
}

.blackmu-auth-panel .dmn-page-content,
.blackmu-account-panel .dmn-page-content {
	padding: 18px 26px 26px;
}

.blackmu-auth-panel .login_form,
.blackmu-auth-panel .registration_form,
.blackmu-auth-panel #fb_register_form {
	max-width: 520px;
}

.blackmu-auth-panel .form-group {
	margin-bottom: 14px;
}

.blackmu-auth-panel .form-control {
	min-height: 38px;
	height: 38px;
}

.blackmu-auth-panel .btn,
.blackmu-auth-panel .btn-primary,
.blackmu-auth-panel button[type='submit'] {
	height: 38px;
	min-height: 38px;
	min-width: 164px;
	padding: 0 22px;
}

.blackmu-account-topbar {
	display: grid;
	grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin: 0 0 14px;
	padding: 10px 12px;
}

.blackmu-account-user {
	flex-direction: column;
	gap: 2px;
}

.blackmu-account-user span {
	font-size: 11px;
}

.blackmu-account-user strong {
	font-size: 13px;
}

.blackmu-account-wallet {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
	min-width: 0;
}

.blackmu-wallet-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 9px;
	border: 1px solid rgba(198, 154, 72, 0.22);
	background: rgba(0, 0, 0, 0.26);
}

.blackmu-wallet-item span {
	color: #c9a15a;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.blackmu-wallet-item strong {
	overflow: hidden;
	color: #f0eee8;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-account-logout {
	min-width: 144px;
	height: 38px;
	min-height: 38px;
}

.blackmu-account-panel .account-setting {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-bottom: 20px;
}

.blackmu-account-panel .account-setting_block {
	display: flex !important;
	align-items: center;
	min-height: 52px;
	padding: 9px 11px 9px 34px;
}

.blackmu-account-panel .account-icon {
	left: 12px;
	width: 13px;
	height: 13px;
}

.blackmu-account-panel .account-icon:before {
	width: 7px;
	height: 7px;
	margin: 3px;
	border-width: 1px;
}

.blackmu-account-panel .account-setting_f {
	min-width: 0;
	font-size: 11px;
	line-height: 1.2;
}

.blackmu-account-panel .account-setting_f:first-of-type {
	width: auto !important;
	margin: 0 5px 0 0;
	color: #a79f95;
	white-space: nowrap;
}

.blackmu-account-panel .account-setting_f:last-child {
	width: auto !important;
	margin: 0;
	overflow: hidden;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-account-panel .charOptions-title {
	margin-bottom: 10px;
	font-size: 18px;
}

.blackmu-account-panel .charOptions-flex {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	align-items: stretch;
}

.blackmu-account-panel .charOptions-col {
	min-width: 0;
}

.blackmu-account-panel .charOptions-block {
	position: relative;
	align-items: flex-start;
	min-height: 66px;
	padding: 10px 11px 10px 30px;
	text-align: left;
}

.blackmu-account-panel .charOptions-block:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 17px;
	width: 7px;
	height: 7px;
	border: 1px solid rgba(214, 170, 86, 0.9);
	transform: rotate(45deg);
	box-shadow: 0 0 10px rgba(214, 170, 86, 0.18);
}

.blackmu-account-panel .charOptions-block p {
	margin: 0 0 4px;
	font-size: 11px;
	line-height: 1.15;
}

.blackmu-account-panel .charOptions-block span {
	display: -webkit-box;
	overflow: hidden;
	font-size: 10.5px;
	line-height: 1.25;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media (max-width: 980px) {
	.blackmu-account-topbar {
		grid-template-columns: 1fr;
	}

	.blackmu-account-wallet {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.blackmu-account-panel .account-setting,
	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.blackmu-page-body .dmn-page-box,
	.blackmu-auth-panel .dmn-page-box,
	.blackmu-account-panel .dmn-page-box,
	.blackmu-character-page .dmn-page-box {
		max-width: calc(100vw - 22px);
	}

	.blackmu-auth-panel .dmn-page-content,
	.blackmu-account-panel .dmn-page-content {
		padding-left: 14px;
		padding-right: 14px;
	}

	.blackmu-account-wallet,
	.blackmu-account-panel .account-setting,
	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: 1fr;
	}
}

/* Minimal rankings and character corrections. */

.blackmu-page-body table,
.blackmu-home-body table,
.blackmu-character-page .dmn-rankings-table {
	background: rgba(4, 4, 4, 0.72) !important;
}

.blackmu-page-body table th,
.blackmu-home-body table th {
	background: rgba(16, 16, 16, 0.96) !important;
}

.blackmu-page-body table td,
.blackmu-home-body table td {
	background: transparent !important;
}

.blackmu-page-body .topThree {
	gap: 10px;
	margin: 10px 0 24px;
}

.blackmu-page-body .topThree-block {
	min-width: 0;
	height: 120px;
	background: rgba(7, 7, 7, 0.86) !important;
	box-shadow: none !important;
}

.blackmu-page-body .topThree-block_place {
	flex: 0 0 78px;
	width: 78px;
}

.blackmu-page-body .topThree-block_class {
	flex: 0 0 134px;
	width: 134px;
	background-color: rgba(0, 0, 0, 0.28) !important;
}

.blackmu-page-body .topThree-block_class .slider-nav-slide-block {
	width: 165px !important;
	height: 155px !important;
	margin-top: -15px;
	margin-left: 0;
	transform: scale(0.8);
}

.blackmu-page-body .topThree-block_text {
	min-width: 0;
	padding: 13px 10px;
	background-color: rgba(0, 0, 0, 0.22) !important;
}

.blackmu-page-body .topThree-block_text-t p {
	margin: 0 0 7px;
	line-height: 1.1;
}

.blackmu-page-body .topThree-block_text-t p a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-rank-card-stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2px;
}

.blackmu-rank-card-stats span {
	display: flex;
	min-width: 0;
	justify-content: space-between;
	gap: 4px;
	color: #c9c2b7;
	font-size: 11px;
	line-height: 1.15;
	white-space: nowrap;
}

.blackmu-rank-card-stats b {
	color: #aaa49a;
	font-size: 10px;
	font-weight: 700;
}

.blackmu-rank-card-stats strong {
	flex: 0 0 auto;
	overflow: visible;
	color: #f2d183;
	font-size: 11px;
	font-weight: 800;
	text-overflow: clip;
}

.blackmu-page-body .dmn-rankings-table th,
.blackmu-page-body .dmn-rankings-table td {
	padding: 9px 10px;
}

.blackmu-page-body .dmn-rankings-table .blackmu-rank-col-lvl,
.blackmu-page-body .dmn-rankings-table .blackmu-rank-col-ml,
.blackmu-page-body .dmn-rankings-table .blackmu-rank-col-res,
.blackmu-page-body .dmn-rankings-table .blackmu-rank-col-gr {
	width: 54px;
	white-space: nowrap;
}

.blackmu-character-page .dmn-page-title {
	padding-top: 18px;
}

.blackmu-character-page .dmn-page-title h1 {
	font-size: 26px;
}

.blackmu-character-page .dmn-page-content {
	padding-top: 16px;
}

.blackmu-character-page .blackmu-character-avatar-cell {
	width: 230px !important;
	padding: 12px 14px !important;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.16) !important;
}

.blackmu-character-hero-card {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 176px;
	height: 148px;
	margin: 0 auto;
	overflow: hidden;
}

.blackmu-character-hero-card .slider-nav-slide-block {
	flex: 0 0 auto;
	width: 165px !important;
	height: 155px !important;
	background: url(../images/hero-small-hover-bg.png) center no-repeat;
	transform: scale(0.86);
}

.blackmu-character-hero-card .slider-nav-slide-block:after {
	opacity: 1;
}

.blackmu-character-hero-img {
	position: relative;
	max-width: none;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.blackmu-character-page .blackmu-character-equipment .dmn-rankings-table > tbody > tr > td,
.blackmu-character-page .blackmu-character-equipment .dmn-rankings-table > tr > td {
	background: rgba(0, 0, 0, 0.24) !important;
}

.blackmu-character-page #inventoryc {
	position: relative;
	background-color: #030303 !important;
	box-shadow: none !important;
}

.blackmu-character-page #inventoryc > img.blackmu-character-inventory-hero {
	position: absolute;
	z-index: 1;
	top: 82px;
	left: 50%;
	width: auto;
	max-width: 132px;
	max-height: 124px;
	margin: 0 !important;
	transform: translateX(-50%);
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	object-fit: contain;
}

.blackmu-character-page #inventoryc > div,
.blackmu-character-page #inventory > div {
	filter: none !important;
}

/* Keep one continuous dark page background without changing panel backgrounds. */
body.blackmu-page-body {
	background: #030303 url(../images/blackmu-page-bg-v2.png) center top / cover fixed no-repeat !important;
}

body.blackmu-page-body .blackmu-main {
	background: transparent;
}

.blackmu-main--page:before {
	content: none !important;
	display: none !important;
}

.blackmu-server-panel,
.blackmu-home-intro,
.blackmu-home-news,
.blackmu-home-widget {
	box-shadow: none !important;
}

.blackmu-home-intro__hero {
	right: -48px;
}

@media (max-width: 980px) {
	.blackmu-page-body .topThree {
		grid-template-columns: 1fr;
	}

	.blackmu-home-intro__hero {
		right: -96px;
	}
}

@media (max-width: 640px) {
	.blackmu-character-page .blackmu-character-avatar-cell {
		width: 100% !important;
	}

	.blackmu-character-hero-card {
		width: 156px;
		height: 132px;
	}
}

/* Dense rankings, character details, and guides. */
.blackmu-rankings-page .dmn-page-box {
	max-width: min(1080px, calc(100vw - 42px));
}

.blackmu-rankings-page .dmn-page-title {
	padding-top: 20px;
}

.blackmu-rankings-page .dmn-page-content {
	padding: 16px 22px 20px;
}

.blackmu-rankings-page .dmn-page-content h2.title {
	margin-bottom: 16px;
}

.blackmu-rankings-page .selectTop {
	margin-bottom: 14px;
}

.blackmu-rankings-page .topThree {
	margin: 0 0 14px;
}

.blackmu-rankings-page .dmn-rankings-table {
	margin-bottom: 12px;
	font-size: 12px;
}

.blackmu-rankings-page .dmn-rankings-table th,
.blackmu-rankings-page .dmn-rankings-table td {
	padding: 8px 10px !important;
}

.blackmu-rankings-page .row.mb-5 {
	margin-bottom: 0 !important;
}

.blackmu-rankings-page .rankings .mx-auto[style*="width: 450px"] {
	margin-top: 4px;
}

.blackmu-character-page .dmn-page-box {
	max-width: min(900px, calc(100vw - 42px));
}

.blackmu-character-page .dmn-page-content {
	padding: 14px 18px 20px;
}

.blackmu-character-page .dmn-rankings-table {
	margin-bottom: 10px;
}

.blackmu-character-page .dmn-rankings-table th {
	padding: 9px 12px !important;
	font-size: 11px;
}

.blackmu-character-page .dmn-rankings-table td {
	padding: 8px 12px !important;
	font-size: 12px;
}

.blackmu-character-summary-table > tbody > tr {
	display: grid;
	grid-template-columns: 146px minmax(0, 1fr);
}

.blackmu-character-summary-table > tbody > tr > td {
	width: auto !important;
	min-width: 0;
}

.blackmu-character-summary-table .blackmu-character-avatar-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table,
.blackmu-character-account-table > tbody > tr > td > table,
.blackmu-character-guild-table > tbody > tr > td > table {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 10px;
	border: 0 !important;
	background: transparent !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table > tbody,
.blackmu-character-account-table > tbody > tr > td > table > tbody,
.blackmu-character-guild-table > tbody > tr > td > table > tbody {
	display: contents;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
.blackmu-character-account-table > tbody > tr > td > table tr,
.blackmu-character-guild-table > tbody > tr > td > table tr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
	min-width: 0;
	padding: 6px 8px;
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	background: rgba(0, 0, 0, 0.16);
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr:nth-child(-n+2),
.blackmu-character-account-table > tbody > tr > td > table tr:nth-child(-n+2),
.blackmu-character-guild-table > tbody > tr > td > table tr:nth-child(-n+2) {
	border-top: 0;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td,
.blackmu-character-account-table > tbody > tr > td > table td,
.blackmu-character-guild-table > tbody > tr > td > table td {
	width: auto !important;
	min-width: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow-wrap: anywhere;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td:first-child,
.blackmu-character-account-table > tbody > tr > td > table td:first-child,
.blackmu-character-guild-table > tbody > tr > td > table td:first-child {
	color: #9f978d;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td:last-child,
.blackmu-character-account-table > tbody > tr > td > table td:last-child,
.blackmu-character-guild-table > tbody > tr > td > table td:last-child {
	color: #f0eee8;
	font-weight: 700;
	text-align: right !important;
}

.blackmu-character-equipment-table > tbody > tr > td {
	padding: 10px !important;
}

.blackmu-guides-page .dmn-page-box,
.blackmu-guide-read-page .dmn-page-box {
	max-width: min(1040px, calc(100vw - 42px));
}

.blackmu-guides-page .dmn-page-content,
.blackmu-guide-read-page .dmn-page-content {
	padding: 18px 24px 26px;
}

.blackmu-guides-page .dmn-page-content h2.title {
	margin-bottom: 16px;
}

.blackmu-guide-toolbar {
	display: grid;
	grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-bottom: 16px;
}

.blackmu-guide-search {
	display: block;
}

.blackmu-guide-search input {
	width: 100%;
	min-height: 40px !important;
	padding: 0 13px !important;
	border-color: rgba(198, 154, 72, 0.34) !important;
	background: rgba(3, 3, 3, 0.82) !important;
	color: #f0eee8 !important;
	font-size: 12px;
}

.blackmu-guide-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.blackmu-guide-filter {
	min-height: 32px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(198, 154, 72, 0.24) !important;
	background: rgba(0, 0, 0, 0.3) !important;
	box-shadow: none !important;
	color: #b8b2a8 !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.blackmu-guide-filter:hover,
.blackmu-guide-filter.active {
	border-color: rgba(214, 170, 86, 0.7) !important;
	background: rgba(198, 154, 72, 0.14) !important;
	color: #f2d183 !important;
}

.blackmu-guide-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.blackmu-guide-card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 14px;
	gap: 8px;
	align-items: center;
	min-height: 78px;
	padding: 12px 13px;
	border: 1px solid rgba(198, 154, 72, 0.22);
	background: rgba(4, 4, 4, 0.7);
	color: #f0eee8 !important;
	overflow: hidden;
}

.blackmu-guide-card[hidden] {
	display: none !important;
}

.blackmu-guide-card:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 2px;
	background: #c69a48;
	opacity: 0.72;
}

.blackmu-guide-card:hover {
	border-color: rgba(214, 170, 86, 0.72);
	background: rgba(198, 154, 72, 0.08);
	color: #fff !important;
}

.blackmu-guide-card__category {
	display: block;
	grid-column: 1;
	margin-bottom: 4px;
	color: #c69a48;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.blackmu-guide-card strong {
	grid-column: 1;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.blackmu-guide-card i {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c69a48;
	font-size: 18px;
	font-style: normal;
}

.blackmu-guide-card i:before {
	content: ">";
}

.blackmu-guide-empty {
	padding: 26px;
	border: 1px solid rgba(198, 154, 72, 0.24);
	background: rgba(0, 0, 0, 0.32);
	color: #b8b2a8;
	text-align: center;
}

.blackmu-guide-read-page .dmn-page-title h1 {
	max-width: min(760px, 100%);
	overflow-wrap: anywhere;
}

.blackmu-guide-read-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	color: #9f978d;
	font-size: 11px;
}

.blackmu-guide-back {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid rgba(198, 154, 72, 0.34);
	color: #f2d183 !important;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.blackmu-guide-back:hover {
	background: rgba(198, 154, 72, 0.12);
}

.blackmu-guide-article {
	padding: clamp(18px, 3vw, 36px);
	border: 1px solid rgba(198, 154, 72, 0.24);
	background: rgba(3, 3, 3, 0.72);
}

.blackmu-guide-article__body {
	max-width: 860px;
	margin: 0 auto;
	color: #d8d4cc;
	font-size: 14px;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.blackmu-guide-article__body > :first-child {
	margin-top: 0;
}

.blackmu-guide-article__body > :last-child {
	margin-bottom: 0;
}

.blackmu-guide-article__body h1,
.blackmu-guide-article__body h2,
.blackmu-guide-article__body h3,
.blackmu-guide-article__body h4 {
	margin: 28px 0 12px;
	color: #f2d183;
	font-family: 'Cinzel', Georgia, serif;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.blackmu-guide-article__body h2 {
	font-size: 22px;
}

.blackmu-guide-article__body h3 {
	font-size: 18px;
}

.blackmu-guide-article__body p,
.blackmu-guide-article__body ul,
.blackmu-guide-article__body ol,
.blackmu-guide-article__body blockquote,
.blackmu-guide-article__body pre {
	margin: 0 0 16px;
}

.blackmu-guide-article__body a {
	color: #f2d183 !important;
	text-decoration: underline;
}

.blackmu-guide-article__body img,
.blackmu-guide-article__body video,
.blackmu-guide-article__body iframe {
	display: block;
	max-width: 100% !important;
	height: auto;
	margin: 18px auto;
}

.blackmu-guide-article__body iframe {
	width: min(100%, 860px);
	min-height: 280px;
}

.blackmu-guide-article__body table {
	display: block;
	max-width: 100%;
	margin: 18px 0;
	overflow-x: auto;
	white-space: normal;
}

.blackmu-guide-article__body pre,
.blackmu-guide-article__body code {
	max-width: 100%;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
}

.blackmu-guide-article__body blockquote {
	padding: 12px 16px;
	border-left: 2px solid #c69a48;
	background: rgba(198, 154, 72, 0.08);
	color: #e7dcc9;
}

@media (max-width: 980px) {
	.blackmu-rankings-page .dmn-page-box,
	.blackmu-guides-page .dmn-page-box,
	.blackmu-guide-read-page .dmn-page-box,
	.blackmu-character-page .dmn-page-box {
		max-width: calc(100vw - 28px);
	}

	.blackmu-guide-toolbar {
		grid-template-columns: 1fr;
	}

	.blackmu-guide-filters {
		justify-content: flex-start;
	}

	.blackmu-guide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.blackmu-character-summary-table > tbody > tr {
		grid-template-columns: 122px minmax(0, 1fr);
	}

	.blackmu-character-summary-table > tbody > tr > td:last-child > table,
	.blackmu-character-account-table > tbody > tr > td > table,
	.blackmu-character-guild-table > tbody > tr > td > table {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.blackmu-rankings-page .dmn-page-content,
	.blackmu-guides-page .dmn-page-content,
	.blackmu-guide-read-page .dmn-page-content,
	.blackmu-character-page .dmn-page-content {
		padding: 14px;
	}

	.blackmu-guide-grid {
		grid-template-columns: 1fr;
	}

	.blackmu-guide-read-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.blackmu-character-summary-table > tbody > tr {
		grid-template-columns: 1fr;
	}

	.blackmu-character-summary-table .blackmu-character-avatar-cell {
		min-height: 130px;
	}

	.blackmu-guide-article__body iframe {
		min-height: 200px;
	}
}

/* Guide article content comes from legacy HTML, so normalize its grids here. */
.blackmu-guide-article__body table {
	display: table !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	table-layout: fixed !important;
	border-collapse: collapse !important;
	border: 1px solid rgba(198, 154, 72, 0.24) !important;
	background: rgba(0, 0, 0, 0.28) !important;
}

.blackmu-guide-article__body table tbody,
.blackmu-guide-article__body table thead {
	display: table-row-group !important;
}

.blackmu-guide-article__body table thead {
	display: table-header-group !important;
}

.blackmu-guide-article__body table tr {
	display: table-row !important;
	background: transparent !important;
}

.blackmu-guide-article__body table th,
.blackmu-guide-article__body table td {
	display: table-cell !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: transparent !important;
	color: #d8d4cc !important;
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600;
	line-height: 1.5 !important;
	text-align: left !important;
	vertical-align: middle !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

.blackmu-guide-article__body table th,
.blackmu-guide-article__body table tr:first-child > td {
	background: rgba(198, 154, 72, 0.08) !important;
	color: #f2d183 !important;
	font-weight: 800;
	text-align: center !important;
}

.blackmu-guide-article__body table td:first-child:not(:only-child) {
	color: #f2d183 !important;
	text-align: center !important;
}

.blackmu-guide-article__body table img {
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	max-width: 48px !important;
	max-height: 48px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

.blackmu-guide-article__body > img,
.blackmu-guide-article__body > p > img,
.blackmu-guide-article__body > div > img,
.blackmu-guide-article__body > center > img {
	width: min(100%, 460px) !important;
	min-width: 160px;
	max-width: 100% !important;
	max-height: 420px !important;
	margin: 22px auto !important;
	object-fit: contain !important;
}

.blackmu-guide-article__body font {
	font-family: 'Open Sans', Arial, sans-serif !important;
}

.blackmu-guide-article__body font[size] {
	font-size: inherit !important;
}

.blackmu-guide-article__body strong,
.blackmu-guide-article__body b {
	color: #f2d183;
}

.blackmu-player-rankings-table {
	width: 100% !important;
	table-layout: fixed;
}

.blackmu-player-rankings-table th:nth-child(1),
.blackmu-player-rankings-table td:nth-child(1) {
	width: 7%;
}

.blackmu-player-rankings-table th:nth-child(2),
.blackmu-player-rankings-table td:nth-child(2) {
	width: 22%;
}

.blackmu-player-rankings-table th:nth-child(3),
.blackmu-player-rankings-table td:nth-child(3) {
	width: 24%;
}

.blackmu-player-rankings-table th:nth-child(4),
.blackmu-player-rankings-table td:nth-child(4),
.blackmu-player-rankings-table th:nth-child(5),
.blackmu-player-rankings-table td:nth-child(5),
.blackmu-player-rankings-table th:nth-child(6),
.blackmu-player-rankings-table td:nth-child(6),
.blackmu-player-rankings-table th:nth-child(7),
.blackmu-player-rankings-table td:nth-child(7) {
	width: 7%;
	text-align: center;
}

.blackmu-player-rankings-table th:nth-child(8),
.blackmu-player-rankings-table td:nth-child(8) {
	width: 19%;
}

.blackmu-player-rankings-table td:nth-child(2),
.blackmu-player-rankings-table td:nth-child(3),
.blackmu-player-rankings-table td:nth-child(8) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-rankings-page .topThree-block {
	position: relative;
	overflow: hidden;
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.blackmu-rankings-page .topThree-block:hover {
	transform: translateY(-2px);
}

.blackmu-rankings-page .topThree-block:nth-child(1) {
	border-color: rgba(230, 189, 90, 0.74);
	background: linear-gradient(90deg, rgba(198, 154, 72, 0.12), rgba(7, 7, 7, 0.86) 55%) !important;
}

.blackmu-rankings-page .topThree-block:nth-child(2) {
	border-color: rgba(214, 202, 172, 0.48);
}

.blackmu-rankings-page .topThree-block:nth-child(3) {
	border-color: rgba(174, 108, 76, 0.48);
}

.blackmu-rankings-page .topThree-block:nth-child(1) .topThree-block_place,
.blackmu-rankings-page .topThree-block:nth-child(1) .topThree-block_class {
	filter: drop-shadow(0 0 10px rgba(214, 170, 86, 0.22));
}

@media (max-width: 640px) {
	.blackmu-guide-article__body table th,
	.blackmu-guide-article__body table td {
		padding: 9px 8px !important;
		font-size: 11px !important;
	}

	.blackmu-guide-article__body > img,
	.blackmu-guide-article__body > p > img,
	.blackmu-guide-article__body > div > img,
	.blackmu-guide-article__body > center > img {
		min-width: 0;
	}

	.blackmu-player-rankings-table td:nth-child(2),
	.blackmu-player-rankings-table td:nth-child(3),
	.blackmu-player-rankings-table td:nth-child(8) {
		white-space: normal;
	}
}


/* BlackMU rankings readability and modern player-name effects. */
.blackmu-rankings-page .dmn-page-box {
	max-width: min(1160px, calc(100vw - 42px));
}

.blackmu-rankings-page .dmn-rankings-table {
	font-size: 14px;
	letter-spacing: 0.12px;
}

.blackmu-rankings-page .dmn-rankings-table th {
	padding: 10px 12px !important;
	font-size: 13px;
	letter-spacing: 0.35px;
}

.blackmu-rankings-page .dmn-rankings-table td {
	padding: 10px 12px !important;
	font-size: 14px;
	line-height: 1.45;
}

.blackmu-player-rankings-table th:nth-child(1),
.blackmu-player-rankings-table td:nth-child(1) {
	width: 6%;
}

.blackmu-player-rankings-table th:nth-child(2),
.blackmu-player-rankings-table td:nth-child(2) {
	width: 24%;
}

.blackmu-player-rankings-table th:nth-child(3),
.blackmu-player-rankings-table td:nth-child(3) {
	width: 22%;
}

.blackmu-player-rankings-table th:nth-child(4),
.blackmu-player-rankings-table td:nth-child(4),
.blackmu-player-rankings-table th:nth-child(5),
.blackmu-player-rankings-table td:nth-child(5),
.blackmu-player-rankings-table th:nth-child(6),
.blackmu-player-rankings-table td:nth-child(6),
.blackmu-player-rankings-table th:nth-child(7),
.blackmu-player-rankings-table td:nth-child(7) {
	width: 6%;
	text-align: center;
}

.blackmu-player-rankings-table th:nth-child(8),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	width: 24%;
	text-align: right !important;
	padding-right: 18px !important;
}

.blackmu-player-rankings-table td:nth-child(2),
.blackmu-player-rankings-table td:nth-child(3),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-rankings-page .blackmu-player-name-link {
	position: relative;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	padding: 1px 2px 2px;
	color: #f4d889 !important;
	font-weight: 700;
	letter-spacing: 0.22px;
	text-decoration: none !important;
	text-shadow: 0 0 8px rgba(214, 170, 86, 0.36), 0 1px 0 #000;
	vertical-align: middle;
	transition: color 0.22s ease, text-shadow 0.22s ease, transform 0.22s ease;
}

.blackmu-rankings-page .blackmu-player-name-link::before {
	content: '';
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.25), #fff0b4, rgba(214, 170, 86, 0.25), transparent);
	opacity: 0.65;
	transform: scaleX(0.42);
	transform-origin: left center;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.blackmu-rankings-page .blackmu-player-name-link::after {
	content: '';
	position: absolute;
	top: -35%;
	bottom: -35%;
	left: -65%;
	width: 48%;
	background: linear-gradient(90deg, transparent, rgba(255, 237, 181, 0.45), transparent);
	transform: skewX(-22deg);
	opacity: 0;
	pointer-events: none;
}

.blackmu-rankings-page .blackmu-player-name-link:hover {
	color: #fff1b8 !important;
	text-shadow: 0 0 12px rgba(246, 203, 105, 0.72), 0 0 24px rgba(126, 32, 19, 0.36), 0 1px 0 #000;
	transform: translateX(2px);
}

.blackmu-rankings-page .blackmu-player-name-link:hover::before {
	opacity: 1;
	transform: scaleX(1);
}

.blackmu-rankings-page .blackmu-player-name-link:hover::after {
	animation: blackmuNameShine 0.72s ease forwards;
}

.blackmu-rankings-page .blackmu-rank-status-icon {
	margin-left: 6px;
	vertical-align: middle;
	filter: drop-shadow(0 0 5px rgba(214, 170, 86, 0.32));
}

.blackmu-rankings-page .topThree-block_text-t .blackmu-player-name-link {
	font-size: 15px;
	text-transform: none;
}

@keyframes blackmuNameShine {
	0% { left: -65%; opacity: 0; }
	25% { opacity: 1; }
	100% { left: 118%; opacity: 0; }
}

@media (max-width: 640px) {
	.blackmu-rankings-page .dmn-rankings-table {
		font-size: 12px;
	}

	.blackmu-rankings-page .dmn-rankings-table th,
	.blackmu-rankings-page .dmn-rankings-table td {
		padding: 8px 8px !important;
		font-size: 12px;
	}

	.blackmu-player-rankings-table th:nth-child(8),
	.blackmu-player-rankings-table td:nth-child(8),
	.blackmu-player-rankings-table .blackmu-rank-location {
		text-align: left !important;
		padding-right: 8px !important;
	}
}


/* Final rankings polish: larger typography, location moved left, always-on name glow. */
.blackmu-rankings-page .dmn-page-title h1 {
	font-size: 32px;
	letter-spacing: 0.8px;
}

.blackmu-rankings-page .dmn-page-content h2.title {
	font-size: 18px;
	letter-spacing: 0.7px;
	margin-bottom: 18px;
}

.blackmu-rankings-page .selectTop {
	gap: 10px;
	margin-bottom: 18px;
}

.blackmu-rankings-page .selectTop .select,
.blackmu-rankings-page .selectTop .select_value,
.blackmu-rankings-page .selectTop .select_dropdown li,
.blackmu-rankings-page .selectTop .select_dropdown a {
	font-size: 15px;
}

.blackmu-rankings-page .selectTop .select {
	min-height: 42px;
}

.blackmu-rankings-page .topThree-block_text-t .blackmu-player-name-link {
	font-size: 18px;
	line-height: 1.2;
}

.blackmu-rankings-page .topThree-block_text,
.blackmu-rankings-page .blackmu-rank-card-stats span,
.blackmu-rankings-page .topThree-block_text-b {
	font-size: 14px;
}

.blackmu-rankings-page .dmn-rankings-table {
	font-size: 16px;
	letter-spacing: 0.16px;
}

.blackmu-rankings-page .dmn-rankings-table th {
	padding: 12px 14px !important;
	font-size: 15px;
	letter-spacing: 0.45px;
}

.blackmu-rankings-page .dmn-rankings-table td {
	padding: 12px 14px !important;
	font-size: 16px;
	line-height: 1.5;
}

.blackmu-player-rankings-table th:nth-child(1),
.blackmu-player-rankings-table td:nth-child(1) {
	width: 6%;
}

.blackmu-player-rankings-table th:nth-child(2),
.blackmu-player-rankings-table td:nth-child(2) {
	width: 25%;
}

.blackmu-player-rankings-table th:nth-child(3),
.blackmu-player-rankings-table td:nth-child(3) {
	width: 24%;
}

.blackmu-player-rankings-table th:nth-child(4),
.blackmu-player-rankings-table td:nth-child(4),
.blackmu-player-rankings-table th:nth-child(5),
.blackmu-player-rankings-table td:nth-child(5),
.blackmu-player-rankings-table th:nth-child(6),
.blackmu-player-rankings-table td:nth-child(6),
.blackmu-player-rankings-table th:nth-child(7),
.blackmu-player-rankings-table td:nth-child(7) {
	width: 5.5%;
	text-align: center;
}

.blackmu-player-rankings-table th:nth-child(8),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	width: 17%;
	text-align: left !important;
	padding-left: 10px !important;
	padding-right: 12px !important;
}

.blackmu-player-rankings-table td:nth-child(2),
.blackmu-player-rankings-table td:nth-child(3),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blackmu-rankings-page .blackmu-player-name-link {
	position: relative;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	padding: 1px 2px 3px;
	color: #ffd96a !important;
	font-weight: 700;
	letter-spacing: 0.24px;
	text-decoration: none !important;
	text-shadow: 0 0 7px rgba(255, 208, 95, 0.42), 0 0 14px rgba(214, 170, 86, 0.24), 0 1px 0 #000;
	vertical-align: middle;
	animation: blackmuNamePulse 3.2s ease-in-out infinite;
	transition: color 0.25s ease, text-shadow 0.25s ease;
}

.blackmu-rankings-page .blackmu-player-name-link::before {
	content: '';
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.32), #fff0b4, rgba(214, 170, 86, 0.32), transparent);
	opacity: 0.88;
	transform: scaleX(0.92);
	transform-origin: center center;
	animation: blackmuLinePulse 2.8s ease-in-out infinite;
}

.blackmu-rankings-page .blackmu-player-name-link::after {
	content: '';
	position: absolute;
	top: -35%;
	bottom: -35%;
	left: -70%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 238, 189, 0.06), rgba(255, 238, 189, 0.5), rgba(255, 238, 189, 0.06), transparent);
	transform: skewX(-22deg);
	opacity: 0;
	pointer-events: none;
	animation: blackmuNameSweep 3.6s ease-in-out infinite;
}

.blackmu-rankings-page .blackmu-player-name-link:hover {
	color: #fff2b8 !important;
	text-shadow: 0 0 10px rgba(246, 203, 105, 0.7), 0 0 22px rgba(126, 32, 19, 0.22), 0 1px 0 #000;
}

.blackmu-rankings-page .blackmu-rank-status-icon {
	margin-left: 8px;
	vertical-align: middle;
	filter: drop-shadow(0 0 6px rgba(214, 170, 86, 0.4));
}

.blackmu-rankings-page .form-control,
.blackmu-rankings-page .btn {
	font-size: 15px;
}

@keyframes blackmuNamePulse {
	0%, 100% {
		text-shadow: 0 0 7px rgba(255, 208, 95, 0.38), 0 0 14px rgba(214, 170, 86, 0.22), 0 1px 0 #000;
	}
	50% {
		text-shadow: 0 0 11px rgba(255, 220, 125, 0.72), 0 0 20px rgba(214, 170, 86, 0.32), 0 1px 0 #000;
	}
}

@keyframes blackmuLinePulse {
	0%, 100% {
		opacity: 0.72;
		transform: scaleX(0.78);
	}
	50% {
		opacity: 1;
		transform: scaleX(1);
	}
}

@keyframes blackmuNameSweep {
	0% {
		left: -70%;
		opacity: 0;
	}
	18% {
		opacity: 0.9;
	}
	44% {
		left: 120%;
		opacity: 0;
	}
	100% {
		left: 120%;
		opacity: 0;
	}
}

@media (max-width: 640px) {
	.blackmu-rankings-page .dmn-page-title h1 {
		font-size: 26px;
	}

	.blackmu-rankings-page .dmn-page-content h2.title {
		font-size: 16px;
	}

	.blackmu-rankings-page .selectTop .select,
	.blackmu-rankings-page .selectTop .select_value,
	.blackmu-rankings-page .selectTop .select_dropdown li,
	.blackmu-rankings-page .selectTop .select_dropdown a {
		font-size: 13px;
	}

	.blackmu-rankings-page .dmn-rankings-table {
		font-size: 13px;
	}

	.blackmu-rankings-page .dmn-rankings-table th,
	.blackmu-rankings-page .dmn-rankings-table td {
		padding: 8px 8px !important;
		font-size: 13px;
	}

	.blackmu-player-rankings-table th:nth-child(8),
	.blackmu-player-rankings-table td:nth-child(8),
	.blackmu-player-rankings-table .blackmu-rank-location {
		width: 20%;
		text-align: left !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}


/* Final cleanup v3: cleaner player-name glow and better location alignment. */
.blackmu-player-rankings-table th:nth-child(8),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	width: 18%;
	text-align: left !important;
	padding-left: 22px !important;
	padding-right: 10px !important;
}

.blackmu-rankings-page .blackmu-player-name-link {
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #ffd86a !important;
	font-weight: 700;
	text-decoration: none !important;
	text-shadow: 0 0 4px rgba(255, 214, 106, 0.26), 0 0 9px rgba(255, 214, 106, 0.16), 0 1px 0 rgba(0, 0, 0, 0.55);
	animation: blackmuCleanNameGlow 2.9s ease-in-out infinite;
	transition: color 0.22s ease, text-shadow 0.22s ease;
}

.blackmu-rankings-page .blackmu-player-name-link::before,
.blackmu-rankings-page .blackmu-player-name-link::after {
	display: none !important;
	content: none !important;
}

.blackmu-rankings-page .blackmu-player-name-link:hover {
	color: #ffea9e !important;
	text-shadow: 0 0 6px rgba(255, 226, 128, 0.34), 0 0 12px rgba(255, 214, 106, 0.22), 0 1px 0 rgba(0, 0, 0, 0.55);
	transform: none !important;
}

.blackmu-rankings-page .topThree-block_text-t .blackmu-player-name-link {
	font-size: 18px;
	text-shadow: 0 0 5px rgba(255, 214, 106, 0.28), 0 0 10px rgba(255, 214, 106, 0.18), 0 1px 0 rgba(0, 0, 0, 0.55);
}

@keyframes blackmuCleanNameGlow {
	0%, 100% {
		text-shadow: 0 0 4px rgba(255, 214, 106, 0.22), 0 0 8px rgba(255, 214, 106, 0.14), 0 1px 0 rgba(0, 0, 0, 0.55);
	}
	50% {
		text-shadow: 0 0 7px rgba(255, 229, 148, 0.38), 0 0 12px rgba(255, 214, 106, 0.2), 0 1px 0 rgba(0, 0, 0, 0.55);
	}
}

@media (max-width: 640px) {
	.blackmu-player-rankings-table th:nth-child(8),
	.blackmu-player-rankings-table td:nth-child(8),
	.blackmu-player-rankings-table .blackmu-rank-location {
		padding-left: 14px !important;
		padding-right: 8px !important;
	}
}


/* Final cleanup v4: move location right, fix rank/flag overlap, restore clean visible name glow. */
.blackmu-player-rankings-table th:nth-child(1),
.blackmu-player-rankings-table td:nth-child(1) {
	width: 8%;
	min-width: 74px;
	white-space: nowrap;
	text-align: center;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.blackmu-player-rankings-table td:nth-child(1) .f16 {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	line-height: 1;
}

.blackmu-player-rankings-table td:nth-child(1) .flag {
	vertical-align: middle;
}

.blackmu-player-rankings-table th:nth-child(8),
.blackmu-player-rankings-table td:nth-child(8),
.blackmu-player-rankings-table .blackmu-rank-location {
	width: 18%;
	text-align: left !important;
	padding-left: 36px !important;
	padding-right: 10px !important;
}

.blackmu-rankings-page .blackmu-player-name-link {
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #ffd35d !important;
	font-weight: 700;
	text-decoration: none !important;
	text-shadow: 0 0 5px rgba(255, 217, 108, 0.40), 0 0 11px rgba(255, 196, 73, 0.28), 0 0 18px rgba(255, 196, 73, 0.12), 0 1px 0 rgba(0, 0, 0, 0.55);
	animation: blackmuPremiumNameGlow 2.7s ease-in-out infinite;
	transition: color 0.22s ease, text-shadow 0.22s ease;
}

.blackmu-rankings-page .blackmu-player-name-link::before,
.blackmu-rankings-page .blackmu-player-name-link::after {
	display: none !important;
	content: none !important;
}

.blackmu-rankings-page .blackmu-player-name-link:hover {
	color: #ffe99b !important;
	text-shadow: 0 0 7px rgba(255, 230, 148, 0.52), 0 0 14px rgba(255, 209, 96, 0.34), 0 0 22px rgba(255, 209, 96, 0.16), 0 1px 0 rgba(0, 0, 0, 0.55);
	transform: none !important;
}

.blackmu-rankings-page .topThree-block_text-t .blackmu-player-name-link {
	font-size: 18px;
	text-shadow: 0 0 6px rgba(255, 217, 108, 0.46), 0 0 14px rgba(255, 196, 73, 0.30), 0 0 22px rgba(255, 196, 73, 0.14), 0 1px 0 rgba(0, 0, 0, 0.55);
}

@keyframes blackmuPremiumNameGlow {
	0%, 100% {
		text-shadow: 0 0 5px rgba(255, 217, 108, 0.34), 0 0 10px rgba(255, 196, 73, 0.22), 0 0 16px rgba(255, 196, 73, 0.10), 0 1px 0 rgba(0, 0, 0, 0.55);
	}
	50% {
		text-shadow: 0 0 8px rgba(255, 229, 145, 0.60), 0 0 16px rgba(255, 209, 96, 0.34), 0 0 24px rgba(255, 209, 96, 0.16), 0 1px 0 rgba(0, 0, 0, 0.55);
	}
}

@media (max-width: 640px) {
	.blackmu-player-rankings-table th:nth-child(1),
	.blackmu-player-rankings-table td:nth-child(1) {
		min-width: 64px;
	}

	.blackmu-player-rankings-table td:nth-child(1) .f16 {
		margin-left: 6px;
	}

	.blackmu-player-rankings-table th:nth-child(8),
	.blackmu-player-rankings-table td:nth-child(8),
	.blackmu-player-rankings-table .blackmu-rank-location {
		padding-left: 18px !important;
		padding-right: 8px !important;
	}
}


/* Character info page v5: centered class icon and larger readable text. */
.blackmu-character-page .dmn-page-box {
	max-width: min(960px, calc(100vw - 42px));
}

.blackmu-character-page .dmn-page-title h1 {
	font-size: 32px !important;
	letter-spacing: 0.8px;
}

.blackmu-character-page .dmn-page-content h2.title {
	font-size: 17px !important;
	letter-spacing: 0.45px;
	margin-bottom: 18px;
}

.blackmu-character-page .dmn-page-content {
	font-size: 15px;
}

.blackmu-character-page .dmn-rankings-table th {
	padding: 11px 13px !important;
	font-size: 14px !important;
	letter-spacing: 0.35px;
}

.blackmu-character-page .dmn-rankings-table td {
	padding: 10px 13px !important;
	font-size: 15px !important;
	line-height: 1.55;
}

.blackmu-character-summary-table > tbody > tr {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr) !important;
	align-items: center;
}

.blackmu-character-summary-table .blackmu-character-avatar-cell {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 220px !important;
	min-width: 220px !important;
	padding: 12px 16px !important;
}

.blackmu-character-hero-card {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 190px !important;
	height: 150px !important;
	margin: 0 auto !important;
	overflow: visible !important;
}

.blackmu-character-hero-card .slider-nav-slide-block {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 165px !important;
	height: 155px !important;
	margin: 0 auto !important;
	transform: scale(0.9) !important;
	transform-origin: center center !important;
}

.blackmu-character-hero-card .blackmu-character-hero-img {
	left: auto !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
.blackmu-character-account-table > tbody > tr > td > table tr,
.blackmu-character-guild-table > tbody > tr > td > table tr {
	padding: 8px 10px !important;
	gap: 10px;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td,
.blackmu-character-account-table > tbody > tr > td > table td,
.blackmu-character-guild-table > tbody > tr > td > table td {
	font-size: 15px !important;
	line-height: 1.45;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td:last-child,
.blackmu-character-account-table > tbody > tr > td > table td:last-child,
.blackmu-character-guild-table > tbody > tr > td > table td:last-child {
	font-size: 15px !important;
	font-weight: 700;
}

.blackmu-character-page #inventoryc {
	margin-left: auto !important;
	margin-right: auto !important;
}

.blackmu-character-page #inventoryc > img.blackmu-character-inventory-hero {
	left: 50% !important;
	transform: translateX(-50%) !important;
}

@media (max-width: 740px) {
	.blackmu-character-summary-table > tbody > tr {
		grid-template-columns: 1fr !important;
	}

	.blackmu-character-summary-table .blackmu-character-avatar-cell {
		width: 100% !important;
		min-width: 0 !important;
	}
}


/* Character info v6: remove extra square behind hero icon and keep larger typography. */
.blackmu-character-page .blackmu-character-avatar-cell,
.blackmu-character-summary-table .blackmu-character-avatar-cell {
	background: transparent !important;
}

.blackmu-character-page .blackmu-character-hero-card {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 180px !important;
	height: 150px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.blackmu-character-page .blackmu-character-hero-card .slider-nav-slide-block {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 150px !important;
	height: 145px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

.blackmu-character-page .blackmu-character-hero-card .slider-nav-slide-block::after {
	content: none !important;
	display: none !important;
}

.blackmu-character-page .blackmu-character-hero-card .blackmu-character-hero-img {
	display: block !important;
	margin: 0 auto !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	transform: scale(0.92);
	transform-origin: center center;
}

.blackmu-character-page .dmn-page-title h1 {
	font-size: 34px !important;
}

.blackmu-character-page .dmn-page-content h2.title {
	font-size: 20px !important;
	letter-spacing: 0.4px;
}

.blackmu-character-page .dmn-rankings-table th {
	font-size: 15px !important;
}

.blackmu-character-page .dmn-rankings-table td,
.blackmu-character-summary-table > tbody > tr > td:last-child > table td,
.blackmu-character-account-table > tbody > tr > td > table td,
.blackmu-character-guild-table > tbody > tr > td > table td {
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
.blackmu-character-account-table > tbody > tr > td > table tr,
.blackmu-character-guild-table > tbody > tr > td > table tr {
	padding: 9px 10px !important;
}

@media (max-width: 640px) {
	.blackmu-character-page .blackmu-character-hero-card {
		width: 150px !important;
		height: 128px !important;
	}

	.blackmu-character-page .blackmu-character-hero-card .slider-nav-slide-block {
		width: 132px !important;
		height: 126px !important;
	}

	.blackmu-character-page .dmn-page-title h1 {
		font-size: 28px !important;
	}

	.blackmu-character-page .dmn-page-content h2.title {
		font-size: 17px !important;
	}

	.blackmu-character-page .dmn-rankings-table th,
	.blackmu-character-page .dmn-rankings-table td {
		font-size: 14px !important;
	}
}


/* Character info v7: make the info block one unified panel without inner stripes/lines. */
.blackmu-character-summary-table,
.blackmu-character-account-table,
.blackmu-character-guild-table {
	border-collapse: collapse !important;
}

.blackmu-character-summary-table > tbody > tr,
.blackmu-character-account-table > tbody > tr,
.blackmu-character-guild-table > tbody > tr {
	border-top: 0 !important;
}

.blackmu-character-summary-table > tbody > tr > td,
.blackmu-character-account-table > tbody > tr > td,
.blackmu-character-guild-table > tbody > tr > td {
	border-top: 0 !important;
	background: transparent !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table,
.blackmu-character-account-table > tbody > tr > td > table,
.blackmu-character-guild-table > tbody > tr > td > table,
.blackmu-character-summary-table > tbody > tr > td:last-child > table > tbody,
.blackmu-character-account-table > tbody > tr > td > table > tbody,
.blackmu-character-guild-table > tbody > tr > td > table > tbody {
	border: 0 !important;
	background: transparent !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
.blackmu-character-account-table > tbody > tr > td > table tr,
.blackmu-character-guild-table > tbody > tr > td > table tr {
	border-top: 0 !important;
	border-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr:first-child,
.blackmu-character-account-table > tbody > tr > td > table tr:first-child,
.blackmu-character-guild-table > tbody > tr > td > table tr:first-child {
	padding-top: 0 !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr:last-child,
.blackmu-character-account-table > tbody > tr > td > table tr:last-child,
.blackmu-character-guild-table > tbody > tr > td > table tr:last-child {
	padding-bottom: 0 !important;
}

.blackmu-character-summary-table .blackmu-character-avatar-cell {
	border-top: 0 !important;
}


/* Footer/navigation text update and remove bottom logo glow. */
.blackmu-footer__brand img {
	filter: none !important;
	drop-shadow: none !important;
	box-shadow: none !important;
}


/* Footer v9: About moved from Navigation to Support. */
.blackmu-footer__nav--main a:first-of-type {
	/* first item is Rankings after PHP update */
}

/* Rules page v9: BlackMU gold/dark design instead of cyan boxed style. */
.blackmu-rules-page .dmn-page-box {
	max-width: min(1040px, calc(100vw - 44px));
	border: 1px solid rgba(198, 154, 72, 0.28);
	background:
		radial-gradient(circle at 50% 0%, rgba(198, 154, 72, 0.10), transparent 34%),
		linear-gradient(180deg, rgba(12, 12, 12, 0.96), rgba(3, 3, 3, 0.98));
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 230, 160, 0.05);
}

.blackmu-rules-page .dmn-page-title h1 {
	font-size: 34px !important;
	letter-spacing: 1px;
	color: #fff2d2;
	text-shadow: 0 0 14px rgba(198, 154, 72, 0.14);
}

.blackmu-rules-page .dmn-page-content {
	padding: 22px 28px 34px;
}

.blackmu-rules-page .blackmu-rules-kicker {
	margin: 0 0 20px !important;
	color: #d5a64f !important;
	font-size: 16px !important;
	font-weight: 800;
	letter-spacing: 0.55px;
	text-align: center;
	text-transform: uppercase;
}

.blackmu-rules-content {
	position: relative;
	padding: 24px 26px 28px;
	border: 1px solid rgba(198, 154, 72, 0.26) !important;
	background:
		linear-gradient(180deg, rgba(8, 8, 8, 0.90), rgba(0, 0, 0, 0.96)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 18px 42px rgba(0, 0, 0, 0.34);
	color: #d8d2c7 !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
}

.blackmu-rules-content::before {
	content: '';
	position: absolute;
	left: 24px;
	right: 24px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(198, 154, 72, 0.52), transparent);
}

.blackmu-rules-content,
.blackmu-rules-content * {
	font-family: 'Open Sans', Arial, sans-serif !important;
}

.blackmu-rules-content h1,
.blackmu-rules-content h2,
.blackmu-rules-content h3,
.blackmu-rules-content h4,
.blackmu-rules-content .title,
.blackmu-rules-content [class*="title"],
.blackmu-rules-content [class*="heading"] {
	color: #f2c15f !important;
	font-family: 'Cinzel', serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.4px;
	text-shadow: 0 0 10px rgba(198, 154, 72, 0.12) !important;
}

.blackmu-rules-content h1 {
	font-size: 30px !important;
	margin: 0 0 18px !important;
	text-align: center;
}

.blackmu-rules-content h2 {
	font-size: 23px !important;
	margin: 24px 0 14px !important;
}

.blackmu-rules-content h3,
.blackmu-rules-content h4 {
	font-size: 18px !important;
	margin: 18px 0 10px !important;
}

.blackmu-rules-content p,
.blackmu-rules-content li,
.blackmu-rules-content td,
.blackmu-rules-content th,
.blackmu-rules-content span,
.blackmu-rules-content div {
	color: #d8d2c7 !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
}

.blackmu-rules-content strong,
.blackmu-rules-content b {
	color: #ffd06f !important;
	font-weight: 800 !important;
}

.blackmu-rules-content a {
	color: #e0ad58 !important;
	text-decoration: none !important;
}

.blackmu-rules-content a:hover {
	color: #ffe0a0 !important;
}

.blackmu-rules-content ul,
.blackmu-rules-content ol {
	margin: 12px 0 18px 22px !important;
}

.blackmu-rules-content li {
	margin-bottom: 7px !important;
}

.blackmu-rules-content table {
	width: 100% !important;
	border-collapse: collapse !important;
	background: rgba(0, 0, 0, 0.22) !important;
}

.blackmu-rules-content th,
.blackmu-rules-content td {
	padding: 10px 12px !important;
	border-color: rgba(198, 154, 72, 0.16) !important;
	background: transparent !important;
}

.blackmu-rules-content hr {
	border: 0 !important;
	height: 1px !important;
	margin: 20px 0 !important;
	background: linear-gradient(90deg, transparent, rgba(198, 154, 72, 0.36), transparent) !important;
}

.blackmu-rules-content [style] {
	border-color: rgba(198, 154, 72, 0.28) !important;
	box-shadow: none !important;
}

.blackmu-rules-content div[style],
.blackmu-rules-content section,
.blackmu-rules-content article,
.blackmu-rules-content .card,
.blackmu-rules-content .panel,
.blackmu-rules-content .well,
.blackmu-rules-content .alert {
	border-color: rgba(198, 154, 72, 0.24) !important;
	background-color: rgba(7, 7, 7, 0.42) !important;
	background-image: linear-gradient(180deg, rgba(18, 15, 10, 0.46), rgba(3, 3, 3, 0.36)) !important;
}

.blackmu-rules-content .alert,
.blackmu-rules-content [class*="warning"],
.blackmu-rules-content [class*="danger"],
.blackmu-rules-content [class*="notice"] {
	border-color: rgba(198, 74, 54, 0.44) !important;
	background-color: rgba(32, 7, 6, 0.38) !important;
	color: #ffd3c7 !important;
}

.blackmu-rules-content [class*="badge"],
.blackmu-rules-content [class*="label"],
.blackmu-rules-content [class*="icon"] {
	border-color: rgba(198, 154, 72, 0.36) !important;
	background-color: rgba(198, 154, 72, 0.10) !important;
	color: #ffd06f !important;
}

@media (max-width: 720px) {
	.blackmu-rules-page .dmn-page-content {
		padding: 16px 14px 24px;
	}

	.blackmu-rules-content {
		padding: 18px 16px 22px;
		font-size: 14px !important;
	}

	.blackmu-rules-content h1 {
		font-size: 24px !important;
	}

	.blackmu-rules-content h2 {
		font-size: 20px !important;
	}

	.blackmu-rules-content p,
	.blackmu-rules-content li,
	.blackmu-rules-content td,
	.blackmu-rules-content th,
	.blackmu-rules-content span,
	.blackmu-rules-content div {
		font-size: 14px !important;
	}
}


/* Registration game rules modal: BlackMU styled dialog, clean scrollbar, gold close button. */
.blackmu-auth-panel .additional-links .list-group-item-action {
	border-top: 0 !important;
}

.blackmu-rules-overlay.ui-widget-overlay,
.ui-widget-overlay.blackmu-rules-overlay {
	background: rgba(0, 0, 0, 0.78) !important;
	opacity: 1 !important;
	backdrop-filter: blur(3px);
}

.blackmu-rules-dialog.ui-dialog,
.ui-dialog.blackmu-rules-dialog {
	overflow: hidden !important;
	padding: 0 !important;
	border: 1px solid rgba(198, 154, 72, 0.50) !important;
	border-radius: 0 !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(198, 154, 72, 0.12), transparent 38%),
		linear-gradient(180deg, rgba(15, 12, 8, 0.98), rgba(1, 1, 1, 0.98)) !important;
	box-shadow:
		0 0 0 1px rgba(255, 231, 166, 0.05) inset,
		0 24px 90px rgba(0, 0, 0, 0.82),
		0 0 40px rgba(198, 154, 72, 0.16) !important;
	color: #d8d4cc !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar {
	position: relative;
	height: 58px;
	padding: 0 66px 0 24px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(198, 154, 72, 0.36) !important;
	border-radius: 0 !important;
	background:
		linear-gradient(90deg, rgba(198, 154, 72, 0.10), transparent 38%, rgba(198, 154, 72, 0.06)),
		linear-gradient(180deg, #11100e, #060606) !important;
	color: #f2d183 !important;
	font-family: 'Open Sans', Arial, sans-serif !important;
}

.blackmu-rules-dialog .ui-dialog-title {
	display: flex !important;
	align-items: center !important;
	height: 58px !important;
	margin: 0 !important;
	float: none !important;
	color: #f2d183 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	letter-spacing: 1.1px !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(198, 154, 72, 0.18);
}

.blackmu-rules-dialog .ui-dialog-titlebar-close {
	position: absolute !important;
	top: 50% !important;
	right: 16px !important;
	width: 34px !important;
	height: 34px !important;
	margin: -17px 0 0 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(198, 154, 72, 0.55) !important;
	border-radius: 0 !important;
	background:
		linear-gradient(180deg, rgba(49, 36, 19, 0.92), rgba(8, 8, 8, 0.96)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 160, 0.05), 0 0 16px rgba(198, 154, 72, 0.12) !important;
	cursor: pointer !important;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close span {
	display: none !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close::before,
.blackmu-rules-dialog .ui-dialog-titlebar-close::after {
	content: '' !important;
	position: absolute !important;
	left: 9px !important;
	top: 16px !important;
	width: 15px !important;
	height: 2px !important;
	background: #f2d183 !important;
	box-shadow: 0 0 8px rgba(242, 209, 131, 0.35);
}

.blackmu-rules-dialog .ui-dialog-titlebar-close::before {
	transform: rotate(45deg);
}

.blackmu-rules-dialog .ui-dialog-titlebar-close::after {
	transform: rotate(-45deg);
}

.blackmu-rules-dialog .ui-dialog-titlebar-close:hover {
	border-color: rgba(242, 209, 131, 0.9) !important;
	background: linear-gradient(180deg, rgba(86, 59, 25, 0.95), rgba(11, 10, 8, 0.98)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 160, 0.07), 0 0 22px rgba(198, 154, 72, 0.24) !important;
	transform: translateY(-1px);
}

.blackmu-rules-dialog .ui-dialog-content {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: #020202 !important;
	color: #d8d4cc !important;
	overflow: hidden !important;
}

.blackmu-rules-modal-content,
#rules_content.blackmu-rules-modal-content {
	height: 100% !important;
	max-height: 100% !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background:
		linear-gradient(180deg, rgba(3, 3, 3, 0.86), rgba(3, 3, 3, 0.98)),
		#020202 !important;
	scrollbar-width: thin;
	scrollbar-color: #c69a48 #080808;
}

.blackmu-rules-modal-content::-webkit-scrollbar,
#rules_content::-webkit-scrollbar {
	width: 10px;
}

.blackmu-rules-modal-content::-webkit-scrollbar-track,
#rules_content::-webkit-scrollbar-track {
	background: #070707;
	border-left: 1px solid rgba(198, 154, 72, 0.14);
}

.blackmu-rules-modal-content::-webkit-scrollbar-thumb,
#rules_content::-webkit-scrollbar-thumb {
	border: 2px solid #070707;
	background: linear-gradient(180deg, #f2d183, #c69a48 48%, #6f4c1b);
	border-radius: 0;
}

.blackmu-rules-modal-content::-webkit-scrollbar-thumb:hover,
#rules_content::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #fff0b7, #d6aa56 48%, #8a6225);
}

.blackmu-rules-modal-content .blackmu-rules-modern {
	max-width: none !important;
	margin: 0 !important;
	padding: 36px 42px 42px !important;
	border: 0 !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(198, 154, 72, 0.11), transparent 36%),
		linear-gradient(180deg, rgba(9, 9, 9, 0.96), rgba(1, 1, 1, 0.98)) !important;
	box-shadow: none !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero {
	padding-top: 22px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section {
	background:
		linear-gradient(90deg, rgba(198, 154, 72, 0.055), transparent 40%),
		rgba(2, 2, 2, 0.74) !important;
}

.blackmu-rules-modal-loading {
	padding: 46px;
	color: #f2d183;
	text-align: center;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 720px) {
	.blackmu-rules-dialog.ui-dialog,
	.ui-dialog.blackmu-rules-dialog {
		width: calc(100vw - 24px) !important;
		left: 12px !important;
	}

	.blackmu-rules-modal-content .blackmu-rules-modern {
		padding: 26px 18px 30px !important;
	}

	.blackmu-rules-dialog .ui-dialog-titlebar {
		height: 52px;
		padding-left: 16px !important;
		padding-right: 58px !important;
	}

	.blackmu-rules-dialog .ui-dialog-title {
		height: 52px !important;
		font-size: 12px !important;
	}

	.blackmu-rules-dialog .ui-dialog-titlebar-close {
		right: 12px !important;
	}
}


/* Registration rules modal v12: compact dialog with internal scrollbar. */
.blackmu-rules-dialog.ui-dialog,
.ui-dialog.blackmu-rules-dialog {
	width: min(720px, calc(100vw - 40px)) !important;
	max-height: min(560px, calc(100vh - 80px)) !important;
	border-color: rgba(198, 154, 72, 0.58) !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar {
	height: 46px !important;
	padding: 0 56px 0 18px !important;
}

.blackmu-rules-dialog .ui-dialog-title {
	height: 46px !important;
	font-size: 13px !important;
	letter-spacing: 1px !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close {
	right: 12px !important;
	width: 30px !important;
	height: 30px !important;
	margin-top: -15px !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close::before,
.blackmu-rules-dialog .ui-dialog-titlebar-close::after {
	left: 8px !important;
	top: 14px !important;
	width: 14px !important;
}

.blackmu-rules-dialog .ui-dialog-content,
.blackmu-rules-modal-content,
#rules_content.blackmu-rules-modal-content {
	height: calc(100% - 46px) !important;
	max-height: calc(min(560px, calc(100vh - 80px)) - 46px) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.blackmu-rules-modal-content::-webkit-scrollbar,
#rules_content::-webkit-scrollbar {
	width: 8px !important;
}

.blackmu-rules-modal-content::-webkit-scrollbar-track,
#rules_content::-webkit-scrollbar-track {
	background: #050505 !important;
	border-left: 1px solid rgba(198, 154, 72, 0.16) !important;
}

.blackmu-rules-modal-content::-webkit-scrollbar-thumb,
#rules_content::-webkit-scrollbar-thumb {
	border: 2px solid #050505 !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #f2d183, #c69a48 52%, #6f4c1b) !important;
}

.blackmu-rules-modal-content .blackmu-rules-modern {
	padding: 22px 26px 26px !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero {
	padding: 6px 12px 22px !important;
	margin-bottom: 20px !important;
}

.blackmu-rules-modal-content .blackmu-rules-eyebrow {
	font-size: 12px !important;
	margin-bottom: 8px !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero h2 {
	font-size: 28px !important;
	line-height: 1.15 !important;
	margin-bottom: 8px !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero p {
	font-size: 12px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section {
	padding: 18px !important;
	margin-bottom: 18px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section-head {
	gap: 12px !important;
	margin-bottom: 16px !important;
	padding-bottom: 14px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section-icon {
	width: 42px !important;
	height: 42px !important;
	font-size: 13px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section-head small {
	font-size: 11px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section-head h3 {
	font-size: 22px !important;
	line-height: 1.2 !important;
}

.blackmu-rules-modal-content .blackmu-rule-section p,
.blackmu-rules-modal-content .blackmu-rule-section li {
	font-size: 14px !important;
	line-height: 1.65 !important;
}

.blackmu-rules-modal-content .blackmu-rule-warning,
.blackmu-rules-modal-content .blackmu-rule-item,
.blackmu-rules-modal-content .blackmu-rule-punishment {
	padding: 14px 18px !important;
	margin-bottom: 16px !important;
}

.blackmu-rules-modal-content .blackmu-rule-item h4 {
	font-size: 15px !important;
	line-height: 1.35 !important;
}

.blackmu-rules-modal-content .blackmu-rules-contact {
	padding: 18px !important;
}

@media (max-width: 760px) {
	.blackmu-rules-dialog.ui-dialog,
	.ui-dialog.blackmu-rules-dialog {
		width: calc(100vw - 24px) !important;
		left: 12px !important;
		max-height: calc(100vh - 48px) !important;
	}

	.blackmu-rules-dialog .ui-dialog-content,
	.blackmu-rules-modal-content,
	#rules_content.blackmu-rules-modal-content {
		max-height: calc(100vh - 96px) !important;
	}

	.blackmu-rules-modal-content .blackmu-rules-modern {
		padding: 18px 14px 22px !important;
	}

	.blackmu-rules-modal-content .blackmu-rules-hero h2 {
		font-size: 23px !important;
	}

	.blackmu-rules-modal-content .blackmu-rule-section {
		padding: 14px !important;
	}
}

/* Final v13: compact centered rules popup, clean close button, social links, and BlackMU news icon. */
.blackmu-rules-dialog.ui-dialog,
.ui-dialog.blackmu-rules-dialog {
	width: min(620px, calc(100vw - 34px)) !important;
	height: min(470px, calc(100vh - 70px)) !important;
	max-height: min(470px, calc(100vh - 70px)) !important;
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	border: 1px solid rgba(198, 154, 72, 0.62) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.86), 0 0 28px rgba(198, 154, 72, 0.14) !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar {
	height: 44px !important;
	padding: 0 46px 0 18px !important;
}

.blackmu-rules-dialog .ui-dialog-title {
	height: 44px !important;
	font-size: 13px !important;
	line-height: 44px !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close {
	top: 50% !important;
	right: 13px !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	margin: -12px 0 0 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(198, 154, 72, 0.64) !important;
	outline: 0 !important;
	box-sizing: border-box !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close .ui-button-text,
.blackmu-rules-dialog .ui-dialog-titlebar-close span {
	display: none !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close::before,
.blackmu-rules-dialog .ui-dialog-titlebar-close::after {
	left: 6px !important;
	top: 11px !important;
	width: 12px !important;
	height: 2px !important;
}

.blackmu-rules-dialog .ui-dialog-titlebar-close:hover {
	transform: none !important;
}

.blackmu-rules-dialog .ui-dialog-content,
.blackmu-rules-modal-content,
#rules_content.blackmu-rules-modal-content {
	height: calc(100% - 44px) !important;
	max-height: calc(min(470px, calc(100vh - 70px)) - 44px) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	scrollbar-width: thin;
	scrollbar-color: #c69a48 #050505;
}

.blackmu-rules-modal-content::-webkit-scrollbar,
#rules_content::-webkit-scrollbar {
	width: 7px !important;
}

.blackmu-rules-modal-content::-webkit-scrollbar-track,
#rules_content::-webkit-scrollbar-track {
	background: #050505 !important;
	border-left: 1px solid rgba(198, 154, 72, 0.16) !important;
}

.blackmu-rules-modal-content::-webkit-scrollbar-thumb,
#rules_content::-webkit-scrollbar-thumb {
	border: 1px solid #050505 !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #f2d183, #c69a48 52%, #6f4c1b) !important;
}

.blackmu-rules-modal-content .blackmu-rules-modern {
	padding: 18px 22px 22px !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero {
	padding: 2px 8px 18px !important;
	margin-bottom: 18px !important;
}

.blackmu-rules-modal-content .blackmu-rules-hero h2 {
	font-size: 25px !important;
	line-height: 1.15 !important;
}

.blackmu-rules-modal-content .blackmu-rule-section {
	padding: 16px !important;
	margin-bottom: 16px !important;
}

.blackmu-rules-modal-content .blackmu-rule-section-head h3 {
	font-size: 20px !important;
}

.blackmu-rules-modal-content .blackmu-rule-warning,
.blackmu-rules-modal-content .blackmu-rule-item,
.blackmu-rules-modal-content .blackmu-rule-punishment {
	padding: 12px 16px !important;
}

.blackmu-footer__social a {
	cursor: pointer;
}

.blackmu-home-news__title span {
	position: relative;
	width: 42px;
	height: 42px;
	background: radial-gradient(circle at 50% 45%, rgba(242, 209, 131, 0.22), rgba(198, 154, 72, 0.08) 46%, transparent 68%) !important;
	border: 1px solid rgba(198, 154, 72, 0.70);
	box-shadow: inset 0 0 0 1px rgba(255, 233, 165, 0.05), 0 0 18px rgba(198, 154, 72, 0.22);
	filter: none !important;
	transform: rotate(45deg);
}

.blackmu-home-news__title span::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	border: 2px solid #f2d183;
	border-top: 0;
	border-radius: 2px;
	transform: translate(-50%, -50%) rotate(-45deg);
	box-shadow: 0 0 10px rgba(242, 209, 131, 0.28);
}

.blackmu-home-news__title span::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 2px;
	background: #f2d183;
	box-shadow: 0 5px 0 rgba(242, 209, 131, 0.9), 0 -5px 0 rgba(242, 209, 131, 0.9);
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 760px) {
	.blackmu-rules-dialog.ui-dialog,
	.ui-dialog.blackmu-rules-dialog {
		width: calc(100vw - 24px) !important;
		height: calc(100vh - 48px) !important;
		max-height: calc(100vh - 48px) !important;
		left: 50% !important;
		top: 50% !important;
	}
}


/* Final polish v14: cleaner Rules page, centered Guides controls, and modern larger Account Panel services. */
.blackmu-rules-page .dmn-page-title {
	display: none !important;
}

.blackmu-rules-page .dmn-page-content {
	padding-top: 22px !important;
}

.blackmu-rules-page .blackmu-rules-kicker {
	display: none !important;
}

.blackmu-rules-page .blackmu-rules-content {
	margin-top: 0 !important;
}

.blackmu-rules-page .blackmu-rules-hero {
	padding-top: 8px !important;
}

.blackmu-rules-page .blackmu-rules-eyebrow {
	display: none !important;
}

.blackmu-rules-page .blackmu-rules-hero h2 {
	margin-top: 0 !important;
}

.blackmu-guides-page .dmn-page-content h2.title {
	margin-bottom: 12px;
	text-align: center;
}

.blackmu-guide-toolbar {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 16px !important;
	margin: 10px auto 26px !important;
}

.blackmu-guide-filters {
	order: 1;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(150px, 1fr));
	gap: 8px !important;
	justify-content: center !important;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.blackmu-guide-filter {
	width: 100%;
	min-height: 40px !important;
	padding: 0 18px !important;
	font-size: 11.5px !important;
	letter-spacing: 0.45px;
}

.blackmu-guide-search {
	order: 2;
	display: block;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
}

.blackmu-guide-search input {
	min-height: 42px !important;
	padding: 0 14px !important;
	font-size: 14px !important;
	text-align: left;
}

.blackmu-guide-grid {
	gap: 12px;
}

.blackmu-guide-card {
	min-height: 84px;
	padding: 14px 15px;
}

.blackmu-guide-card__category {
	font-size: 11px !important;
}

.blackmu-guide-card strong {
	font-size: 16px !important;
	line-height: 1.32 !important;
}

.blackmu-account-panel .blackmu-account-services {
	margin-top: 8px;
	padding: 16px 16px 18px;
	border: 1px solid rgba(198, 154, 72, 0.36);
	background:
		radial-gradient(circle at 50% 0%, rgba(198, 154, 72, 0.09), transparent 34%),
		linear-gradient(180deg, rgba(10, 10, 10, 0.94), rgba(2, 2, 2, 0.98));
		box-shadow: inset 0 0 0 1px rgba(255, 234, 180, 0.03);
}

.blackmu-account-panel .charOptions-title {
	margin-bottom: 18px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.7px;
	text-align: center;
	text-transform: uppercase;
}

.blackmu-account-panel .charOptions-flex {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
	gap: 12px;
	align-items: stretch;
}

.blackmu-account-panel .charOptions-col {
	display: block;
}

.blackmu-account-panel .charOptions-block {
	position: relative;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 104px;
	padding: 16px 16px 14px 40px;
	border: 1px solid rgba(198, 154, 72, 0.30);
	background:
		linear-gradient(90deg, rgba(198, 154, 72, 0.06), transparent 48%),
		linear-gradient(180deg, rgba(7, 7, 7, 0.98), rgba(1, 1, 1, 0.98));
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.blackmu-account-panel .charOptions-block:before {
	left: 15px;
	top: 19px;
	width: 8px;
	height: 8px;
	box-shadow: 0 0 12px rgba(214, 170, 86, 0.25);
}

.blackmu-account-panel .charOptions-block:hover {
	transform: translateY(-2px);
	border-color: rgba(214, 170, 86, 0.72);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28), 0 0 18px rgba(198, 154, 72, 0.09);
	background:
		linear-gradient(90deg, rgba(198, 154, 72, 0.10), transparent 50%),
		linear-gradient(180deg, rgba(10, 10, 10, 0.99), rgba(2, 2, 2, 0.99));
}

.blackmu-account-panel .charOptions-block p {
	margin: 0 0 7px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.18;
	text-transform: uppercase;
}

.blackmu-account-panel .charOptions-block span {
	overflow: visible;
	display: block;
	font-size: 13px;
	line-height: 1.38;
	-webkit-line-clamp: unset;
}

.blackmu-account-panel .account-setting {
	gap: 10px;
	margin-bottom: 22px;
}

.blackmu-account-panel .account-setting_block {
	min-height: 56px;
	padding: 11px 12px 11px 36px;
}

.blackmu-account-panel .account-setting_f {
	font-size: 12px;
}

.blackmu-account-panel .account-setting_f:last-child {
	font-size: 13px;
}

.blackmu-account-topbar {
	margin-bottom: 16px;
}

.blackmu-wallet-item {
	min-height: 40px;
}

.blackmu-wallet-item span {
	font-size: 10.5px;
}

.blackmu-wallet-item strong {
	font-size: 13px;
}

@media (max-width: 780px) {
	.blackmu-guide-filters {
		grid-template-columns: repeat(2, minmax(130px, 1fr));
		max-width: 420px;
	}

	.blackmu-guide-search {
		max-width: 100%;
	}

	.blackmu-account-panel .blackmu-account-services {
		padding: 14px 12px 16px;
	}

	.blackmu-account-panel .charOptions-title {
		font-size: 19px;
	}

	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	}

	.blackmu-account-panel .charOptions-block {
		min-height: 96px;
		padding: 14px 14px 13px 36px;
	}

	.blackmu-account-panel .charOptions-block p {
		font-size: 14px;
	}

	.blackmu-account-panel .charOptions-block span {
		font-size: 12px;
	}
}


/* Premium account panel v15 + Guides search only. */
.blackmu-guide-toolbar--search-only {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 14px auto 28px !important;
}

.blackmu-guide-toolbar--search-only .blackmu-guide-search {
	width: min(520px, 100%) !important;
	max-width: 520px !important;
	margin: 0 auto !important;
}

.blackmu-guide-toolbar--search-only .blackmu-guide-search input {
	min-height: 48px !important;
	padding: 0 18px !important;
	border: 1px solid rgba(214, 170, 86, 0.48) !important;
	background:
		linear-gradient(180deg, rgba(12, 12, 12, 0.96), rgba(2, 2, 2, 0.98)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.03), 0 12px 28px rgba(0, 0, 0, 0.30);
	color: #f4efe4 !important;
	font-size: 15px !important;
}

.blackmu-guide-toolbar--search-only .blackmu-guide-search input:focus {
	border-color: rgba(242, 209, 131, 0.84) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.05), 0 0 22px rgba(198, 154, 72, 0.13);
}

.blackmu-guide-filters {
	display: none !important;
}

.blackmu-account-panel .dmn-page-box {
	max-width: min(1080px, calc(100vw - 42px));
}

.blackmu-account-panel .dmn-page-title h1 {
	font-size: 34px !important;
	letter-spacing: 0.8px;
}

.blackmu-account-panel .dmn-page-content {
	padding: 24px 28px 30px !important;
}

.blackmu-account-topbar {
	position: relative;
	grid-template-columns: minmax(170px, auto) minmax(0, 1fr) 150px;
	gap: 14px;
	padding: 15px 16px !important;
	border: 1px solid rgba(214, 170, 86, 0.38);
	background:
		radial-gradient(circle at 12% 50%, rgba(214, 170, 86, 0.12), transparent 28%),
		linear-gradient(180deg, rgba(14, 13, 11, 0.98), rgba(3, 3, 3, 0.98));
	box-shadow: inset 0 0 0 1px rgba(255, 232, 176, 0.035), 0 18px 38px rgba(0, 0, 0, 0.34);
	overflow: hidden;
}

.blackmu-account-topbar::before {
	content: '';
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(242, 209, 131, 0.5), transparent);
	opacity: 0.65;
}

.blackmu-account-user span {
	color: #b7aa94;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.blackmu-account-user strong {
	color: #fff3ca;
	font-size: 18px !important;
	font-weight: 800;
	text-shadow: 0 0 10px rgba(214, 170, 86, 0.22);
}

.blackmu-wallet-item {
	min-height: 48px !important;
	padding: 10px 12px !important;
	border-color: rgba(214, 170, 86, 0.35) !important;
	background:
		linear-gradient(135deg, rgba(214, 170, 86, 0.10), transparent 42%),
		rgba(0, 0, 0, 0.40) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.025);
}

.blackmu-wallet-item span {
	font-size: 12px !important;
	color: #d6aa56;
	letter-spacing: 0.4px;
}

.blackmu-wallet-item strong {
	font-size: 15px !important;
	color: #fff0bd;
	text-shadow: 0 0 8px rgba(214, 170, 86, 0.20);
}

.blackmu-account-logout {
	height: 48px !important;
	min-height: 48px !important;
	border-color: rgba(214, 170, 86, 0.58) !important;
	background: linear-gradient(180deg, rgba(69, 47, 18, 0.62), rgba(4, 4, 4, 0.98)) !important;
	color: #fff1be !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.blackmu-account-panel .account-setting {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px !important;
	margin: 20px 0 24px !important;
}

.blackmu-account-panel .account-setting_block {
	position: relative;
	min-height: 68px !important;
	padding: 14px 14px 13px 42px !important;
	border: 1px solid rgba(214, 170, 86, 0.28);
	background:
		linear-gradient(90deg, rgba(214, 170, 86, 0.055), transparent 55%),
		linear-gradient(180deg, rgba(8, 8, 8, 0.96), rgba(1, 1, 1, 0.98));
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.018);
}

.blackmu-account-panel .account-icon {
	left: 16px !important;
	top: 50% !important;
	width: 12px !important;
	height: 12px !important;
	margin-top: -6px;
	border-color: rgba(242, 209, 131, 0.75);
	box-shadow: 0 0 12px rgba(214, 170, 86, 0.20);
}

.blackmu-account-panel .account-setting_f:first-of-type {
	color: #b8b0a3;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}

.blackmu-account-panel .account-setting_f:last-child {
	color: #fff2c8;
	font-size: 14px !important;
	font-weight: 800;
	text-shadow: 0 0 8px rgba(214, 170, 86, 0.16);
}

.blackmu-account-panel .blackmu-account-services {
	position: relative;
	margin-top: 8px;
	padding: 24px 24px 26px !important;
	border: 1px solid rgba(214, 170, 86, 0.46) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 170, 86, 0.16), transparent 28%),
		linear-gradient(180deg, rgba(11, 10, 8, 0.98), rgba(1, 1, 1, 0.99)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 235, 179, 0.035), 0 22px 48px rgba(0, 0, 0, 0.32) !important;
	overflow: hidden;
}

.blackmu-account-panel .blackmu-account-services::before {
	content: '';
	position: absolute;
	left: 24px;
	right: 24px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(242, 209, 131, 0.55), transparent);
}

.blackmu-account-panel .charOptions-title {
	position: relative;
	margin: 0 0 22px !important;
	padding-bottom: 14px;
	color: #fff2c4;
	font-family: 'Cinzel', serif;
	font-size: 25px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px;
	text-shadow: 0 0 14px rgba(214, 170, 86, 0.18), 0 1px 0 #000;
}

.blackmu-account-panel .charOptions-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 180px;
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.80), transparent);
}

.blackmu-account-panel .charOptions-flex {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
	gap: 14px !important;
}

.blackmu-account-panel .charOptions-block {
	position: relative;
	min-height: 116px !important;
	padding: 18px 18px 16px 46px !important;
	border: 1px solid rgba(214, 170, 86, 0.34) !important;
	background:
		radial-gradient(circle at 0% 0%, rgba(242, 209, 131, 0.11), transparent 32%),
		linear-gradient(135deg, rgba(214, 170, 86, 0.075), transparent 46%),
		linear-gradient(180deg, rgba(7, 7, 7, 0.99), rgba(0, 0, 0, 0.99)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.025);
	overflow: hidden;
}

.blackmu-account-panel .charOptions-block::before {
	left: 17px !important;
	top: 23px !important;
	width: 9px !important;
	height: 9px !important;
	border-color: rgba(242, 209, 131, 0.86) !important;
	background: rgba(214, 170, 86, 0.10);
	box-shadow: 0 0 12px rgba(214, 170, 86, 0.24);
}

.blackmu-account-panel .charOptions-block::after {
	content: '';
	position: absolute;
	left: -40%;
	top: 0;
	width: 35%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 235, 179, 0.06), transparent);
	transform: skewX(-18deg);
	transition: left 0.45s ease;
}

.blackmu-account-panel .charOptions-block:hover {
	transform: translateY(-3px);
	border-color: rgba(242, 209, 131, 0.78) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 239, 190, 0.04), 0 14px 28px rgba(0, 0, 0, 0.40), 0 0 22px rgba(214, 170, 86, 0.12) !important;
}

.blackmu-account-panel .charOptions-block:hover::after {
	left: 112%;
}

.blackmu-account-panel .charOptions-block p {
	position: relative;
	z-index: 1;
	margin-bottom: 8px !important;
	color: #fff0bc;
	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: 0.2px;
	line-height: 1.16 !important;
	text-shadow: 0 0 10px rgba(214, 170, 86, 0.20);
}

.blackmu-account-panel .charOptions-block span {
	position: relative;
	z-index: 1;
	color: #c8c0b2;
	font-size: 13.5px !important;
	line-height: 1.42 !important;
}

@media (max-width: 1020px) {
	.blackmu-account-topbar {
		grid-template-columns: 1fr;
	}

	.blackmu-account-panel .account-setting {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.blackmu-account-panel .dmn-page-content {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.blackmu-account-panel .account-setting,
	.blackmu-account-panel .charOptions-flex {
		grid-template-columns: 1fr !important;
	}

	.blackmu-account-panel .blackmu-account-services {
		padding: 20px 14px 20px !important;
	}
}


/* Home v16: premium news area, pulsing Play button, fake online display support. */
.blackmu-home-news {
	display: flex;
	flex-direction: column;
	min-height: 380px;
	padding: 44px 30px 28px;
}

.blackmu-home-news__title {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 26px;
}

.blackmu-home-news__title strong {
	color: #ffc642;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(198, 154, 72, 0.22);
}

.blackmu-home-news__pages {
	position: relative;
	z-index: 3;
	display: flex;
	flex: 1 1 auto;
	min-height: 210px;
}

.blackmu-home-news__page {
	display: none;
	width: 100%;
	min-height: 100%;
	animation: blackmuNewsFade 0.28s ease-out;
}

.blackmu-home-news__page.active {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

.blackmu-home-news__date {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	border: 1px solid rgba(198, 154, 72, 0.54);
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 211, 103, 0.14), transparent 54%),
		linear-gradient(180deg, rgba(28, 22, 13, 0.92), rgba(4, 4, 4, 0.96));
	box-shadow: inset 0 0 0 1px rgba(255, 235, 180, 0.06), 0 0 24px rgba(198, 154, 72, 0.12);
	transform: rotate(45deg);
}

.blackmu-home-news__date strong,
.blackmu-home-news__date span {
	transform: rotate(-45deg);
}

.blackmu-home-news__date strong {
	color: #ffd56c;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 26px;
	line-height: 1;
	text-shadow: 0 0 13px rgba(214, 170, 86, 0.28);
}

.blackmu-home-news__date span {
	margin-top: 4px;
	color: #a9a096;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.blackmu-home-news__body {
	min-width: 0;
	padding-top: 4px;
}

.blackmu-home-news__body h3 {
	margin: 0 0 14px;
	font-size: 21px;
	line-height: 1.26;
}

.blackmu-home-news__body h3 a {
	color: #fff2c3 !important;
	font-weight: 900;
	text-decoration: none !important;
	text-shadow: 0 0 14px rgba(198, 154, 72, 0.20);
}

.blackmu-home-news__body p {
	max-width: 410px;
	margin: 0 0 22px;
	color: #c9c2b7;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.72;
}

.blackmu-home-news__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 126px;
	height: 40px;
	padding: 0 20px;
	border: 1px solid rgba(214, 170, 86, 0.58);
	background:
		linear-gradient(180deg, rgba(42, 32, 17, 0.95), rgba(9, 8, 6, 0.98)),
		linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.18), transparent);
	color: #f2d183 !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 1px rgba(255, 226, 160, 0.06), 0 0 18px rgba(198, 154, 72, 0.10);
}

.blackmu-home-news__more:hover {
	color: #fff0b7 !important;
	border-color: rgba(255, 213, 128, 0.86);
	box-shadow: inset 0 0 0 1px rgba(255, 226, 160, 0.10), 0 0 26px rgba(198, 154, 72, 0.20);
}

.blackmu-home-news__nav {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-top: auto;
	padding-top: 20px;
}

.blackmu-home-news__nav button {
	position: relative;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(198, 154, 72, 0.46);
	background: linear-gradient(180deg, rgba(30, 23, 13, 0.9), rgba(5, 5, 5, 0.96));
	box-shadow: inset 0 0 0 1px rgba(255, 226, 160, 0.04);
	cursor: pointer;
}

.blackmu-home-news__nav button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	border-top: 2px solid #d1a653;
	border-right: 2px solid #d1a653;
	transform: translate(-35%, -50%) rotate(225deg);
}

.blackmu-home-news__nav button[data-blackmu-news="next"]:before {
	transform: translate(-65%, -50%) rotate(45deg);
}

.blackmu-home-news__nav strong {
	color: #ffbf35;
	font-size: 13px;
	font-weight: 900;
}

.blackmu-start .blackmu-btn--gold {
	position: relative;
	isolation: isolate;
	border: 1px solid rgba(255, 219, 139, 0.82);
	background:
		linear-gradient(90deg, rgba(255, 231, 158, 0.0), rgba(255, 231, 158, 0.20), rgba(255, 231, 158, 0.0)),
		linear-gradient(180deg, #e0b65c 0%, #bd8332 48%, #7e4b12 100%);
	color: #fff !important;
	letter-spacing: 0.8px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.34),
		inset 0 -12px 26px rgba(82, 43, 8, 0.24),
		0 0 0 0 rgba(214, 170, 86, 0.0),
		0 18px 42px rgba(166, 99, 22, 0.34);
	animation: blackmuPremiumPlayPulse 2.4s ease-in-out infinite;
}

.blackmu-start .blackmu-btn--gold:before {
	content: "";
	position: absolute;
	inset: 3px;
	z-index: -1;
	border: 1px solid rgba(255, 237, 179, 0.20);
	background: linear-gradient(90deg, transparent, rgba(255, 243, 196, 0.18), transparent);
	opacity: 0.9;
}

.blackmu-start .blackmu-btn--gold:after {
	content: "";
	position: absolute;
	top: -40%;
	bottom: -40%;
	left: -55%;
	width: 42%;
	background: linear-gradient(90deg, transparent, rgba(255, 245, 199, 0.55), transparent);
	transform: skewX(-24deg);
	animation: blackmuPremiumPlayShine 3.2s ease-in-out infinite;
	pointer-events: none;
}

.blackmu-start .blackmu-btn--gold:hover {
	filter: brightness(1.08);
	transform: translateY(-2px);
}

@keyframes blackmuPremiumPlayPulse {
	0%, 100% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.34),
			inset 0 -12px 26px rgba(82, 43, 8, 0.24),
			0 0 0 0 rgba(214, 170, 86, 0.0),
			0 18px 42px rgba(166, 99, 22, 0.34);
	}
	50% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.40),
			inset 0 -12px 26px rgba(82, 43, 8, 0.22),
			0 0 0 7px rgba(214, 170, 86, 0.10),
			0 0 38px rgba(214, 170, 86, 0.34),
			0 22px 50px rgba(166, 99, 22, 0.42);
	}
}

@keyframes blackmuPremiumPlayShine {
	0% { left: -60%; opacity: 0; }
	16% { opacity: 1; }
	42% { left: 118%; opacity: 0; }
	100% { left: 118%; opacity: 0; }
}

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

@media (max-width: 980px) {
	.blackmu-home-news {
		min-height: auto;
		padding: 34px 24px 28px;
	}
}

@media (max-width: 560px) {
	.blackmu-home-news__page.active {
		grid-template-columns: 1fr;
	}

	.blackmu-home-news__date {
		width: 66px;
		height: 66px;
		margin-left: 12px;
	}

	.blackmu-home-news__date strong {
		font-size: 22px;
	}

	.blackmu-home-news__body h3 {
		font-size: 18px;
	}
}


/* Home news v17: readable full preview and clean date badge. */
.blackmu-home-news {
	padding: 38px 34px 30px !important;
}

.blackmu-home-news__title {
	margin-bottom: 20px !important;
}

.blackmu-home-news__pages {
	min-height: 265px !important;
}

.blackmu-home-news__page.active {
	grid-template-columns: 104px minmax(0, 1fr) !important;
	gap: 28px !important;
	align-items: start !important;
}

.blackmu-home-news__date {
	width: 92px !important;
	height: 92px !important;
	margin: 10px 0 0 10px !important;
	transform: rotate(45deg) !important;
	overflow: visible !important;
}

.blackmu-home-news__date::before {
	content: '';
	position: absolute;
	inset: 7px;
	border: 1px solid rgba(214, 170, 86, 0.32);
	background: radial-gradient(circle at 50% 38%, rgba(255, 220, 120, 0.12), transparent 58%);
}

.blackmu-home-news__date-inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	transform: rotate(-45deg);
	text-align: center;
}

.blackmu-home-news__date strong,
.blackmu-home-news__date span {
	transform: none !important;
	white-space: nowrap;
}

.blackmu-home-news__date strong {
	font-size: 30px !important;
	line-height: 0.95 !important;
}

.blackmu-home-news__date span {
	display: block;
	margin-top: 7px !important;
	color: #f2d183 !important;
	font-size: 10.5px !important;
	letter-spacing: 0.15px;
	text-shadow: 0 0 8px rgba(198, 154, 72, 0.22);
}

.blackmu-home-news__body {
	padding-top: 6px !important;
}

.blackmu-home-news__body h3 {
	margin-bottom: 13px !important;
	font-size: 22px !important;
	line-height: 1.22 !important;
}

.blackmu-home-news__body p {
	max-width: 100% !important;
	min-height: 120px;
	margin-bottom: 20px !important;
	color: #ddd6ca !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.62 !important;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blackmu-home-news__more {
	min-width: 132px;
	height: 42px;
}

@media (max-width: 720px) {
	.blackmu-home-news__page.active {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.blackmu-home-news__date {
		margin: 4px auto 8px !important;
	}

	.blackmu-home-news__body p {
		min-height: auto;
		-webkit-line-clamp: 6;
	}
}


/* Final v18: premium glowing MORE buttons on home slider and news block. */
.blackmu-home-more,
.blackmu-home-news__more {
	position: relative !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 26px !important;
	border: 1px solid rgba(214, 170, 86, 0.78) !important;
	background:
		linear-gradient(180deg, rgba(44, 32, 14, 0.98) 0%, rgba(9, 8, 5, 0.98) 100%) !important;
	color: #ffe7a3 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 10px rgba(255, 222, 140, 0.38), 0 1px 0 rgba(0, 0, 0, 0.65) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 238, 185, 0.08),
		inset 0 0 22px rgba(198, 154, 72, 0.08),
		0 0 18px rgba(198, 154, 72, 0.22),
		0 10px 24px rgba(0, 0, 0, 0.48) !important;
	filter: none !important;
	animation: blackmuPremiumSmallBtnPulse 2.6s ease-in-out infinite !important;
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease !important;
}

.blackmu-home-more::before,
.blackmu-home-news__more::before {
	content: '' !important;
	position: absolute !important;
	inset: 1px !important;
	border: 1px solid rgba(255, 230, 160, 0.10) !important;
	pointer-events: none !important;
}

.blackmu-home-more::after,
.blackmu-home-news__more::after {
	content: '' !important;
	position: absolute !important;
	top: -40% !important;
	bottom: -40% !important;
	left: -85% !important;
	width: 46% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 235, 170, 0.48), transparent) !important;
	transform: skewX(-24deg) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: blackmuPremiumSmallBtnShine 3.4s ease-in-out infinite !important;
}

.blackmu-home-more:hover,
.blackmu-home-news__more:hover {
	color: #fff3bf !important;
	border-color: rgba(255, 226, 145, 0.98) !important;
	transform: translateY(-2px) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 238, 185, 0.12),
		inset 0 0 26px rgba(198, 154, 72, 0.12),
		0 0 28px rgba(198, 154, 72, 0.36),
		0 14px 30px rgba(0, 0, 0, 0.56) !important;
}

.blackmu-home-more:active,
.blackmu-home-news__more:active {
	transform: translateY(0) !important;
}

.blackmu-home-more {
	margin-top: 18px !important;
}

.blackmu-home-news__more {
	margin-top: 0 !important;
}

@keyframes blackmuPremiumSmallBtnPulse {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 238, 185, 0.08),
			inset 0 0 22px rgba(198, 154, 72, 0.08),
			0 0 16px rgba(198, 154, 72, 0.18),
			0 10px 24px rgba(0, 0, 0, 0.48);
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 238, 185, 0.12),
			inset 0 0 30px rgba(198, 154, 72, 0.13),
			0 0 30px rgba(214, 170, 86, 0.36),
			0 12px 28px rgba(0, 0, 0, 0.52);
	}
}

@keyframes blackmuPremiumSmallBtnShine {
	0% {
		left: -85%;
		opacity: 0;
	}
	16% {
		opacity: 0.95;
	}
	38% {
		left: 130%;
		opacity: 0;
	}
	100% {
		left: 130%;
		opacity: 0;
	}
}

@media (max-width: 640px) {
	.blackmu-home-more,
	.blackmu-home-news__more {
		min-width: 116px !important;
		height: 38px !important;
		padding: 0 20px !important;
		font-size: 12px !important;
	}
}

/* Final v19: make home MORE buttons match the Download Client glow, without dark/white overlay. */
.blackmu-home-more,
.blackmu-home-news__more {
	position: relative !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 26px !important;
	border: 1px solid rgba(198, 154, 72, 0.62) !important;
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.22), rgba(198, 154, 72, 0)) !important;
	color: #f7e4a5 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 0 rgba(198, 154, 72, 0) !important;
	filter: none !important;
	animation: blackmuGoldButtonPulse 2.8s ease-in-out infinite !important;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
}

.blackmu-home-more::before,
.blackmu-home-more::after,
.blackmu-home-news__more::before,
.blackmu-home-news__more::after {
	display: none !important;
	content: none !important;
}

.blackmu-home-more:hover,
.blackmu-home-news__more:hover {
	color: #fff2bd !important;
	border-color: rgba(255, 199, 92, 0.86) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.14), 0 0 30px rgba(198, 154, 72, 0.24) !important;
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
}

.blackmu-home-more:active,
.blackmu-home-news__more:active {
	transform: translateY(0) !important;
}

.blackmu-home-more {
	margin-top: 18px !important;
}

.blackmu-home-news__more {
	margin-top: 0 !important;
}


/* Final v20: make MORE buttons pulse clearly like the main Download/Play buttons, and pulse the online status icon. */
.blackmu-home-more,
.blackmu-home-news__more {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 28px !important;
	border: 1px solid rgba(255, 219, 139, 0.82) !important;
	background:
		linear-gradient(180deg, #d8ad55 0%, #b77b28 48%, #6f3f0e 100%) !important;
	color: #fff8d6 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72) !important;
	filter: none !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		inset 0 -12px 24px rgba(78, 39, 6, 0.24),
		0 0 0 0 rgba(214, 170, 86, 0),
		0 14px 34px rgba(166, 99, 22, 0.28) !important;
	animation: blackmuMoreButtonPulseV20 1.65s ease-in-out infinite !important;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.blackmu-home-more::before,
.blackmu-home-news__more::before {
	content: "" !important;
	position: absolute !important;
	inset: 3px !important;
	z-index: -1 !important;
	display: block !important;
	border: 1px solid rgba(255, 237, 179, 0.18) !important;
	background: transparent !important;
	pointer-events: none !important;
}

.blackmu-home-more::after,
.blackmu-home-news__more::after {
	content: "" !important;
	position: absolute !important;
	top: -42% !important;
	bottom: -42% !important;
	left: -58% !important;
	z-index: 1 !important;
	display: block !important;
	width: 38% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 245, 199, 0.42), transparent) !important;
	transform: skewX(-24deg) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: blackmuMoreButtonShineV20 2.35s ease-in-out infinite !important;
}

.blackmu-home-more:hover,
.blackmu-home-news__more:hover {
	border-color: rgba(255, 235, 169, 0.98) !important;
	filter: brightness(1.09) !important;
	transform: translateY(-2px) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.36),
		inset 0 -12px 24px rgba(78, 39, 6, 0.20),
		0 0 0 6px rgba(214, 170, 86, 0.10),
		0 0 36px rgba(214, 170, 86, 0.34),
		0 18px 42px rgba(166, 99, 22, 0.38) !important;
}

.blackmu-home-more:active,
.blackmu-home-news__more:active {
	transform: translateY(0) !important;
}

@keyframes blackmuMoreButtonPulseV20 {
	0%, 100% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.26),
			inset 0 -12px 24px rgba(78, 39, 6, 0.24),
			0 0 0 0 rgba(214, 170, 86, 0),
			0 14px 34px rgba(166, 99, 22, 0.28);
		filter: brightness(1);
	}
	50% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.38),
			inset 0 -12px 24px rgba(78, 39, 6, 0.18),
			0 0 0 7px rgba(214, 170, 86, 0.12),
			0 0 40px rgba(214, 170, 86, 0.42),
			0 18px 46px rgba(166, 99, 22, 0.42);
		filter: brightness(1.08);
	}
}

@keyframes blackmuMoreButtonShineV20 {
	0% {
		left: -58%;
		opacity: 0;
	}
	15% {
		opacity: 0.95;
	}
	38% {
		left: 120%;
		opacity: 0;
	}
	100% {
		left: 120%;
		opacity: 0;
	}
}

/* Online server icon: pulse the whole orb, not only the small green point. */
.blackmu-server-status--online .blackmu-status-orb {
	animation: blackmuOnlineOrbPulseV20 1.75s ease-in-out infinite !important;
	box-shadow:
		0 0 0 0 rgba(40, 220, 75, 0.18),
		0 0 24px rgba(40, 220, 75, 0.16),
		inset 0 0 26px rgba(40, 220, 75, 0.08) !important;
}

.blackmu-server-status--online .blackmu-status-orb span {
	animation: blackmuOnlinePointPulseV20 1.35s ease-in-out infinite !important;
}

@keyframes blackmuOnlineOrbPulseV20 {
	0%, 100% {
		box-shadow:
			0 0 0 0 rgba(40, 220, 75, 0.18),
			0 0 22px rgba(40, 220, 75, 0.14),
			inset 0 0 24px rgba(40, 220, 75, 0.08);
		transform: scale(1);
	}
	50% {
		box-shadow:
			0 0 0 9px rgba(40, 220, 75, 0.07),
			0 0 40px rgba(40, 220, 75, 0.32),
			inset 0 0 34px rgba(40, 220, 75, 0.16);
		transform: scale(1.035);
	}
}

@keyframes blackmuOnlinePointPulseV20 {
	0%, 100% {
		box-shadow: 0 0 18px rgba(40, 220, 75, 0.78), 0 0 0 0 rgba(40, 220, 75, 0.36);
		transform: scale(0.92);
	}
	50% {
		box-shadow: 0 0 30px rgba(40, 220, 75, 1), 0 0 0 8px rgba(40, 220, 75, 0.08);
		transform: scale(1.08);
	}
}

/* If the grand-opening/server-open box is shown, give it a soft living glow too. */
#timers.blackmu-hero-countdown {
	animation: blackmuServerOpenBoxPulseV20 2.2s ease-in-out infinite !important;
}

@keyframes blackmuServerOpenBoxPulseV20 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.08),
			0 0 24px rgba(214, 170, 86, 0.18),
			0 18px 42px rgba(0, 0, 0, 0.46);
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.16),
			0 0 38px rgba(214, 170, 86, 0.32),
			0 22px 50px rgba(0, 0, 0, 0.52);
	}
}


/* Final v21: clean MORE buttons in the same BlackMU dark-gold style as Download Client. */
.blackmu-home-more,
.blackmu-home-news__more {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 28px !important;
	border: 1px solid rgba(198, 154, 72, 0.65) !important;
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.22), rgba(198, 154, 72, 0)) !important;
	color: #f2d183 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(214, 170, 86, 0.34), 0 1px 0 rgba(0, 0, 0, 0.78) !important;
	filter: none !important;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 0 rgba(198, 154, 72, 0) !important;
	animation: blackmuGoldButtonPulse 2.8s ease-in-out infinite !important;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

.blackmu-home-more::before,
.blackmu-home-more::after,
.blackmu-home-news__more::before,
.blackmu-home-news__more::after {
	content: none !important;
	display: none !important;
}

.blackmu-home-more:hover,
.blackmu-home-news__more:hover {
	border-color: rgba(255, 199, 92, 0.86) !important;
	background:
		linear-gradient(180deg, rgba(42, 31, 17, 0.98), rgba(9, 9, 9, 0.99)),
		linear-gradient(90deg, rgba(214, 170, 86, 0.05), rgba(214, 170, 86, 0.30), rgba(214, 170, 86, 0.05)) !important;
	color: #fff0b7 !important;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.14), 0 0 30px rgba(198, 154, 72, 0.24) !important;
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
}

.blackmu-home-more:active,
.blackmu-home-news__more:active {
	transform: translateY(0) !important;
}

/* Stronger visible pulse for online server indicator / server open block. */
.blackmu-server-status--online .blackmu-status-orb {
	animation: blackmuOnlineOrbPulseV21 1.55s ease-in-out infinite !important;
}

.blackmu-server-status--online .blackmu-status-orb span {
	animation: blackmuOnlinePointPulseV21 1.25s ease-in-out infinite !important;
}

#timers.blackmu-hero-countdown {
	animation: blackmuServerOpenPulseV21 2.2s ease-in-out infinite !important;
}

@keyframes blackmuOnlineOrbPulseV21 {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(40, 220, 75, 0.18), 0 0 24px rgba(40, 220, 75, 0.18), inset 0 0 26px rgba(40, 220, 75, 0.08);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 0 0 10px rgba(40, 220, 75, 0.08), 0 0 46px rgba(40, 220, 75, 0.38), inset 0 0 36px rgba(40, 220, 75, 0.16);
		transform: scale(1.045);
	}
}

@keyframes blackmuOnlinePointPulseV21 {
	0%, 100% {
		box-shadow: 0 0 16px rgba(40, 220, 75, 0.78), 0 0 0 0 rgba(40, 220, 75, 0.36);
		transform: scale(0.92);
	}
	50% {
		box-shadow: 0 0 32px rgba(40, 220, 75, 1), 0 0 0 9px rgba(40, 220, 75, 0.10);
		transform: scale(1.10);
	}
}

@keyframes blackmuServerOpenPulseV21 {
	0%, 100% {
		box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.08), 0 0 22px rgba(214, 170, 86, 0.16), 0 18px 42px rgba(0, 0, 0, 0.46);
	}
	50% {
		box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.18), 0 0 38px rgba(214, 170, 86, 0.36), 0 20px 50px rgba(0, 0, 0, 0.54);
	}
}

/* Final v22: MORE buttons pulse beautifully like Download Client with a soft gold aura + shine. */
.blackmu-home-more,
.blackmu-home-news__more {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 132px !important;
	height: 42px !important;
	padding: 0 28px !important;
	border: 1px solid rgba(198, 154, 72, 0.65) !important;
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)),
		linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.22), rgba(198, 154, 72, 0)) !important;
	color: #f2d183 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.8px !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(214, 170, 86, 0.34), 0 1px 0 rgba(0, 0, 0, 0.78) !important;
	filter: none !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.06),
		0 0 0 rgba(198, 154, 72, 0) !important;
	animation: blackmuGoldButtonPulse 2.1s ease-in-out infinite !important;
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
}

.blackmu-home-more::before,
.blackmu-home-news__more::before {
	content: "" !important;
	position: absolute !important;
	inset: -1px !important;
	border: 1px solid rgba(214, 170, 86, 0.38) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: blackmuMoreButtonAuraV22 2.1s ease-in-out infinite !important;
}

.blackmu-home-more::after,
.blackmu-home-news__more::after {
	content: "" !important;
	position: absolute !important;
	top: -42% !important;
	bottom: -42% !important;
	left: -62% !important;
	width: 38% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 241, 189, 0.45), transparent) !important;
	transform: skewX(-24deg) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: blackmuMoreButtonShineV22 2.6s ease-in-out infinite !important;
}

.blackmu-home-more:hover,
.blackmu-home-news__more:hover {
	border-color: rgba(255, 199, 92, 0.9) !important;
	background:
		linear-gradient(180deg, rgba(42, 31, 17, 0.98), rgba(9, 9, 9, 0.99)),
		linear-gradient(90deg, rgba(214, 170, 86, 0.05), rgba(214, 170, 86, 0.30), rgba(214, 170, 86, 0.05)) !important;
	color: #fff0b7 !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.16),
		0 0 30px rgba(198, 154, 72, 0.28) !important;
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
}

.blackmu-home-more:active,
.blackmu-home-news__more:active {
	transform: translateY(0) !important;
}

@keyframes blackmuMoreButtonAuraV22 {
	0%,
	100% {
		opacity: 0;
		box-shadow: 0 0 0 0 rgba(214, 170, 86, 0);
	}
	50% {
		opacity: 1;
		box-shadow: 0 0 0 8px rgba(214, 170, 86, 0.08), 0 0 28px rgba(214, 170, 86, 0.22);
	}
}

@keyframes blackmuMoreButtonShineV22 {
	0% {
		left: -62%;
		opacity: 0;
	}
	12% {
		opacity: 0;
	}
	24% {
		opacity: 0.95;
	}
	42% {
		left: 125%;
		opacity: 0;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}


/* Final v23: force obvious pulsing on BOTH MORE buttons like Download Client. */
.blackmu-home-showcase .blackmu-home-more,
.blackmu-home-showcase .blackmu-home-news__more {
	animation: blackmuMoreButtonPulseFinalV23 1.9s ease-in-out infinite !important;
	will-change: transform, box-shadow, filter !important;
}

.blackmu-home-showcase .blackmu-home-more::before,
.blackmu-home-showcase .blackmu-home-news__more::before {
	animation: blackmuMoreButtonAuraFinalV23 1.9s ease-in-out infinite !important;
}

.blackmu-home-showcase .blackmu-home-more::after,
.blackmu-home-showcase .blackmu-home-news__more::after {
	animation: blackmuMoreButtonShineFinalV23 2.2s ease-in-out infinite !important;
}

@keyframes blackmuMoreButtonPulseFinalV23 {
	0%, 100% {
		transform: translateY(0) scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.06),
			0 0 0 0 rgba(198, 154, 72, 0),
			0 0 0 rgba(198, 154, 72, 0) !important;
	}
	50% {
		transform: translateY(0) scale(1.045);
		filter: brightness(1.12);
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.18),
			0 0 0 8px rgba(198, 154, 72, 0.08),
			0 0 34px rgba(198, 154, 72, 0.34) !important;
	}
}

@keyframes blackmuMoreButtonAuraFinalV23 {
	0%, 100% {
		opacity: 0;
		box-shadow: 0 0 0 0 rgba(214, 170, 86, 0);
	}
	50% {
		opacity: 1;
		box-shadow: 0 0 0 10px rgba(214, 170, 86, 0.09), 0 0 32px rgba(214, 170, 86, 0.26);
	}
}

@keyframes blackmuMoreButtonShineFinalV23 {
	0% {
		left: -65%;
		opacity: 0;
	}
	18% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	48% {
		left: 130%;
		opacity: 0;
	}
	100% {
		left: 130%;
		opacity: 0;
	}
}


/* Final v24: add visible gold glow to MORE buttons so they shine like the other buttons. */
.blackmu-home-showcase .blackmu-home-more,
.blackmu-home-showcase .blackmu-home-news__more {
	z-index: 3 !important;
	border-color: rgba(214, 170, 86, 0.72) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 228, 160, 0.08),
		0 0 12px rgba(214, 170, 86, 0.18),
		0 0 24px rgba(214, 170, 86, 0.12) !important;
	animation: blackmuMoreButtonGlowPulseV24 1.85s ease-in-out infinite !important;
}

.blackmu-home-showcase .blackmu-home-more::before,
.blackmu-home-showcase .blackmu-home-news__more::before {
	content: "" !important;
	position: absolute !important;
	inset: -2px !important;
	border: 1px solid rgba(255, 209, 110, 0.55) !important;
	opacity: 0.75 !important;
	box-shadow:
		0 0 12px rgba(214, 170, 86, 0.22),
		0 0 24px rgba(214, 170, 86, 0.12) !important;
	animation: blackmuMoreButtonHaloV24 1.85s ease-in-out infinite !important;
	pointer-events: none !important;
}

.blackmu-home-showcase .blackmu-home-more::after,
.blackmu-home-showcase .blackmu-home-news__more::after {
	animation: blackmuMoreButtonShineV24 2.15s ease-in-out infinite !important;
}

.blackmu-home-showcase .blackmu-home-more:hover,
.blackmu-home-showcase .blackmu-home-news__more:hover {
	border-color: rgba(255, 215, 122, 0.95) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 233, 173, 0.18),
		0 0 18px rgba(214, 170, 86, 0.30),
		0 0 34px rgba(214, 170, 86, 0.24) !important;
}

@keyframes blackmuMoreButtonGlowPulseV24 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 0 0 1px rgba(255, 228, 160, 0.08),
			0 0 12px rgba(214, 170, 86, 0.18),
			0 0 24px rgba(214, 170, 86, 0.12);
	}
	50% {
		transform: scale(1.045);
		filter: brightness(1.13);
		box-shadow:
			inset 0 0 0 1px rgba(255, 236, 190, 0.18),
			0 0 18px rgba(214, 170, 86, 0.34),
			0 0 38px rgba(214, 170, 86, 0.28),
			0 0 56px rgba(214, 170, 86, 0.16);
	}
}

@keyframes blackmuMoreButtonHaloV24 {
	0%, 100% {
		opacity: 0.55;
		box-shadow:
			0 0 10px rgba(214, 170, 86, 0.18),
			0 0 20px rgba(214, 170, 86, 0.10);
	}
	50% {
		opacity: 1;
		box-shadow:
			0 0 16px rgba(214, 170, 86, 0.34),
			0 0 34px rgba(214, 170, 86, 0.18),
			0 0 52px rgba(214, 170, 86, 0.10);
	}
}

@keyframes blackmuMoreButtonShineV24 {
	0% {
		left: -68%;
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	48% {
		left: 132%;
		opacity: 0;
	}
	100% {
		left: 132%;
		opacity: 0;
	}
}


/* Final v25: remove dark background feel around hero/news decorative images. */
.blackmu-home-intro__hero {
	background: transparent !important;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28)) !important;
	mix-blend-mode: normal !important;
}

.blackmu-home-news__title span {
	background: transparent !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 233, 165, 0.05),
		0 0 18px rgba(198, 154, 72, 0.22) !important;
	filter: none !important;
}

.blackmu-home-news__date {
	background: transparent !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 235, 180, 0.06),
		0 0 22px rgba(198, 154, 72, 0.14) !important;
}

.blackmu-home-news__date::before {
	background: none !important;
}


/* Final v26: remove the excessive dark shadows everywhere, keep only clean visuals. */
.blackmu-server-panel {
	box-shadow: none !important;
}

.blackmu-home-intro,
.blackmu-home-news,
.blackmu-home-widget {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

.blackmu-home-intro__hero {
	background: transparent !important;
	filter: none !important;
	box-shadow: none !important;
}

.blackmu-server-icon,
.blackmu-server-meta div,
.blackmu-home-news__title span,
.blackmu-home-news__date {
	filter: none !important;
}

.blackmu-home-news__title span {
	box-shadow: none !important;
	background: transparent !important;
}

.blackmu-home-news__date {
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 211, 103, 0.08), transparent 54%),
		linear-gradient(180deg, rgba(20, 16, 10, 0.78), rgba(4, 4, 4, 0.88)) !important;
	box-shadow: none !important;
}

.blackmu-home-news__date::before {
	background: none !important;
	box-shadow: none !important;
}

/* Leave glow only on MORE buttons, but without black haze. */
.blackmu-home-showcase .blackmu-home-more,
.blackmu-home-showcase .blackmu-home-news__more {
	box-shadow:
		inset 0 0 0 1px rgba(255, 228, 160, 0.08),
		0 0 12px rgba(214, 170, 86, 0.14) !important;
}

.blackmu-home-showcase .blackmu-home-more::before,
.blackmu-home-showcase .blackmu-home-news__more::before {
	box-shadow: 0 0 10px rgba(214, 170, 86, 0.14) !important;
}


/* Final v27: remove shadow/fog from buttons and countdown, keep only clean glow. */
.blackmu-start .blackmu-btn--gold {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.34),
		inset 0 -12px 26px rgba(82, 43, 8, 0.18),
		0 0 16px rgba(214, 170, 86, 0.24),
		0 0 32px rgba(214, 170, 86, 0.14) !important;
	animation: blackmuPremiumPlayGlowV27 2.4s ease-in-out infinite !important;
}

.blackmu-start .blackmu-btn--gold:hover {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		inset 0 -12px 26px rgba(82, 43, 8, 0.16),
		0 0 18px rgba(214, 170, 86, 0.30),
		0 0 36px rgba(214, 170, 86, 0.18) !important;
}

@keyframes blackmuPremiumPlayGlowV27 {
	0%, 100% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.34),
			inset 0 -12px 26px rgba(82, 43, 8, 0.18),
			0 0 16px rgba(214, 170, 86, 0.24),
			0 0 32px rgba(214, 170, 86, 0.14);
	}
	50% {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.42),
			inset 0 -10px 22px rgba(82, 43, 8, 0.12),
			0 0 22px rgba(214, 170, 86, 0.34),
			0 0 42px rgba(214, 170, 86, 0.20);
	}
}

.blackmu-hero__buttons .blackmu-btn {
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.06),
		0 0 14px rgba(198, 154, 72, 0.14),
		0 0 28px rgba(198, 154, 72, 0.08) !important;
	animation: blackmuHeroButtonGlowV27 2.8s ease-in-out infinite !important;
}

.blackmu-hero__buttons .blackmu-btn:hover {
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.14),
		0 0 18px rgba(198, 154, 72, 0.22),
		0 0 34px rgba(198, 154, 72, 0.12) !important;
}

@keyframes blackmuHeroButtonGlowV27 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.06),
			0 0 14px rgba(198, 154, 72, 0.14),
			0 0 28px rgba(198, 154, 72, 0.08);
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.14),
			0 0 20px rgba(198, 154, 72, 0.22),
			0 0 38px rgba(198, 154, 72, 0.12);
	}
}

#timers.blackmu-hero-countdown {
	box-shadow:
		inset 0 0 0 1px rgba(255, 222, 150, 0.08),
		0 0 18px rgba(214, 170, 86, 0.16),
		0 0 34px rgba(214, 170, 86, 0.10) !important;
	animation: blackmuCountdownGlowV27 2.2s ease-in-out infinite !important;
}

@keyframes blackmuCountdownGlowV27 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.08),
			0 0 18px rgba(214, 170, 86, 0.16),
			0 0 34px rgba(214, 170, 86, 0.10);
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.14),
			0 0 26px rgba(214, 170, 86, 0.24),
			0 0 44px rgba(214, 170, 86, 0.14);
	}
}


/* Final v28: make hero buttons and countdown clearly pulse, with glow only and no dark shadow. */
.blackmu-hero__buttons .blackmu-btn {
	transform-origin: center !important;
	will-change: transform, box-shadow, filter !important;
	animation: blackmuHeroButtonPulseV28 1.9s ease-in-out infinite !important;
}

.blackmu-hero__buttons .blackmu-btn:hover {
	animation-play-state: paused !important;
	transform: translateY(-1px) scale(1.03) !important;
}

@keyframes blackmuHeroButtonPulseV28 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.06),
			0 0 14px rgba(198, 154, 72, 0.14),
			0 0 28px rgba(198, 154, 72, 0.08) !important;
	}
	50% {
		transform: scale(1.045);
		filter: brightness(1.08);
		box-shadow:
			inset 0 0 0 1px rgba(255, 232, 180, 0.14),
			0 0 22px rgba(198, 154, 72, 0.22),
			0 0 40px rgba(198, 154, 72, 0.12) !important;
	}
}

#timers.blackmu-hero-countdown {
	transform-origin: center !important;
	will-change: transform, box-shadow, filter !important;
	animation: blackmuCountdownPulseV28 1.95s ease-in-out infinite !important;
}

@keyframes blackmuCountdownPulseV28 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 0 0 1px rgba(255, 222, 150, 0.08),
			0 0 18px rgba(214, 170, 86, 0.16),
			0 0 34px rgba(214, 170, 86, 0.10) !important;
	}
	50% {
		transform: scale(1.03);
		filter: brightness(1.06);
		box-shadow:
			inset 0 0 0 1px rgba(255, 228, 160, 0.14),
			0 0 26px rgba(214, 170, 86, 0.24),
			0 0 44px rgba(214, 170, 86, 0.14) !important;
	}
}

.blackmu-start .blackmu-btn--gold {
	transform-origin: center !important;
	will-change: transform, box-shadow, filter !important;
	animation: blackmuPremiumPlayPulseV28 1.9s ease-in-out infinite !important;
}

.blackmu-start .blackmu-btn--gold:hover {
	animation-play-state: paused !important;
	transform: translateY(-1px) scale(1.03) !important;
}

@keyframes blackmuPremiumPlayPulseV28 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.34),
			inset 0 -12px 26px rgba(82, 43, 8, 0.18),
			0 0 16px rgba(214, 170, 86, 0.24),
			0 0 32px rgba(214, 170, 86, 0.14) !important;
	}
	50% {
		transform: scale(1.04);
		filter: brightness(1.09);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.42),
			inset 0 -10px 22px rgba(82, 43, 8, 0.12),
			0 0 22px rgba(214, 170, 86, 0.34),
			0 0 42px rgba(214, 170, 86, 0.20) !important;
	}
}


/* Final v40: premium BlackMU support page. */
.blackmu-support-page {
	padding-top: 4px;
}

.blackmu-support-headline {
	position: relative;
	margin-bottom: 28px !important;
	padding: 0 0 18px !important;
	color: #e4b04f !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(198, 154, 72, 0.18);
}

.blackmu-support-headline::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 136px;
	height: 1px;
	background: linear-gradient(90deg, rgba(214, 170, 86, 0.95), rgba(214, 170, 86, 0));
}

.blackmu-support-top-btn {
	min-width: 168px;
	padding: 0 22px !important;
	box-shadow: 0 0 18px rgba(214, 170, 86, 0.14) !important;
}

.blackmu-support-form {
	padding: 26px 28px 30px;
	border: 1px solid rgba(198, 154, 72, 0.22);
	background:
		linear-gradient(180deg, rgba(14, 14, 14, 0.92), rgba(5, 5, 5, 0.98)),
		radial-gradient(circle at top right, rgba(198, 154, 72, 0.08), transparent 34%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.blackmu-support-form .form-group {
	margin-bottom: 18px;
}

.blackmu-support-form .control-label,
.blackmu-support-form label {
	display: block;
	margin-bottom: 8px;
	color: #d6aa56 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.35px;
	text-transform: uppercase;
}

.blackmu-support-form input:not([type='checkbox']):not([type='radio']):not([type='file']),
.blackmu-support-form select,
.blackmu-support-form .form-control {
	height: 48px;
	padding: 0 16px;
	border: 1px solid rgba(255,255,255,0.10) !important;
	background: linear-gradient(180deg, rgba(5,5,5,0.92), rgba(10,10,10,0.98)) !important;
	color: #f3eee3 !important;
	font-size: 14px;
	border-radius: 0 !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.blackmu-support-form input[type='file'] {
	color: #f3eee3;
	font-size: 14px;
}

.blackmu-support-form input:focus,
.blackmu-support-form select:focus,
.blackmu-support-form .form-control:focus {
	border-color: rgba(214, 170, 86, 0.55) !important;
	box-shadow: 0 0 0 1px rgba(214, 170, 86, 0.18), 0 0 18px rgba(214, 170, 86, 0.08) !important;
	outline: none;
}

.blackmu-support-form #fileList {
	margin-top: 10px;
	color: #cfc6b7;
	font-size: 13px;
}

.blackmu-support-form #fileList ul {
	margin: 0;
	padding-left: 18px;
}

.blackmu-support-editor-group {
	margin-top: 8px;
}

.blackmu-support-editor-wrap {
	width: 100%;
	padding: 12px;
	border: 1px solid rgba(198, 154, 72, 0.20);
	background: linear-gradient(180deg, rgba(0,0,0,0.26), rgba(0,0,0,0.12));
}

.blackmu-support-form .cleditorMain {
	width: 100% !important;
	border: 1px solid rgba(198,154,72,0.26) !important;
	background: #070707 !important;
	box-shadow: none !important;
}

.blackmu-support-form .cleditorToolbar {
	background: linear-gradient(180deg, rgba(28, 28, 28, 0.98), rgba(14, 14, 14, 0.98)) !important;
	border-bottom: 1px solid rgba(198,154,72,0.22) !important;
}

.blackmu-support-form .cleditorToolbar div {
	background-color: transparent !important;
}

.blackmu-support-form .cleditorButton {
	filter: grayscale(0.15) brightness(0.94);
	opacity: 0.88;
}

.blackmu-support-form .cleditorButton:hover {
	filter: none;
	opacity: 1;
}

.blackmu-support-form iframe {
	background: #0b0b0b !important;
}

.blackmu-support-form .cleditorMain textarea {
	min-height: 250px !important;
	background: #0b0b0b !important;
	color: #f1eee8 !important;
	padding: 14px !important;
}

.blackmu-support-form .cleditorMain,
.blackmu-support-form .cleditorMain iframe,
.blackmu-support-form .cleditorMain textarea {
	min-height: 280px !important;
}

.blackmu-support-form .btn,
.blackmu-support-form .btn-primary,
.blackmu-support-form button[type='submit'] {
	min-width: 182px;
	height: 46px;
	margin-top: 6px;
	background: linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)), linear-gradient(90deg, rgba(198, 154, 72, 0), rgba(198, 154, 72, 0.22), rgba(198, 154, 72, 0)) !important;
	border: 1px solid rgba(198, 154, 72, 0.65) !important;
	color: #f2d183 !important;
	box-shadow: 0 0 14px rgba(198,154,72,0.10) !important;
}

.blackmu-support-form .btn:hover,
.blackmu-support-form .btn-primary:hover,
.blackmu-support-form button[type='submit']:hover {
	color: #fff0b7 !important;
	box-shadow: 0 0 22px rgba(198,154,72,0.18) !important;
	filter: brightness(1.06);
}

.blackmu-support-page .alert {
	border: 1px solid rgba(198,154,72,0.22);
	background: linear-gradient(180deg, rgba(18,18,18,0.95), rgba(7,7,7,0.98));
	color: #e9e0d1;
}

@media (max-width: 767px) {
	.blackmu-support-headline .float-right {
		float: none !important;
		display: block;
		margin-top: 16px;
	}
	.blackmu-support-form {
		padding: 20px 16px 24px;
	}
}


/* Final v41: full premium styling and clearer support editor. */
.blackmu-support-page .row > .col-12 {
	position: relative;
}

.blackmu-support-form {
	position: relative;
	padding: 30px 30px 34px;
	border: 1px solid rgba(198, 154, 72, 0.26);
	background:
		linear-gradient(180deg, rgba(13, 13, 13, 0.96), rgba(4, 4, 4, 0.99)),
		radial-gradient(circle at top right, rgba(198, 154, 72, 0.10), transparent 32%),
		radial-gradient(circle at bottom left, rgba(198, 154, 72, 0.05), transparent 30%);
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.03),
		0 0 28px rgba(0,0,0,0.20);
}

.blackmu-support-form::before {
	content: '';
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(198, 154, 72, 0.08);
	pointer-events: none;
}

.blackmu-support-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.blackmu-support-form input:not([type='checkbox']):not([type='radio']):not([type='file']),
.blackmu-support-form select,
.blackmu-support-form .form-control {
	height: 52px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,0.10) !important;
	background: linear-gradient(180deg, rgba(3,3,3,0.96), rgba(9,9,9,0.98)) !important;
	color: #f4efe6 !important;
	font-size: 15px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.blackmu-support-form select {
	background-image: linear-gradient(180deg, rgba(3,3,3,0.96), rgba(9,9,9,0.98)) !important;
}

.blackmu-support-form input[type='file'] {
	width: 100%;
	padding: 12px 14px;
	border: 1px dashed rgba(198, 154, 72, 0.28);
	background: rgba(0,0,0,0.28);
}

.blackmu-support-form input[type='file']::file-selector-button,
.blackmu-support-form input[type='file']::-webkit-file-upload-button {
	margin-right: 14px;
	padding: 10px 14px;
	border: 1px solid rgba(198, 154, 72, 0.58);
	background: linear-gradient(180deg, rgba(36, 27, 15, 0.98), rgba(10, 10, 10, 0.98));
	color: #f2d183;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.blackmu-support-editor-caption {
	margin: -2px 0 10px;
	color: #9f968a;
	font-size: 12px;
	line-height: 1.5;
}

.blackmu-support-editor-wrap {
	display: block !important;
	padding: 14px;
	border: 1px solid rgba(198, 154, 72, 0.26);
	background:
		linear-gradient(180deg, rgba(20, 16, 10, 0.28), rgba(5, 5, 5, 0.22)),
		linear-gradient(180deg, rgba(6, 6, 6, 0.98), rgba(10, 10, 10, 0.98));
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

.blackmu-support-editor-wrap textarea#text {
	width: 100%;
	min-height: 340px !important;
}

.blackmu-support-form .cleditorMain {
	overflow: hidden;
	border: 1px solid rgba(198,154,72,0.30) !important;
	background: #060606 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.blackmu-support-form .cleditorToolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 6px 8px;
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.95), rgba(10, 10, 10, 0.98)),
		linear-gradient(90deg, rgba(198,154,72,0.10), rgba(198,154,72,0), rgba(198,154,72,0.10)) !important;
	border-bottom: 1px solid rgba(198,154,72,0.24) !important;
}

.blackmu-support-form .cleditorGroup {
	height: auto;
	padding-right: 6px;
	margin-right: 6px;
	border-right: 1px solid rgba(198,154,72,0.12);
}

.blackmu-support-form .cleditorGroup:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.blackmu-support-form .cleditorButton {
	width: 28px;
	height: 28px;
	margin: 1px;
	border: 1px solid transparent;
	border-radius: 2px;
	filter: brightness(0.98) contrast(1.02);
	opacity: 0.94;
}

.blackmu-support-form .cleditorButton:hover,
.blackmu-support-form .cleditorActive {
	border-color: rgba(198,154,72,0.40);
	background-color: rgba(198,154,72,0.10) !important;
	opacity: 1;
}

.blackmu-support-form .cleditorDivider {
	height: 24px;
	margin-top: 2px;
	background: rgba(198,154,72,0.16);
}

.blackmu-support-form .cleditorMain iframe,
.blackmu-support-form .cleditorMain textarea {
	display: block;
	width: 100% !important;
	min-height: 360px !important;
	background: #0a0a0a !important;
	color: #efe8dc !important;
}

.blackmu-support-form .cleditorMain textarea {
	padding: 16px !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

.blackmu-support-form .cleditorPopup,
.blackmu-support-form .cleditorPrompt,
.blackmu-support-form .cleditorMsg {
	border: 1px solid rgba(198,154,72,0.30) !important;
	background: linear-gradient(180deg, rgba(18,18,18,0.98), rgba(7,7,7,0.99)) !important;
	color: #efe8dc !important;
}

.blackmu-support-form .cleditorPopup input,
.blackmu-support-form .cleditorPrompt input,
.blackmu-support-form .cleditorPrompt textarea {
	background: #0b0b0b !important;
	color: #efe8dc !important;
	border: 1px solid rgba(198,154,72,0.18) !important;
}

.blackmu-support-form .btn,
.blackmu-support-form .btn-primary,
.blackmu-support-form button[type='submit'] {
	min-width: 190px;
	height: 48px;
	letter-spacing: 0.65px;
	box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.06), 0 0 16px rgba(198,154,72,0.10) !important;
}

.blackmu-support-top-btn {
	height: 44px !important;
	padding: 0 20px !important;
}


/* Final v42: premium support pages + better buttons + visible editor. */
.blackmu-support-action-btn,
.blackmu-support-page .btn.btn-primary,
.blackmu-support-page button.btn-primary,
.blackmu-support-page a.btn.btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 176px;
	height: 44px;
	padding: 0 22px !important;
	border: 1px solid rgba(198, 154, 72, 0.68) !important;
	background:
		linear-gradient(180deg, rgba(34, 26, 16, 0.96), rgba(7, 7, 7, 0.98)),
		linear-gradient(90deg, rgba(198,154,72,0), rgba(198,154,72,0.18), rgba(198,154,72,0)) !important;
	color: #f2d183 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.45px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 0 14px rgba(198,154,72,0.10) !important;
	filter: none !important;
}
.blackmu-support-action-btn:hover,
.blackmu-support-page .btn.btn-primary:hover,
.blackmu-support-page button.btn-primary:hover,
.blackmu-support-page a.btn.btn-primary:hover {
	color: #fff0b7 !important;
	border-color: rgba(214,170,86,0.82) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06), 0 0 20px rgba(198,154,72,0.16) !important;
	background:
		linear-gradient(180deg, rgba(42, 31, 17, 0.98), rgba(9, 9, 9, 0.99)),
		linear-gradient(90deg, rgba(214,170,86,0.04), rgba(214,170,86,0.22), rgba(214,170,86,0.04)) !important;
}
.blackmu-support-page .title .float-right { margin-top: -6px; }
.blackmu-support-requests-page .blackmu-support-list-wrap {
	padding: 0;
	border: 1px solid rgba(198,154,72,0.22);
	background: linear-gradient(180deg, rgba(12,12,12,0.96), rgba(5,5,5,0.99));
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
.blackmu-support-list-table { margin-bottom: 0 !important; }
.blackmu-support-list-table thead th {
	padding: 18px 16px !important;
	border-bottom: 1px solid rgba(198,154,72,0.18) !important;
	color: #d6aa56 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	background: linear-gradient(180deg, rgba(14,14,14,0.95), rgba(8,8,8,0.98));
}
.blackmu-support-list-table tbody td {
	padding: 16px !important;
	border-top: 1px solid rgba(255,255,255,0.05) !important;
	background: rgba(0,0,0,0.16);
	color: #eee4d3 !important;
	vertical-align: middle;
}
.blackmu-support-list-table tbody tr:hover td { background: rgba(198,154,72,0.04); }
.blackmu-support-list-table a { color: #f2d183 !important; font-weight: 700; }
.blackmu-support-empty {
	margin: 0 !important;
	text-align: left;
	border: 1px solid rgba(198,154,72,0.18) !important;
	background: linear-gradient(180deg, rgba(20,16,10,0.32), rgba(8,8,8,0.96)) !important;
	color: #e8dcc9 !important;
}
.blackmu-support-ticket-title { padding-right: 210px !important; }
.blackmu-support-ticket {
	width: 100%;
	margin-bottom: 18px;
	border: 1px solid rgba(198,154,72,0.18);
	background: linear-gradient(180deg, rgba(12,12,12,0.96), rgba(5,5,5,0.99));
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
.blackmu-support-ticket thead th {
	padding: 14px 16px;
	color: #d6aa56;
	background: linear-gradient(180deg, rgba(20,16,10,0.52), rgba(9,9,9,0.98));
	border-bottom: 1px solid rgba(198,154,72,0.16);
}
.blackmu-support-ticket tbody td {
	padding: 16px;
	color: #efe8dc;
	background: transparent;
	border-top: 1px solid rgba(255,255,255,0.04);
}
.blackmu-support-ticket a,
.blackmu-support-read-page #mark_resolved { color: #f2d183 !important; font-weight: 700; }
.blackmu-support-form .cleditorToolbar {
	display: block !important;
	white-space: nowrap !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 6px 8px !important;
}
.blackmu-support-form .cleditorToolbar::-webkit-scrollbar { height: 8px; }
.blackmu-support-form .cleditorToolbar::-webkit-scrollbar-thumb { background: rgba(198,154,72,0.18); }
.blackmu-support-form .cleditorGroup {
	float: none !important;
	display: inline-block !important;
	vertical-align: top;
	height: 26px !important;
	padding: 0 8px 0 0 !important;
	margin: 0 8px 0 0 !important;
	border-right: 1px solid rgba(198,154,72,0.12);
}
.blackmu-support-form .cleditorGroup:last-child { border-right: 0 !important; }
.blackmu-support-form .cleditorButton { width: 24px !important; height: 24px !important; }
.blackmu-support-form .cleditorMain iframe,
.blackmu-support-form .cleditorMain textarea { min-height: 330px !important; }
@media (max-width: 767px) {
	.blackmu-support-ticket-title { padding-right: 0 !important; }
	.blackmu-support-page .title .float-right { margin-top: 14px; }
}


/* Final v43: make CLEditor toolbar icons much more visible. */
.blackmu-support-form .cleditorToolbar {
	background:
		linear-gradient(180deg, rgba(40, 29, 15, 0.98), rgba(14, 14, 14, 0.99)),
		linear-gradient(90deg, rgba(214,170,86,0.08), rgba(214,170,86,0), rgba(214,170,86,0.08)) !important;
}

.blackmu-support-form .cleditorButton {
	position: relative;
	width: 26px !important;
	height: 26px !important;
	margin: 0 2px !important;
	border: 1px solid rgba(214, 170, 86, 0.10) !important;
	background-color: rgba(255, 255, 255, 0.03) !important;
	filter: brightness(2.0) contrast(1.35) invert(0.92) !important;
	opacity: 1 !important;
}

.blackmu-support-form .cleditorButton:hover,
.blackmu-support-form .cleditorActive {
	border-color: rgba(214, 170, 86, 0.46) !important;
	background-color: rgba(214, 170, 86, 0.12) !important;
	filter: brightness(2.25) contrast(1.45) invert(0.96) !important;
	box-shadow: 0 0 10px rgba(214, 170, 86, 0.14) !important;
}

.blackmu-support-form .cleditorDivider {
	width: 1px !important;
	height: 22px !important;
	margin: 2px 7px 0 1px !important;
	background: rgba(214, 170, 86, 0.18) !important;
}

.blackmu-support-form .cleditorGroup {
	padding-right: 10px !important;
	margin-right: 8px !important;
}


/* Final v44: support login compact + toolbar icons aligned to design. */
.blackmu-support-login-shell {
	max-width: 760px;
	margin: 0 auto;
}

.blackmu-support-login-page {
	padding: 6px 0 2px;
}

.blackmu-support-login-page .row {
	justify-content: center;
}

.blackmu-support-login-title {
	position: relative;
	margin: 0 auto 22px !important;
	padding-bottom: 14px !important;
	text-align: center;
	color: #d6aa56 !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(198,154,72,0.18);
	max-width: 290px;
}

.blackmu-support-login-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 130px;
	height: 1px;
	background: linear-gradient(90deg, rgba(214,170,86,0), rgba(214,170,86,0.96), rgba(214,170,86,0));
}

.blackmu-support-login-box {
	max-width: 520px;
	margin: 0 auto 10px;
	padding: 26px 28px 22px;
	border: 1px solid rgba(198,154,72,0.22);
	background:
		linear-gradient(180deg, rgba(13,13,13,0.96), rgba(5,5,5,0.99)),
		radial-gradient(circle at top right, rgba(198,154,72,0.08), transparent 36%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.blackmu-support-login-box .form-group {
	margin-bottom: 16px;
}

.blackmu-support-login-box .control-label {
	display: block;
	margin-bottom: 8px;
	color: #d6aa56 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-transform: uppercase;
}

.blackmu-support-login-box .form-control {
	height: 48px;
	padding: 0 16px;
	border: 1px solid rgba(255,255,255,0.10) !important;
	background: linear-gradient(180deg, rgba(4,4,4,0.96), rgba(10,10,10,0.99)) !important;
	color: #f1ece1 !important;
	font-size: 14px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.blackmu-support-login-box .form-control:focus {
	border-color: rgba(214,170,86,0.52) !important;
	box-shadow: 0 0 0 1px rgba(214,170,86,0.16), 0 0 16px rgba(214,170,86,0.08) !important;
}

.blackmu-support-login-links {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 8px;
	font-size: 14px;
}

.blackmu-support-login-links a {
	color: #e7dbc8 !important;
}

.blackmu-support-login-links a:hover {
	color: #f2d183 !important;
}

.blackmu-support-form .cleditorMain {
	padding: 0 !important;
}

.blackmu-support-form .cleditorToolbar {
	height: 36px !important;
	line-height: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	padding: 5px 8px !important;
}

.blackmu-support-form .cleditorGroup {
	float: none !important;
	display: inline-block !important;
	vertical-align: top !important;
	height: 24px !important;
	padding: 0 10px 0 0 !important;
	margin: 0 8px 0 0 !important;
	border-right: 1px solid rgba(198,154,72,0.12);
	overflow: hidden !important;
}

.blackmu-support-form .cleditorButton {
	float: left !important;
	width: 24px !important;
	height: 24px !important;
	margin: 0 2px !important;
	overflow: hidden !important;
	background-color: rgba(255,255,255,0.03) !important;
	filter: brightness(2.1) contrast(1.4) invert(0.94) !important;
	opacity: 1 !important;
}

.blackmu-support-form .cleditorDivider {
	float: left !important;
	width: 1px !important;
	height: 22px !important;
	margin: 1px 0 !important;
	background: rgba(214,170,86,0.18) !important;
}


/* Final v46: compact support login and dark editor input area restored. */
.blackmu-support-login-shell {
	max-width: 620px !important;
	margin: 0 auto !important;
}

.blackmu-support-login-shell .dmn-page-title h1 {
	font-size: 26px !important;
	margin-bottom: 4px !important;
}

.blackmu-support-login-page {
	padding: 2px 0 0 !important;
}

.blackmu-support-login-title {
	max-width: 240px !important;
	font-size: 20px !important;
	margin-bottom: 16px !important;
	padding-bottom: 10px !important;
}

.blackmu-support-login-box {
	max-width: 420px !important;
	padding: 20px 22px 16px !important;
	margin: 0 auto 6px !important;
}

.blackmu-support-login-box .form-group {
	margin-bottom: 12px !important;
}

.blackmu-support-login-box .form-control {
	height: 44px !important;
	font-size: 13px !important;
}

.blackmu-support-login-links {
	gap: 14px !important;
	margin-top: 4px !important;
	font-size: 13px !important;
}

.blackmu-support-form .cleditorMain {
	background: #0b0b0b !important;
}

.blackmu-support-form .cleditorMain iframe,
.blackmu-support-form .cleditorMain textarea {
	background: #0b0b0b !important;
	color: #efe8dc !important;
}

.blackmu-support-form .cleditorMain iframe {
	color-scheme: dark;
}

.blackmu-support-form .cleditorToolbar {
	background:
		linear-gradient(180deg, rgba(40, 29, 15, 0.98), rgba(14, 14, 14, 0.99)),
		linear-gradient(90deg, rgba(214,170,86,0.08), rgba(214,170,86,0), rgba(214,170,86,0.08)) !important;
}


/* Final v47: make support account login window much more compact. */
.dmn-content .blackmu-support-login-shell {
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
}

.dmn-content .blackmu-support-login-shell .dmn-page-title {
	padding-top: 18px !important;
	padding-bottom: 6px !important;
}

.dmn-content .blackmu-support-login-shell .dmn-page-title h1 {
	font-size: 22px !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

.dmn-content .blackmu-support-login-shell .dmn-page-content {
	padding: 0 18px 18px !important;
}

.dmn-content .blackmu-support-login-shell .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dmn-content .blackmu-support-login-shell .col-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.blackmu-support-login-title {
	max-width: 200px !important;
	font-size: 17px !important;
	margin: 0 auto 12px !important;
	padding-bottom: 8px !important;
}

.blackmu-support-login-title::after {
	width: 110px !important;
}

.blackmu-support-login-box {
	max-width: 350px !important;
	padding: 16px 18px 12px !important;
	margin: 0 auto 4px !important;
}

.blackmu-support-login-box .form-group {
	margin-bottom: 10px !important;
}

.blackmu-support-login-box .control-label {
	font-size: 12px !important;
	margin-bottom: 6px !important;
}

.blackmu-support-login-box .form-control {
	height: 40px !important;
	padding: 0 12px !important;
	font-size: 13px !important;
}

.blackmu-support-login-box .blackmu-support-submit,
.blackmu-support-login-box .blackmu-support-action-btn,
.blackmu-support-login-box .btn.btn-primary {
	min-width: 140px !important;
	height: 40px !important;
	font-size: 12px !important;
}

.blackmu-support-login-links {
	gap: 12px !important;
	font-size: 12px !important;
	margin-top: 2px !important;
}


/* Final v48: compact cabinet/account login window. */
.blackmu-auth-login-compact .blackmu-auth-login-shell {
	width: 100% !important;
	max-width: 560px !important;
	margin: 0 auto !important;
}

.blackmu-auth-login-compact .dmn-page-title {
	padding-top: 18px !important;
	padding-bottom: 6px !important;
}

.blackmu-auth-login-compact .dmn-page-title h1 {
	font-size: 22px !important;
	line-height: 1.2 !important;
	margin: 0 !important;
}

.blackmu-auth-login-compact .dmn-page-content {
	padding: 0 18px 18px !important;
}

.blackmu-auth-login-compact .dmn-page-content .row {
	display: block !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.blackmu-auth-login-compact .dmn-page-content .col-12 {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.blackmu-auth-login-title {
	position: relative;
	max-width: 200px !important;
	font-size: 17px !important;
	margin: 0 auto 12px !important;
	padding-bottom: 8px !important;
	text-align: center;
	color: #d6aa56 !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(198,154,72,0.18);
}

.blackmu-auth-login-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 110px !important;
	height: 1px;
	background: linear-gradient(90deg, rgba(214,170,86,0), rgba(214,170,86,0.96), rgba(214,170,86,0));
}

.blackmu-auth-login-box {
	max-width: 350px !important;
	padding: 16px 18px 12px !important;
	margin: 0 auto 4px !important;
	border: 1px solid rgba(198,154,72,0.22);
	background: linear-gradient(180deg, rgba(13,13,13,0.96), rgba(5,5,5,0.99)), radial-gradient(circle at top right, rgba(198,154,72,0.08), transparent 36%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.blackmu-auth-login-box .form-group {
	margin-bottom: 10px !important;
}

.blackmu-auth-login-box .control-label {
	display: block;
	font-size: 12px !important;
	margin-bottom: 6px !important;
	color: #d6aa56 !important;
	font-weight: 800 !important;
	text-transform: uppercase;
}

.blackmu-auth-login-box .form-control {
	height: 40px !important;
	min-height: 40px !important;
	padding: 0 12px !important;
	font-size: 13px !important;
	border: 1px solid rgba(255,255,255,0.10) !important;
	background: linear-gradient(180deg, rgba(4,4,4,0.96), rgba(10,10,10,0.99)) !important;
	color: #f1ece1 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.blackmu-auth-login-box .form-control:focus {
	border-color: rgba(214,170,86,0.52) !important;
	box-shadow: 0 0 0 1px rgba(214,170,86,0.16), 0 0 16px rgba(214,170,86,0.08) !important;
}

.blackmu-auth-login-box .blackmu-support-submit,
.blackmu-auth-login-box .blackmu-support-action-btn,
.blackmu-auth-login-box .btn.btn-primary {
	min-width: 140px !important;
	height: 40px !important;
	font-size: 12px !important;
}

.blackmu-auth-login-links {
	display: flex;
	justify-content: center;
	gap: 12px !important;
	font-size: 12px !important;
	margin-top: 2px !important;
}

.blackmu-auth-login-links a {
	color: #e7dbc8 !important;
}

.blackmu-auth-login-links a:hover {
	color: #f2d183 !important;
}


/* Final v49: cabinet/account login much smaller and tighter. */
.blackmu-auth-login-compact {
	padding-top: 0 !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-shell,
.blackmu-auth-login-compact .dmn-page-box.blackmu-auth-login-shell {
	max-width: 500px !important;
	width: calc(100% - 24px) !important;
	margin: 0 auto !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-shell .dmn-page-title {
	padding: 16px 12px 4px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-shell .dmn-page-title h1 {
	font-size: 18px !important;
	letter-spacing: 0.4px !important;
	margin: 0 !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-shell .dmn-page-content {
	padding: 0 14px 14px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-title {
	max-width: 170px !important;
	font-size: 15px !important;
	margin: 0 auto 10px !important;
	padding-bottom: 6px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-title::after {
	width: 92px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-box {
	max-width: 300px !important;
	padding: 14px 14px 10px !important;
	margin: 0 auto !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-box .form-group {
	margin-bottom: 8px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-box .control-label {
	font-size: 11px !important;
	margin-bottom: 5px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-box .form-control {
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 10px !important;
	font-size: 12px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-box .btn,
.blackmu-auth-login-compact .blackmu-auth-login-box .btn-primary,
.blackmu-auth-login-compact .blackmu-auth-login-box .blackmu-support-action-btn {
	min-width: 120px !important;
	height: 36px !important;
	font-size: 11px !important;
	padding: 0 16px !important;
}

.blackmu-auth-login-compact .blackmu-auth-login-links {
	gap: 10px !important;
	font-size: 11px !important;
	margin-top: 0 !important;
}


/* Final v50: footer back-to-top button. */
.blackmu-footer {
	overflow: visible;
}

.blackmu-scroll-top {
	position: absolute;
	left: 50%;
	top: -19px;
	transform: translateX(-50%);
	z-index: 8;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	background: transparent;
}

.blackmu-scroll-top__circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid rgba(198, 154, 72, 0.18);
	background: radial-gradient(circle at 50% 40%, rgba(23, 23, 23, 0.98) 0%, rgba(6, 6, 6, 1) 72%);
	box-shadow: 0 0 0 7px rgba(255,255,255,0.02), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 0 14px rgba(0,0,0,0.45);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.blackmu-scroll-top__arrow {
	position: relative;
	width: 12px;
	height: 12px;
	display: block;
}

.blackmu-scroll-top__arrow::before,
.blackmu-scroll-top__arrow::after {
	content: "";
	position: absolute;
	top: 5px;
	width: 8px;
	height: 2px;
	background: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(255,255,255,0.18);
}

.blackmu-scroll-top__arrow::before {
	left: 0;
	transform: rotate(-45deg);
	transform-origin: left center;
}

.blackmu-scroll-top__arrow::after {
	right: 0;
	transform: rotate(45deg);
	transform-origin: right center;
}

.blackmu-scroll-top:hover .blackmu-scroll-top__circle {
	transform: translateY(-2px);
	border-color: rgba(214, 170, 86, 0.4);
	box-shadow: 0 0 0 7px rgba(255,255,255,0.02), 0 0 0 1px rgba(255,255,255,0.05) inset, 0 0 18px rgba(214,170,86,0.18);
}

@media (max-width: 767px) {
	.blackmu-scroll-top {
		top: -16px;
		width: 50px;
		height: 50px;
	}
	.blackmu-scroll-top__circle {
		width: 42px;
		height: 42px;
	}
}

/* v52 fixes: center server information title, correct rankings top-card alignment,
   and restore compact premium character info layout. */
.blackmu-server-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blackmu-server-info h2 {
	width: 100%;
	text-align: center !important;
	margin: 0 0 22px !important;
}

.blackmu-page-body .topThree-block_class,
.blackmu-rankings-page .topThree-block_class {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.blackmu-page-body .topThree-block_class .slider-nav-slide-block,
.blackmu-rankings-page .topThree-block_class .slider-nav-slide-block {
	margin-top: -3px !important;
	margin-left: 0 !important;
	transform: scale(0.8) !important;
	transform-origin: center center !important;
}

.blackmu-character-page .dmn-page-box {
	max-width: min(1140px, calc(100vw - 36px)) !important;
}

.blackmu-character-page .dmn-page-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.blackmu-character-page .dmn-rankings-table {
	width: 100% !important;
	border-collapse: collapse !important;
	table-layout: fixed;
}

.blackmu-character-summary-table,
.blackmu-character-account-table,
.blackmu-character-guild-table,
.blackmu-character-equipment-table {
	width: 100% !important;
	margin: 0 0 14px !important;
}

.blackmu-character-summary-table > thead > tr,
.blackmu-character-account-table > thead > tr,
.blackmu-character-guild-table > thead > tr,
.blackmu-character-equipment-table > thead > tr {
	display: table-row !important;
}

.blackmu-character-summary-table > thead > tr > th,
.blackmu-character-account-table > thead > tr > th,
.blackmu-character-guild-table > thead > tr > th,
.blackmu-character-equipment-table > thead > tr > th {
	padding: 16px 18px !important;
	font-size: 14px !important;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

.blackmu-character-summary-table > tbody > tr {
	display: grid !important;
	grid-template-columns: 200px minmax(0, 1fr) !important;
	align-items: stretch !important;
}

.blackmu-character-summary-table > tbody > tr > td,
.blackmu-character-account-table > tbody > tr > td,
.blackmu-character-guild-table > tbody > tr > td,
.blackmu-character-equipment-table > tbody > tr > td {
	width: auto !important;
	min-width: 0 !important;
	vertical-align: top !important;
}

.blackmu-character-summary-table .blackmu-character-avatar-cell {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 14px 16px !important;
}

.blackmu-character-page .blackmu-character-hero-card {
	width: 168px !important;
	height: 145px !important;
}

.blackmu-character-page .blackmu-character-hero-card .slider-nav-slide-block {
	width: 148px !important;
	height: 140px !important;
	margin: 0 auto !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table,
.blackmu-character-account-table > tbody > tr > td > table,
.blackmu-character-guild-table > tbody > tr > td > table {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0 18px !important;
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table > tbody,
.blackmu-character-account-table > tbody > tr > td > table > tbody,
.blackmu-character-guild-table > tbody > tr > td > table > tbody {
	display: contents !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
.blackmu-character-account-table > tbody > tr > td > table tr,
.blackmu-character-guild-table > tbody > tr > td > table tr {
	display: grid !important;
	grid-template-columns: minmax(150px, 42%) minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
	background: rgba(255, 255, 255, 0.01) !important;
	box-shadow: none !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table tr:nth-child(-n+2),
.blackmu-character-account-table > tbody > tr > td > table tr:nth-child(-n+2),
.blackmu-character-guild-table > tbody > tr > td > table tr:nth-child(-n+2) {
	border-top: 0 !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td,
.blackmu-character-account-table > tbody > tr > td > table td,
.blackmu-character-guild-table > tbody > tr > td > table td {
	display: block !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	overflow-wrap: anywhere;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td:first-child,
.blackmu-character-account-table > tbody > tr > td > table td:first-child,
.blackmu-character-guild-table > tbody > tr > td > table td:first-child {
	color: #a89f91 !important;
	font-weight: 600 !important;
	text-align: left !important;
}

.blackmu-character-summary-table > tbody > tr > td:last-child > table td:last-child,
.blackmu-character-account-table > tbody > tr > td > table td:last-child,
.blackmu-character-guild-table > tbody > tr > td > table td:last-child {
	color: #f4e7b2 !important;
	font-weight: 700 !important;
	text-align: right !important;
}

.blackmu-character-page .blackmu-character-equipment {
	width: 100%;
}

.blackmu-character-page #inventoryc,
.blackmu-character-page #inventory {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 900px) {
	.blackmu-character-summary-table > tbody > tr {
		grid-template-columns: 1fr !important;
	}

	.blackmu-character-summary-table > tbody > tr > td:last-child > table,
	.blackmu-character-account-table > tbody > tr > td > table,
	.blackmu-character-guild-table > tbody > tr > td > table {
		grid-template-columns: 1fr !important;
	}

	.blackmu-character-summary-table > tbody > tr > td:last-child > table tr,
	.blackmu-character-account-table > tbody > tr > td > table tr,
	.blackmu-character-guild-table > tbody > tr > td > table tr {
		grid-template-columns: minmax(110px, 42%) minmax(0, 1fr) !important;
	}
}


/* v53: restored working Rankings + Character Info from v39 archive into current real CSS. */
.blackmu-rankings-page .topThree.blackmu-top-three,
.blackmu-rankings-page .blackmu-top-three {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 18px 0 14px !important;
	padding: 0 !important;
}

.blackmu-rankings-page .topThree-block.blackmu-top-card,
.blackmu-rankings-page .blackmu-top-card {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 82px 124px minmax(118px, 1fr) !important;
	align-items: center !important;
	min-height: 118px !important;
	height: 118px !important;
	padding: 0 12px 0 0 !important;
	border: 1px solid rgba(201, 150, 55, 0.60) !important;
	background:
		linear-gradient(90deg, rgba(20, 16, 10, 0.92), rgba(5, 5, 5, 0.98) 48%, rgba(2, 2, 2, 0.98)),
		radial-gradient(circle at 35% 50%, rgba(214, 170, 86, 0.13), transparent 42%) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.035), 0 0 18px rgba(214, 170, 86, 0.08) !important;
	overflow: hidden !important;
}

.blackmu-rankings-page .topThree-block.blackmu-top-card:hover,
.blackmu-rankings-page .blackmu-top-card:hover {
	border-color: rgba(255, 199, 92, 0.82) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.08), 0 0 24px rgba(214, 170, 86, 0.15) !important;
}

.blackmu-rankings-page .topThree-block_place {
	width: 82px !important;
	height: 118px !important;
	min-width: 82px !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border-right: 1px solid rgba(214, 170, 86, 0.18) !important;
	box-shadow: none !important;
}

.blackmu-rankings-page .topThree-block_place.place-1 { background-image: url(../images/first-place-img.jpg) !important; }
.blackmu-rankings-page .topThree-block_place.place-2 { background-image: url(../images/second-place-img.jpg) !important; }
.blackmu-rankings-page .topThree-block_place.place-3 { background-image: url(../images/third-place-img.jpg) !important; }

.blackmu-rankings-page .topThree-block_class {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 124px !important;
	height: 118px !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	overflow: visible !important;
}

.blackmu-rankings-page .topThree-block_class .slider-nav-slide-block {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
}

.blackmu-rankings-page .blackmu-top-hero,
.blackmu-rankings-page .topThree-block_class img {
	display: block !important;
	max-width: 118px !important;
	max-height: 112px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.45)) !important;
}

.blackmu-rankings-page .topThree-block_text.blackmu-top-card-info,
.blackmu-rankings-page .blackmu-top-card-info {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: stretch !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 0 0 8px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: left !important;
}

.blackmu-rankings-page .blackmu-top-name,
.blackmu-rankings-page .topThree-block_text .blackmu-top-name {
	display: block !important;
	margin: 0 0 7px !important;
	max-width: 100% !important;
	color: #ffcf55 !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	letter-spacing: 0.2px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-shadow: 0 0 10px rgba(255, 194, 76, 0.32) !important;
}

.blackmu-rankings-page .blackmu-rank-card-stats {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 2px !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.blackmu-rankings-page .blackmu-rank-card-stats span {
	display: grid !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 4px !important;
	min-height: 14px !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #f5e8bd !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	white-space: nowrap !important;
}

.blackmu-rankings-page .blackmu-rank-card-stats b {
	color: #d9c48d !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: none !important;
}

.blackmu-rankings-page .blackmu-rank-card-stats strong {
	justify-self: end !important;
	color: #fff06a !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-shadow: 0 0 8px rgba(255, 221, 82, 0.24) !important;
}

.blackmu-rankings-page .dmn-rankings-table.blackmu-player-rankings-table,
.blackmu-rankings-page .dmn-rankings-table {
	border: 1px solid rgba(198, 154, 72, 0.34) !important;
	background: rgba(0, 0, 0, 0.66) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.025) !important;
}

.blackmu-rankings-page .dmn-rankings-table thead th {
	padding: 12px 14px !important;
	border-color: rgba(198, 154, 72, 0.22) !important;
	background: rgba(18, 14, 8, 0.92) !important;
	color: #d7ad54 !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-rankings-page .dmn-rankings-table tbody td {
	padding: 11px 14px !important;
	border-color: rgba(255, 255, 255, 0.055) !important;
	background: rgba(0, 0, 0, 0.42) !important;
	color: #e9e2d2 !important;
	font-size: 13.5px !important;
	line-height: 1.25 !important;
}

.blackmu-rankings-page .dmn-rankings-table tbody tr:hover td {
	background: rgba(214, 170, 86, 0.055) !important;
}

.blackmu-rankings-page .blackmu-player-name-link {
	color: #ffcf55 !important;
	font-weight: 900 !important;
	text-shadow: 0 0 8px rgba(255, 194, 76, 0.24) !important;
}

.blackmu-rankings-page .blackmu-rank-status-icon {
	width: 11px !important;
	height: 11px !important;
	margin-left: 6px !important;
	vertical-align: -1px !important;
}

/* -------- Character Info compact premium layout -------- */
.blackmu-character-page .dmn-page-content {
	font-size: 12px !important;
}

.blackmu-character-page .dmn-page-content h2.title {
	margin: 0 0 16px !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
	letter-spacing: 1px !important;
	text-align: center !important;
	color: #e7b84f !important;
	text-shadow: 0 0 10px rgba(231, 184, 79, 0.22) !important;
}

.blackmu-character-page .blackmu-info-panel {
	margin: 0 0 14px !important;
	border: 1px solid rgba(198, 154, 72, 0.34) !important;
	background: linear-gradient(180deg, rgba(8, 8, 7, 0.92), rgba(0, 0, 0, 0.86)) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.025), 0 0 18px rgba(214, 170, 86, 0.05) !important;
}

.blackmu-character-page .blackmu-info-panel__head {
	display: flex !important;
	align-items: center !important;
	height: 34px !important;
	padding: 0 14px !important;
	border-bottom: 1px solid rgba(198, 154, 72, 0.24) !important;
	background: rgba(18, 14, 8, 0.68) !important;
	color: #e7b84f !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.7px !important;
	text-transform: uppercase !important;
}

.blackmu-character-page .blackmu-character-compact-layout {
	display: grid !important;
	grid-template-columns: 150px minmax(0, 1fr) !important;
	gap: 18px !important;
	align-items: center !important;
	padding: 14px 18px !important;
}

.blackmu-character-page .blackmu-character-avatar-box {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 128px !important;
	height: 128px !important;
	margin: 0 auto !important;
	border: 1px solid rgba(198, 154, 72, 0.38) !important;
	background: radial-gradient(circle at center, rgba(214, 170, 86, 0.08), rgba(0, 0, 0, 0.86) 62%) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.035) !important;
}

.blackmu-character-page .blackmu-character-avatar-box img {
	max-width: 112px !important;
	max-height: 112px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.55)) !important;
}

.blackmu-character-page .blackmu-character-stats-grid,
.blackmu-character-page .blackmu-account-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
	gap: 0 18px !important;
	width: 100% !important;
	min-width: 0 !important;
}

.blackmu-character-page .blackmu-account-grid {
	padding: 12px 18px !important;
}

.blackmu-character-page .blackmu-stat-line {
	display: grid !important;
	grid-template-columns: 130px minmax(120px, 1fr) !important;
	align-items: center !important;
	min-height: 34px !important;
	padding: 0 8px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
	min-width: 0 !important;
}

.blackmu-character-page .blackmu-stat-line span {
	color: #d9c48d !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.15px !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.blackmu-character-page .blackmu-stat-line strong {
	justify-self: end !important;
	max-width: 100% !important;
	color: #fff4b8 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: right !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	text-shadow: 0 0 8px rgba(255, 222, 120, 0.18) !important;
}

.blackmu-character-page .blackmu-stat-line a {
	color: #ffcf55 !important;
}

.blackmu-character-page .blackmu-dot {
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	margin-right: 6px !important;
	border-radius: 50% !important;
	vertical-align: 1px !important;
}

.blackmu-character-page .blackmu-dot--online {
	background: #55ff28 !important;
	box-shadow: 0 0 8px rgba(85, 255, 40, 0.72) !important;
}

.blackmu-character-page .blackmu-dot--offline {
	background: #ff3333 !important;
	box-shadow: 0 0 8px rgba(255, 51, 51, 0.72) !important;
}

.blackmu-character-page .blackmu-equipment-stage {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px 12px 24px !important;
	background: radial-gradient(circle at center, rgba(214, 170, 86, 0.035), transparent 60%) !important;
}

.blackmu-character-page #inventoryc {
	position: relative !important;
	display: inline-block !important;
	width: 395px !important;
	height: 320px !important;
	margin: 0 auto !important;
	background: url('../../default_assets/images/inventoryc.png?v1') no-repeat left top !important;
	background-size: 395px 320px !important;
	text-align: center !important;
	transform: none !important;
	filter: drop-shadow(0 16px 26px rgba(0, 0, 0, 0.38)) !important;
}

.blackmu-character-page #inventoryc > img {
	display: none !important;
}

.blackmu-character-page #inventoryc > div {
	position: absolute !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	border: 0 !important;
	box-shadow: none !important;
}

.blackmu-character-page #in_weapon { width:90px !important;height:136px !important;bottom:0 !important;left:-6px !important; }
.blackmu-character-page #in_shield { width:60px !important;height:136px !important;bottom:0 !important;right:8px !important; }
.blackmu-character-page #in_helm { width:68px !important;height:68px !important;top:2px !important;left:66px !important; }
.blackmu-character-page #in_armor { width:72px !important;height:110px !important;top:72px !important;left:40px !important; }
.blackmu-character-page #in_pants { width:68px !important;height:68px !important;bottom:8px !important;left:82px !important; }
.blackmu-character-page #in_gloves { width:68px !important;height:68px !important;top:116px !important;right:54px !important; }
.blackmu-character-page #in_boots { width:68px !important;height:68px !important;bottom:8px !important;right:82px !important; }
.blackmu-character-page #in_wings { width:138px !important;height:102px !important;top:8px !important;right:-2px !important; }
.blackmu-character-page #in_zoo { width:42px !important;height:42px !important;top:15px !important;left:10px !important; }
.blackmu-character-page #in_pendant { width:38px !important;height:38px !important;top:20px !important;right:136px !important; }
.blackmu-character-page #in_ring1 { width:38px !important;height:38px !important;bottom:92px !important;left:96px !important; }
.blackmu-character-page #in_ring2 { width:38px !important;height:38px !important;bottom:92px !important;right:96px !important; }
.blackmu-character-page #in_pentagram { width:64px !important;height:64px !important;bottom:8px !important;right:169px !important; }
.blackmu-character-page #in_ear1 { width:32px !important;height:32px !important;top:72px !important;left:0 !important; }
.blackmu-character-page #in_ear2 { width:32px !important;height:32px !important;top:72px !important;left:115px !important; }

@media (max-width: 980px) {
	.blackmu-rankings-page .topThree.blackmu-top-three,
	.blackmu-rankings-page .blackmu-top-three {
		grid-template-columns: 1fr !important;
	}
	.blackmu-character-page .blackmu-character-compact-layout,
	.blackmu-character-page .blackmu-character-stats-grid,
	.blackmu-character-page .blackmu-account-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 520px) {
	.blackmu-character-page #inventoryc {
		transform: scale(0.82) !important;
		transform-origin: top center !important;
		margin-bottom: -58px !important;
	}
	.blackmu-character-page .blackmu-stat-line {
		grid-template-columns: 1fr !important;
		gap: 4px !important;
		padding: 8px !important;
	}
	.blackmu-character-page .blackmu-stat-line strong {
		justify-self: start !important;
		text-align: left !important;
	}
}


/* Final v38: small fixes only — lower Rankings heroes and restore legacy Character equipment. */
.blackmu-rankings-page .blackmu-top-hero,
.blackmu-rankings-page .topThree-block_class img {
	transform: translateY(9px) !important;
}

.blackmu-rankings-page .topThree-block_class {
	align-items: center !important;
	padding-top: 8px !important;
}

.blackmu-character-page .blackmu-equipment-stage {
	min-height: 315px !important;
	padding: 18px 12px 22px !important;
}

.blackmu-character-page #inventory {
	position: relative !important;
	display: inline-block !important;
	width: 400px !important;
	height: 407px !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	transform: scale(0.78) !important;
	transform-origin: center top !important;
	filter: none !important;
	box-shadow: none !important;
}

.blackmu-character-page #inventory > div {
	position: absolute !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.38)) !important;
}

.blackmu-character-page #inventory #wings { left: 272px !important; top: 59px !important; width: 127px !important; height: 110px !important; }
.blackmu-character-page #inventory #helm { left: 73px !important; top: 58px !important; width: 56px !important; height: 66px !important; }
.blackmu-character-page #inventory #pendant { left: 233px !important; top: 80px !important; width: 29px !important; height: 29px !important; }
.blackmu-character-page #inventory #sword { left: 6px !important; top: 242px !important; width: 69px !important; height: 129px !important; }
.blackmu-character-page #inventory #shield { left: 330px !important; top: 242px !important; width: 69px !important; height: 129px !important; }
.blackmu-character-page #inventory #armor { left: 40px !important; top: 138px !important; width: 82px !important; height: 98px !important; }
.blackmu-character-page #inventory #pants { left: 89px !important; top: 297px !important; width: 58px !important; height: 74px !important; }
.blackmu-character-page #inventory #gloves { left: 271px !important; top: 178px !important; width: 85px !important; height: 55px !important; }
.blackmu-character-page #inventory #boots { left: 258px !important; top: 297px !important; width: 58px !important; height: 74px !important; }
.blackmu-character-page #inventory #ring_left { left: 102px !important; top: 252px !important; width: 29px !important; height: 29px !important; }
.blackmu-character-page #inventory #ring_right { left: 272px !important; top: 252px !important; width: 29px !important; height: 29px !important; }

/* Final v39: enlarge Character Equipment area only. */
.blackmu-character-page .blackmu-character-equipment-panel {
	overflow: visible !important;
}

.blackmu-character-page .blackmu-equipment-stage {
	min-height: 455px !important;
	padding: 30px 12px 36px !important;
	overflow: visible !important;
}

.blackmu-character-page #inventory {
	transform: scale(1) !important;
	transform-origin: center top !important;
	margin: 0 auto !important;
}

.blackmu-character-page #inventoryc {
	transform: scale(1.08) !important;
	transform-origin: center top !important;
	margin: 0 auto 26px !important;
}

@media (max-width: 640px) {
	.blackmu-character-page .blackmu-equipment-stage {
		min-height: 380px !important;
		padding: 22px 6px 28px !important;
	}
	.blackmu-character-page #inventory {
		transform: scale(0.82) !important;
		transform-origin: center top !important;
		margin-bottom: -55px !important;
	}
	.blackmu-character-page #inventoryc {
		transform: scale(0.86) !important;
		transform-origin: center top !important;
		margin-bottom: -32px !important;
	}
}


/* v53 extra: center Server Information title reliably. */
.blackmu-server-panel .blackmu-server-info h2,
.blackmu-server-info h2 {
	text-align: center !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* v54: center support section titles directly under SUPPORT, keep action buttons on the right. */
.blackmu-support-page .blackmu-support-headline {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	padding: 0 210px 18px !important;
	text-align: center !important;
	line-height: 1.25 !important;
}

.blackmu-support-page .blackmu-support-headline::after {
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 260px !important;
	background: linear-gradient(90deg, rgba(214,170,86,0), rgba(214,170,86,0.95), rgba(214,170,86,0)) !important;
}

.blackmu-support-page .blackmu-support-headline .float-right {
	float: none !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	margin-top: -6px !important;
	z-index: 2 !important;
}

.blackmu-support-page .blackmu-support-headline .blackmu-support-top-btn {
	white-space: nowrap !important;
}

@media (max-width: 767px) {
	.blackmu-support-page .blackmu-support-headline {
		padding: 0 0 18px !important;
	}

	.blackmu-support-page .blackmu-support-headline .float-right {
		position: static !important;
		display: flex !important;
		justify-content: center !important;
		margin-top: 14px !important;
	}

	.blackmu-support-page .blackmu-support-headline::after {
		width: 190px !important;
	}
}


/* v55: Premium compact Add Stats pages. */
.blackmu-add-stats-page .blackmu-add-stats-shell {
	max-width: min(820px, calc(100vw - 44px)) !important;
	border-color: rgba(198, 154, 72, 0.34) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(214, 170, 86, 0.055), transparent 34%),
		linear-gradient(180deg, rgba(16, 16, 16, 0.96), rgba(4, 4, 4, 0.98)) !important;
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.46), inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important;
}

.blackmu-add-stats-list-page .blackmu-add-stats-shell {
	max-width: min(860px, calc(100vw - 44px)) !important;
}

.blackmu-add-stats-page .dmn-page-title {
	padding-top: 22px !important;
}

.blackmu-add-stats-page .dmn-page-title h1 {
	font-size: 28px !important;
	letter-spacing: -0.3px !important;
}

.blackmu-add-stats-page .blackmu-add-stats-content {
	padding: 18px 28px 28px !important;
}

.blackmu-add-stats-page .blackmu-add-stats-subtitle {
	position: relative !important;
	display: block !important;
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 auto 18px !important;
	padding: 0 18px 12px !important;
	color: #f0bf58 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.3px !important;
	line-height: 1.25 !important;
	text-align: center !important;
	text-shadow: 0 0 16px rgba(240, 191, 88, 0.13) !important;
}

.blackmu-add-stats-page .blackmu-add-stats-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 0 !important;
	width: min(240px, 100%) !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent) !important;
}

.blackmu-add-stats-card {
	width: min(680px, 100%) !important;
	margin: 0 auto !important;
	padding: 16px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(19, 14, 9, 0.58), rgba(0, 0, 0, 0.28)),
		rgba(4, 4, 4, 0.36) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025), 0 14px 32px rgba(0, 0, 0, 0.24) !important;
}

.blackmu-add-stats-form .form-group.row {
	display: grid !important;
	grid-template-columns: 205px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 9px !important;
	padding: 0 !important;
}

.blackmu-add-stats-form .form-group.row > [class*="col-"] {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

.blackmu-add-stats-form .col-form-label {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 0 11px !important;
	border: 1px solid rgba(198, 154, 72, 0.14) !important;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.82), rgba(5, 5, 5, 0.92)) !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-add-stats-form .col-form-label span:first-child {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.blackmu-add-stats-form .col-form-label em {
	flex: 0 0 auto !important;
	padding: 3px 6px !important;
	border: 1px solid rgba(214, 170, 86, 0.18) !important;
	background: rgba(214, 170, 86, 0.055) !important;
	color: #fff1b6 !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-shadow: 0 0 10px rgba(214, 170, 86, 0.2) !important;
}

.blackmu-add-stats-form .form-control {
	height: 38px !important;
	min-height: 38px !important;
	padding: 7px 12px !important;
	border-color: rgba(255, 255, 255, 0.11) !important;
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.72), rgba(0, 0, 0, 0.54)) !important;
	color: #fff9ee !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

.blackmu-add-stats-form .form-control:focus {
	border-color: rgba(214, 170, 86, 0.72) !important;
	background: rgba(0, 0, 0, 0.72) !important;
	box-shadow: 0 0 0 1px rgba(214, 170, 86, 0.14), 0 0 18px rgba(214, 170, 86, 0.08) !important;
}

.blackmu-add-stats-form .form-control:disabled {
	border-color: rgba(214, 170, 86, 0.2) !important;
	background: rgba(214, 170, 86, 0.045) !important;
	color: #ffdf8c !important;
	-webkit-text-fill-color: #ffdf8c !important;
}

.blackmu-add-stats-form .text-center.form-group {
	margin: 14px 0 0 !important;
}

.blackmu-add-stats-form #add_points,
.blackmu-add-stats-page button[type='submit'] {
	min-width: 180px !important;
	height: 40px !important;
	min-height: 40px !important;
	padding: 0 30px !important;
	border-color: rgba(231, 178, 75, 0.68) !important;
	background: linear-gradient(180deg, rgba(33, 23, 12, 0.98), rgba(8, 7, 6, 0.98)) !important;
	color: #fff1b6 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.025) inset, 0 12px 30px rgba(0, 0, 0, 0.36) !important;
}

.blackmu-add-stats-form #add_points:hover,
.blackmu-add-stats-page button[type='submit']:hover {
	border-color: rgba(255, 205, 96, 0.92) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 16px 36px rgba(170, 111, 24, 0.24) !important;
}

.blackmu-add-stats-list-card {
	width: min(760px, 100%) !important;
	padding: 12px !important;
}

.blackmu-add-stats-table-wrap {
	overflow: hidden !important;
	border: 1px solid rgba(198, 154, 72, 0.2) !important;
	background: rgba(0, 0, 0, 0.28) !important;
}

.blackmu-add-stats-table {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}

.blackmu-add-stats-table thead th {
	padding: 10px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.96), rgba(7, 7, 7, 0.98)) !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
}

.blackmu-add-stats-table tbody td {
	padding: 10px 14px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.055) !important;
	color: #e6dfd3 !important;
	background: rgba(0, 0, 0, 0.18) !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

.blackmu-add-stats-table tbody tr:hover td {
	background: rgba(198, 154, 72, 0.045) !important;
}

.blackmu-add-stats-table a {
	color: #ffd66c !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.blackmu-add-stats-table td:last-child a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 112px !important;
	height: 30px !important;
	padding: 0 13px !important;
	border: 1px solid rgba(198, 154, 72, 0.42) !important;
	background: linear-gradient(180deg, rgba(22, 15, 8, 0.92), rgba(4, 4, 4, 0.96)) !important;
	color: #fff1b6 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24) !important;
}

.blackmu-add-stats-table td:last-child a:hover {
	border-color: rgba(255, 205, 96, 0.9) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
}

.blackmu-add-stats-list-page .alert {
	margin: 0 !important;
	padding: 10px 12px !important;
	font-size: 12px !important;
	text-align: center !important;
}

@media (max-width: 680px) {
	.blackmu-add-stats-page .blackmu-add-stats-content {
		padding: 16px 14px 22px !important;
	}

	.blackmu-add-stats-card {
		padding: 12px !important;
	}

	.blackmu-add-stats-form .form-group.row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.blackmu-add-stats-form .col-form-label {
		min-height: 34px !important;
	}

	.blackmu-add-stats-table thead th,
	.blackmu-add-stats-table tbody td {
		padding: 9px 10px !important;
	}
}


/* v56: Add Stats fixed centered premium form layout. */
.blackmu-add-stats-form-page .blackmu-add-stats-card {
	width: min(680px, 100%) !important;
	padding: 16px 18px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form {
	width: min(570px, 100%) !important;
	margin: 0 auto !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
	grid-template-columns: 205px minmax(0, 1fr) !important;
	gap: 12px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
	display: flex !important;
	justify-content: center !important;
	margin-top: 15px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form #add_points {
	min-width: 180px !important;
}

@media (max-width: 680px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-form {
		width: 100% !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}
}


/* v57: REAL fix - move Add Stats left labels away from the left edge */
.blackmu-add-stats-form-page .blackmu-add-stats-card {
	width: min(700px, 100%) !important;
	padding: 16px 34px 20px 88px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
	display: grid !important;
	grid-template-columns: 205px minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: center !important;
	margin: 0 0 9px !important;
	padding: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row > [class*="col-"] {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
	padding: 0 12px 0 24px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label span:first-child {
	padding-left: 0 !important;
	text-indent: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
	display: flex !important;
	justify-content: center !important;
	margin: 15px 0 0 !important;
	transform: translateX(-22px) !important;
}

@media (max-width: 900px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-card {
		width: min(700px, 100%) !important;
		padding: 16px 28px 20px 58px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
		transform: none !important;
	}
}

@media (max-width: 680px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-card {
		padding: 12px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
		padding: 0 14px !important;
	}
}

/* v58: Add Stats - move label text away from left edge */
.blackmu-add-stats-form-page .blackmu-add-stats-card {
	padding: 16px 24px 20px 24px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form {
	width: min(640px, 100%) !important;
	margin: 0 auto !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
	display: grid !important;
	grid-template-columns: 215px minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: center !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row > [class*="col-"] {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0 12px 0 38px !important;
	min-height: 38px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label span:first-child {
	display: inline-block !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	text-indent: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label em {
	margin-left: 10px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
	display: flex !important;
	justify-content: center !important;
	margin: 14px 0 0 !important;
	transform: none !important;
}

@media (max-width: 680px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-card {
		padding: 12px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form {
		width: 100% !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
		padding: 0 12px 0 24px !important;
	}
}

/* v59: Add Stats - shift the whole left label block to the right */
.blackmu-add-stats-form-page .blackmu-add-stats-card {
	padding: 16px 22px 20px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form {
	width: min(660px, 100%) !important;
	margin: 0 auto !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
	grid-template-columns: 190px minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: center !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
	position: relative !important;
	left: 18px !important;
	width: calc(100% - 18px) !important;
	padding: 0 12px 0 18px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
	padding-left: 18px !important;
}

@media (max-width: 680px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
		left: 0 !important;
		width: 100% !important;
		padding: 0 12px 0 18px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
		padding-left: 0 !important;
	}
}


/* v60: Add Stats - FIX TEXT ONLY. Do not move label block or [32000] numbers */
.blackmu-add-stats-form-page .blackmu-add-stats-card {
	padding: 16px 24px 20px 24px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form {
	width: min(640px, 100%) !important;
	margin: 0 auto !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
	display: grid !important;
	grid-template-columns: 215px minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: center !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row > [class*="col-"] {
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	flex: none !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label {
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 10px 0 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 38px !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label > span:first-child {
	display: inline-block !important;
	margin-left: 34px !important; /* moves ONLY the text to the right */
	padding-left: 0 !important;
	text-indent: 0 !important;
	transform: none !important;
	white-space: nowrap !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label > em {
	margin-left: auto !important;
	margin-right: 0 !important;
	transform: none !important;
	position: static !important;
	flex: 0 0 auto !important;
}

.blackmu-add-stats-form-page .blackmu-add-stats-form .text-center.form-group {
	display: flex !important;
	justify-content: center !important;
	margin: 14px 0 0 !important;
	padding-left: 0 !important;
	transform: none !important;
}

@media (max-width: 680px) {
	.blackmu-add-stats-form-page .blackmu-add-stats-card {
		padding: 12px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form {
		width: 100% !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .form-group.row {
		grid-template-columns: 1fr !important;
		gap: 6px !important;
	}

	.blackmu-add-stats-form-page .blackmu-add-stats-form .col-form-label > span:first-child {
		margin-left: 18px !important;
	}
}


/* v61: Reset Stats compact premium redesign */
.blackmu-reset-stats-page .blackmu-reset-stats-shell {
	max-width: 900px !important;
	margin: 26px auto 34px !important;
}

.blackmu-reset-stats-page .dmn-page-title {
	padding-bottom: 4px !important;
}

.blackmu-reset-stats-page .dmn-page-title h1 {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.blackmu-reset-stats-page .blackmu-reset-stats-content {
	padding: 8px 28px 26px !important;
}

.blackmu-reset-stats-page .blackmu-reset-stats-subtitle {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: 0 0 16px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.35px !important;
	text-transform: uppercase !important;
	color: #f0bf58 !important;
}

.blackmu-reset-stats-page .blackmu-reset-stats-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 240px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent) !important;
}

.blackmu-reset-stats-card {
	width: min(760px, 100%) !important;
	margin: 0 auto !important;
	padding: 12px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(19, 14, 9, 0.52), rgba(0, 0, 0, 0.30)), rgba(4, 4, 4, 0.34) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 14px 32px rgba(0,0,0,0.22) !important;
}

.blackmu-reset-stats-table-wrap {
	overflow: hidden !important;
	border: 1px solid rgba(198, 154, 72, 0.16) !important;
	background: rgba(0, 0, 0, 0.26) !important;
}

.blackmu-reset-stats-table {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}

.blackmu-reset-stats-table thead th {
	padding: 10px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(198, 154, 72, 0.16) !important;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.96), rgba(7, 7, 7, 0.98)) !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-reset-stats-table tbody td {
	padding: 11px 14px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	color: #e6dfd3 !important;
	background: rgba(0, 0, 0, 0.16) !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	vertical-align: middle !important;
}

.blackmu-reset-stats-table tbody tr:hover td {
	background: rgba(198, 154, 72, 0.04) !important;
}

.blackmu-reset-stats-table a {
	color: #ffd66c !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.blackmu-reset-stats-table td:last-child {
	text-align: center !important;
}

.blackmu-reset-stats-table td:last-child a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 124px !important;
	height: 30px !important;
	padding: 0 14px !important;
	border: 1px solid rgba(198, 154, 72, 0.42) !important;
	background: linear-gradient(180deg, rgba(22,15,8,0.92), rgba(4,4,4,0.96)) !important;
	color: #fff1b6 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	box-shadow: 0 8px 20px rgba(0,0,0,0.24) !important;
}

.blackmu-reset-stats-table td:last-child a:hover {
	border-color: rgba(255,205,96,0.9) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
}

.blackmu-reset-stats-card .alert {
	margin: 0 !important;
	padding: 10px 12px !important;
	font-size: 12px !important;
	text-align: center !important;
}

@media (max-width: 760px) {
	.blackmu-reset-stats-page .blackmu-reset-stats-content {
		padding: 8px 14px 20px !important;
	}

	.blackmu-reset-stats-card {
		padding: 10px !important;
	}

	.blackmu-reset-stats-table thead th,
	.blackmu-reset-stats-table tbody td {
		padding: 9px 10px !important;
	}

	.blackmu-reset-stats-table td:last-child a {
		min-width: 108px !important;
	}
}


/* v62: Warp Character compact premium redesign */
.blackmu-warp-char-page .blackmu-warp-char-shell {
	max-width: 880px !important;
	margin: 26px auto 34px !important;
}

.blackmu-warp-char-page .dmn-page-title {
	padding-bottom: 4px !important;
}

.blackmu-warp-char-page .dmn-page-title h1 {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.blackmu-warp-char-page .blackmu-warp-char-content {
	padding: 8px 28px 28px !important;
}

.blackmu-warp-char-page .blackmu-warp-char-subtitle {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: 0 0 16px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.35px !important;
	text-transform: uppercase !important;
	color: #f0bf58 !important;
}

.blackmu-warp-char-page .blackmu-warp-char-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 250px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent) !important;
}

.blackmu-warp-char-card {
	width: min(640px, 100%) !important;
	margin: 0 auto !important;
	padding: 16px 18px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(19, 14, 9, 0.58), rgba(0, 0, 0, 0.28)), rgba(4, 4, 4, 0.36) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 14px 32px rgba(0,0,0,0.24) !important;
}

.blackmu-warp-char-form {
	width: min(520px, 100%) !important;
	margin: 0 auto !important;
}

.blackmu-warp-char-form .form-group {
	margin: 0 0 12px !important;
}

.blackmu-warp-char-form .control-label {
	display: block !important;
	margin: 0 0 6px !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-warp-char-form .form-control {
	height: 40px !important;
	min-height: 40px !important;
	padding: 8px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.11) !important;
	background: linear-gradient(180deg, rgba(2, 2, 2, 0.72), rgba(0, 0, 0, 0.54)) !important;
	color: #fff9ee !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

.blackmu-warp-char-form .form-control:focus {
	border-color: rgba(214, 170, 86, 0.72) !important;
	background: rgba(0, 0, 0, 0.72) !important;
	box-shadow: 0 0 0 1px rgba(214, 170, 86, 0.14), 0 0 18px rgba(214, 170, 86, 0.08) !important;
}

.blackmu-warp-char-form .text-center.form-group {
	display: flex !important;
	justify-content: center !important;
	margin: 16px 0 0 !important;
}

.blackmu-warp-char-form .btn.btn-primary {
	min-width: 180px !important;
	height: 40px !important;
	min-height: 40px !important;
	padding: 0 30px !important;
	border: 1px solid rgba(231, 178, 75, 0.68) !important;
	background: linear-gradient(180deg, rgba(33, 23, 12, 0.98), rgba(8, 7, 6, 0.98)) !important;
	color: #fff1b6 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset, 0 12px 30px rgba(0, 0, 0, 0.36) !important;
}

.blackmu-warp-char-form .btn.btn-primary:hover {
	border-color: rgba(255, 205, 96, 0.92) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 16px 36px rgba(170, 111, 24, 0.24) !important;
}

.blackmu-warp-char-card .alert {
	margin: 0 0 12px !important;
	padding: 10px 12px !important;
	font-size: 12px !important;
	text-align: center !important;
}

@media (max-width: 760px) {
	.blackmu-warp-char-page .blackmu-warp-char-content {
		padding: 8px 14px 20px !important;
	}

	.blackmu-warp-char-card {
		padding: 12px !important;
	}

	.blackmu-warp-char-form {
		width: 100% !important;
	}
}


/* v63: Hide Info compact premium redesign */
.blackmu-hide-info-page .blackmu-hide-info-shell {
	max-width: 900px !important;
	margin: 26px auto 34px !important;
}

.blackmu-hide-info-page .dmn-page-title {
	padding-bottom: 4px !important;
}

.blackmu-hide-info-page .dmn-page-title h1 {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.blackmu-hide-info-page .blackmu-hide-info-content {
	padding: 8px 26px 28px !important;
}

.blackmu-hide-info-page .blackmu-hide-info-subtitle {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: 0 0 16px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.35px !important;
	text-transform: uppercase !important;
	color: #f0bf58 !important;
}

.blackmu-hide-info-page .blackmu-hide-info-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 250px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent) !important;
}

.blackmu-hide-info-card {
	width: min(760px, 100%) !important;
	margin: 0 auto !important;
	padding: 12px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(19, 14, 9, 0.52), rgba(0, 0, 0, 0.30)), rgba(4, 4, 4, 0.34) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 14px 32px rgba(0,0,0,0.22) !important;
}

.blackmu-hide-info-table-wrap {
	overflow: hidden !important;
	border: 1px solid rgba(198, 154, 72, 0.16) !important;
	background: rgba(0, 0, 0, 0.26) !important;
}

.blackmu-hide-info-table {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}

.blackmu-hide-info-table thead th {
	padding: 10px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(198, 154, 72, 0.16) !important;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.96), rgba(7, 7, 7, 0.98)) !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-hide-info-table tbody td {
	padding: 11px 14px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
	color: #e6dfd3 !important;
	background: rgba(0, 0, 0, 0.16) !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	vertical-align: middle !important;
}

.blackmu-hide-info-table tbody tr:hover td {
	background: rgba(198, 154, 72, 0.04) !important;
}

.blackmu-hide-info-table tbody td:first-child {
	width: 30% !important;
	color: #f0bf58 !important;
	font-weight: 800 !important;
}

.blackmu-hide-status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 120px !important;
	height: 28px !important;
	padding: 0 12px !important;
	border: 1px solid rgba(198, 154, 72, 0.24) !important;
	background: linear-gradient(180deg, rgba(18,18,18,0.86), rgba(6,6,6,0.94)) !important;
	color: #fff1b6 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.25px !important;
}

.blackmu-hide-status.is-active {
	border-color: rgba(214, 170, 86, 0.42) !important;
	box-shadow: 0 0 14px rgba(214, 170, 86, 0.10) !important;
}

.blackmu-hide-status.is-inactive {
	opacity: 0.92 !important;
}

.blackmu-hide-info-actions {
	margin-top: 14px !important;
}

.blackmu-hide-info-actions .btn.btn-primary {
	min-width: 180px !important;
	height: 40px !important;
	min-height: 40px !important;
	padding: 0 30px !important;
	border: 1px solid rgba(231, 178, 75, 0.68) !important;
	background: linear-gradient(180deg, rgba(33, 23, 12, 0.98), rgba(8, 7, 6, 0.98)) !important;
	color: #fff1b6 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset, 0 12px 30px rgba(0,0,0,0.36) !important;
}

.blackmu-hide-info-actions .btn.btn-primary:hover {
	border-color: rgba(255, 205, 96, 0.92) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 16px 36px rgba(170, 111, 24, 0.24) !important;
}

@media (max-width: 760px) {
	.blackmu-hide-info-page .blackmu-hide-info-content {
		padding: 8px 14px 20px !important;
	}

	.blackmu-hide-info-card {
		padding: 10px !important;
	}

	.blackmu-hide-info-table thead th,
	.blackmu-hide-info-table tbody td {
		padding: 9px 10px !important;
	}

	.blackmu-hide-info-table tbody td:first-child {
		width: 38% !important;
	}
}


/* v65: Vote page compact premium redesign */
.blackmu-vote-page .blackmu-vote-shell {
	max-width: 920px !important;
	margin: 26px auto 34px !important;
}

.blackmu-vote-page .dmn-page-title {
	padding-bottom: 4px !important;
}

.blackmu-vote-page .dmn-page-title h1 {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.blackmu-vote-page .blackmu-vote-content {
	padding: 8px 20px 26px !important;
}

.blackmu-vote-page .blackmu-vote-subtitle {
	position: relative !important;
	margin: 0 0 18px !important;
	padding: 0 0 16px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.35px !important;
	text-transform: uppercase !important;
	color: #f0bf58 !important;
}

.blackmu-vote-page .blackmu-vote-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 220px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214, 170, 86, 0.88), transparent) !important;
}

.blackmu-vote-card {
	width: min(820px, 100%) !important;
	margin: 0 auto !important;
	padding: 10px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(19, 14, 9, 0.52), rgba(0, 0, 0, 0.30)), rgba(4, 4, 4, 0.34) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 14px 32px rgba(0,0,0,0.22) !important;
}

.blackmu-vote-page #vote-options {
	margin: 0 0 10px !important;
	padding: 0 !important;
	list-style: none !important;
}

.blackmu-vote-page #vote-options:last-child {
	margin-bottom: 0 !important;
}

.blackmu-vote-page #vote-options > li {
	display: grid !important;
	grid-template-columns: 76px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(198, 154, 72, 0.16) !important;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.86), rgba(5, 5, 5, 0.94)) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.blackmu-vote-page #vote-options img[id^='vote_image_'] {
	float: none !important;
	display: block !important;
	width: 56px !important;
	height: 42px !important;
	object-fit: cover !important;
	border: 1px solid rgba(198, 154, 72, 0.22) !important;
	background: rgba(0,0,0,0.55) !important;
	padding: 2px !important;
}

.blackmu-vote-page #vote-options h5 {
	float: none !important;
	margin: 0 !important;
	color: #f1ede4 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.blackmu-vote-page #vote-options h5[id^='counter-'] {
	display: none !important;
}

.blackmu-vote-page #vote-options .btn.btn-primary {
	float: none !important;
	justify-self: end !important;
	min-width: 138px !important;
	height: 38px !important;
	padding: 0 20px !important;
	border: 1px solid rgba(231, 178, 75, 0.68) !important;
	background: linear-gradient(180deg, rgba(33, 23, 12, 0.98), rgba(8, 7, 6, 0.98)) !important;
	color: #fff1b6 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset, 0 12px 30px rgba(0,0,0,0.30) !important;
}

.blackmu-vote-page #vote-options .btn.btn-primary:hover:not(:disabled) {
	border-color: rgba(255, 205, 96, 0.92) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 16px 36px rgba(170, 111, 24, 0.24) !important;
}

.blackmu-vote-page #vote-options .btn.btn-primary:disabled {
	opacity: 0.92 !important;
	cursor: default !important;
	filter: saturate(0.8) !important;
}

.blackmu-vote-card .alert {
	margin: 0 !important;
	padding: 10px 12px !important;
	font-size: 12px !important;
	text-align: center !important;
}

@media (max-width: 760px) {
	.blackmu-vote-page .blackmu-vote-content {
		padding: 8px 14px 20px !important;
	}

	.blackmu-vote-card {
		padding: 8px !important;
	}

	.blackmu-vote-page #vote-options > li {
		grid-template-columns: 56px minmax(0, 1fr) !important;
		grid-template-areas: 'img title' 'button button' !important;
		gap: 10px !important;
	}

	.blackmu-vote-page #vote-options img[id^='vote_image_'] {
		grid-area: img !important;
		width: 48px !important;
		height: 36px !important;
	}

	.blackmu-vote-page #vote-options h5 {
		grid-area: title !important;
		font-size: 15px !important;
	}

	.blackmu-vote-page #vote-options .btn.btn-primary {
		grid-area: button !important;
		justify-self: stretch !important;
		width: 100% !important;
	}
}

/* v66: Vote page more compact and premium */
.blackmu-vote-page .blackmu-vote-shell {
	max-width: 760px !important;
	margin: 22px auto 28px !important;
}

.blackmu-vote-page .blackmu-vote-content {
	padding: 6px 16px 20px !important;
}

.blackmu-vote-page .blackmu-vote-subtitle {
	margin: 0 0 14px !important;
	padding: 0 0 13px !important;
	font-size: 12px !important;
}

.blackmu-vote-page .blackmu-vote-subtitle::after {
	width: 170px !important;
}

.blackmu-vote-card {
	width: min(640px, 100%) !important;
	padding: 8px !important;
}

.blackmu-vote-page #vote-options {
	margin: 0 !important;
}

.blackmu-vote-page #vote-options > li {
	grid-template-columns: 54px minmax(0, 1fr) auto !important;
	gap: 10px !important;
	padding: 8px 10px !important;
	border-color: rgba(198, 154, 72, 0.18) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.018), 0 8px 18px rgba(0,0,0,0.20) !important;
}

.blackmu-vote-page #vote-options > li::before {
	content: "" !important;
	width: 1px !important;
	height: 22px !important;
	background: linear-gradient(180deg, transparent, rgba(214,170,86,0.75), transparent) !important;
	position: absolute !important;
	left: 74px !important;
}

.blackmu-vote-page #vote-options > li {
	position: relative !important;
}

.blackmu-vote-page #vote-options img[id^='vote_image_'] {
	width: 42px !important;
	height: 32px !important;
	padding: 1px !important;
}

.blackmu-vote-page #vote-options h5 {
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.2px !important;
}

.blackmu-vote-page #vote-options .btn.btn-primary {
	min-width: 122px !important;
	height: 34px !important;
	padding: 0 16px !important;
	font-size: 11px !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.02) inset, 0 8px 20px rgba(0,0,0,0.24) !important;
}

@media (max-width: 760px) {
	.blackmu-vote-page .blackmu-vote-shell {
		max-width: 100% !important;
	}

	.blackmu-vote-page .blackmu-vote-content {
		padding: 6px 10px 18px !important;
	}

	.blackmu-vote-card {
		width: 100% !important;
		padding: 8px !important;
	}

	.blackmu-vote-page #vote-options > li {
		grid-template-columns: 42px minmax(0, 1fr) !important;
		grid-template-areas: 'img title' 'button button' !important;
		padding: 8px !important;
	}

	.blackmu-vote-page #vote-options > li::before {
		display: none !important;
	}

	.blackmu-vote-page #vote-options img[id^='vote_image_'] {
		grid-area: img !important;
	}

	.blackmu-vote-page #vote-options h5 {
		grid-area: title !important;
	}

	.blackmu-vote-page #vote-options .btn.btn-primary {
		grid-area: button !important;
		width: 100% !important;
		justify-self: stretch !important;
	}
}


/* v67: Referral System compact premium redesign */
.blackmu-referral-page .blackmu-referral-shell {
	max-width: 860px !important;
	margin: 22px auto 30px !important;
}

.blackmu-referral-page .dmn-page-title {
	padding-bottom: 4px !important;
}

.blackmu-referral-page .dmn-page-title h1 {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.blackmu-referral-page .blackmu-referral-content {
	padding: 6px 18px 24px !important;
}

.blackmu-referral-card {
	width: min(720px, 100%) !important;
	margin: 0 auto 16px !important;
	padding: 10px !important;
	border: 1px solid rgba(198, 154, 72, 0.18) !important;
	background: linear-gradient(180deg, rgba(19,14,9,0.52), rgba(0,0,0,0.30)), rgba(4,4,4,0.34) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 14px 32px rgba(0,0,0,0.22) !important;
}

.blackmu-referral-link-card {
	margin-bottom: 14px !important;
}

.blackmu-referral-subtitle {
	position: relative !important;
	margin: 0 0 12px !important;
	padding: 0 0 13px !important;
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.35px !important;
	text-transform: uppercase !important;
	color: #f0bf58 !important;
}

.blackmu-referral-subtitle::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 160px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214,170,86,0.88), transparent) !important;
}

.blackmu-referral-link-input,
.blackmu-referral-page .form-control.blackmu-referral-link-input {
	height: 40px !important;
	min-height: 40px !important;
	padding: 8px 12px !important;
	border: 1px solid rgba(255,255,255,0.11) !important;
	background: linear-gradient(180deg, rgba(2,2,2,0.72), rgba(0,0,0,0.54)) !important;
	color: #fff9ee !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.blackmu-referral-link-input:focus {
	border-color: rgba(214,170,86,0.72) !important;
	background: rgba(0,0,0,0.72) !important;
	box-shadow: 0 0 0 1px rgba(214,170,86,0.14), 0 0 18px rgba(214,170,86,0.08) !important;
}

.blackmu-referral-entry + .blackmu-referral-entry {
	margin-top: 12px !important;
}

.blackmu-referral-table-wrap {
	overflow: hidden !important;
	border: 1px solid rgba(198,154,72,0.16) !important;
	background: rgba(0,0,0,0.26) !important;
}

.blackmu-referral-table {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}

.blackmu-referral-table thead th {
	padding: 10px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(198,154,72,0.16) !important;
	background: linear-gradient(180deg, rgba(18,18,18,0.96), rgba(7,7,7,0.98)) !important;
	color: #f0bf58 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
}

.blackmu-referral-table tbody td {
	padding: 10px 14px !important;
	border-top: 1px solid rgba(255,255,255,0.05) !important;
	color: #e6dfd3 !important;
	background: rgba(0,0,0,0.16) !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	vertical-align: middle !important;
}

.blackmu-referral-table tbody tr:hover td {
	background: rgba(198,154,72,0.04) !important;
}

.blackmu-referral-table tbody td:first-child {
	width: 34% !important;
	color: #f0bf58 !important;
	font-weight: 800 !important;
}

.blackmu-referral-section-title {
	text-align: left !important;
	font-weight: 800 !important;
	color: #fff1b6 !important;
}

.blackmu-referral-stats-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.blackmu-referral-stats-row span {
	color: #d9d2c5 !important;
}

.blackmu-referral-stats-row strong {
	color: #fff1b6 !important;
	font-weight: 800 !important;
}

.blackmu-referral-dropdown .btn.btn-primary {
	min-width: 150px !important;
	height: 34px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(231,178,75,0.68) !important;
	background: linear-gradient(180deg, rgba(33,23,12,0.98), rgba(8,7,6,0.98)) !important;
	color: #fff1b6 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.25px !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.025) inset, 0 10px 24px rgba(0,0,0,0.28) !important;
}

.blackmu-referral-dropdown .btn.btn-primary:hover {
	border-color: rgba(255,205,96,0.92) !important;
	background: linear-gradient(180deg, #d8ad55, #9a681e) !important;
	color: #fff !important;
}

.blackmu-referral-empty,
.blackmu-referral-card .alert {
	margin: 0 !important;
	padding: 12px 16px !important;
	font-size: 13px !important;
	text-align: left !important;
	border: 1px solid rgba(198,154,72,0.20) !important;
	background: linear-gradient(180deg, rgba(28,20,9,0.84), rgba(16,11,4,0.90)) !important;
	color: #f1e3bf !important;
}

@media (max-width: 760px) {
	.blackmu-referral-page .blackmu-referral-content {
		padding: 6px 10px 18px !important;
	}

	.blackmu-referral-card {
		width: 100% !important;
		padding: 8px !important;
	}

	.blackmu-referral-table thead th,
	.blackmu-referral-table tbody td {
		padding: 9px 10px !important;
	}

	.blackmu-referral-table tbody td:first-child {
		width: 40% !important;
	}

	.blackmu-referral-stats-row {
		gap: 8px !important;
		flex-direction: column !important;
	}

	.blackmu-referral-dropdown .btn.btn-primary {
		width: 100% !important;
	}
}


/* v68: Character Options premium grouped panel redesign */
.blackmu-account-panel .blackmu-account-services-v2 {
	position: relative !important;
	margin-top: 26px !important;
	padding: 22px 20px 26px !important;
	border: 1px solid rgba(198, 154, 72, 0.22) !important;
	background: linear-gradient(180deg, rgba(8, 8, 8, 0.92), rgba(2, 2, 2, 0.95)) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02), 0 18px 36px rgba(0,0,0,0.26) !important;
}

.blackmu-account-panel .blackmu-services-main-title {
	position: relative !important;
	margin: 0 0 24px !important;
	padding: 0 0 18px !important;
	text-align: center !important;
	color: #f4d385 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
}

.blackmu-account-panel .blackmu-services-main-title::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 100% !important;
	width: 190px !important;
	height: 1px !important;
	transform: translateX(-50%) !important;
	background: linear-gradient(90deg, transparent, rgba(214,170,86,0.95), transparent) !important;
	box-shadow: 0 0 12px rgba(214,170,86,0.18) !important;
}

.blackmu-account-panel .blackmu-services-board {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 22px !important;
	align-items: start !important;
}

.blackmu-account-panel .blackmu-service-group {
	position: relative !important;
}

.blackmu-account-panel .blackmu-service-group-head {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 14px !important;
	min-height: 72px !important;
	margin-bottom: 12px !important;
	padding: 10px 16px 10px 10px !important;
	border: 1px solid rgba(198,154,72,0.24) !important;
	background: linear-gradient(180deg, rgba(19,14,9,0.74), rgba(7,7,7,0.95)) !important;
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 10px 50%) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.018), 0 12px 24px rgba(0,0,0,0.22) !important;
}

.blackmu-account-panel .blackmu-service-group-badge {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 58px !important;
	height: 58px !important;
	border: 1px solid rgba(214,170,86,0.32) !important;
	background: radial-gradient(circle at 50% 35%, rgba(235,194,99,0.24), rgba(18,13,6,0.98) 68%) !important;
	box-shadow: 0 0 18px rgba(214,170,86,0.18), inset 0 0 12px rgba(214,170,86,0.08) !important;
	color: #f6d88f !important;
	font-size: 22px !important;
}

.blackmu-account-panel .blackmu-service-group-copy strong {
	display: block !important;
	margin-bottom: 4px !important;
	color: #f4d385 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	text-transform: uppercase !important;
}

.blackmu-account-panel .blackmu-service-group-copy span {
	display: block !important;
	color: #bfae84 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

.blackmu-account-panel .blackmu-service-items {
	display: grid !important;
	gap: 10px !important;
}

.blackmu-account-panel .blackmu-service-item {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) 22px !important;
	align-items: center !important;
	gap: 14px !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(198,154,72,0.24) !important;
	background: linear-gradient(180deg, rgba(16,16,16,0.88), rgba(4,4,4,0.96)) !important;
	text-decoration: none !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.018), 0 10px 22px rgba(0,0,0,0.18) !important;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.blackmu-account-panel .blackmu-service-item::before,
.blackmu-account-panel .blackmu-service-item::after {
	content: "" !important;
	position: absolute !important;
	width: 8px !important;
	height: 8px !important;
	border: 1px solid rgba(214,170,86,0.46) !important;
	transform: rotate(45deg) !important;
}

.blackmu-account-panel .blackmu-service-item::before {
	left: 8px !important;
	top: 8px !important;
}

.blackmu-account-panel .blackmu-service-item::after {
	right: 8px !important;
	top: 8px !important;
}

.blackmu-account-panel .blackmu-service-item:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(244, 203, 101, 0.52) !important;
	background: linear-gradient(180deg, rgba(25,20,12,0.92), rgba(6,6,6,0.97)) !important;
	box-shadow: 0 0 0 1px rgba(214,170,86,0.08) inset, 0 16px 30px rgba(0,0,0,0.24), 0 0 22px rgba(214,170,86,0.08) !important;
}

.blackmu-account-panel .blackmu-service-item-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 58px !important;
	height: 58px !important;
	border-radius: 50% !important;
	border: 1px solid rgba(214,170,86,0.36) !important;
	background: radial-gradient(circle at 50% 35%, rgba(246, 203, 96, 0.22), rgba(18, 13, 6, 0.98) 68%) !important;
	color: #f6d88f !important;
	font-size: 24px !important;
	box-shadow: 0 0 18px rgba(214,170,86,0.18), inset 0 0 12px rgba(214,170,86,0.08) !important;
}

.blackmu-account-panel .blackmu-service-item-copy strong {
	display: block !important;
	margin-bottom: 4px !important;
	color: #f4d385 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

.blackmu-account-panel .blackmu-service-item-copy em {
	display: block !important;
	color: #ded4c2 !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
}

.blackmu-account-panel .blackmu-service-item-arrow {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #f0c660 !important;
	font-size: 13px !important;
	text-shadow: 0 0 10px rgba(214,170,86,0.22) !important;
}

.blackmu-account-panel .blackmu-service-group-more .blackmu-service-group-head {
	clip-path: none !important;
}

@media (max-width: 1180px) {
	.blackmu-account-panel .blackmu-services-board {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 780px) {
	.blackmu-account-panel .blackmu-account-services-v2 {
		padding: 16px 12px 18px !important;
	}

	.blackmu-account-panel .blackmu-services-main-title {
		font-size: 20px !important;
		padding-bottom: 14px !important;
		margin-bottom: 18px !important;
	}

	.blackmu-account-panel .blackmu-services-board {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.blackmu-account-panel .blackmu-service-group-head {
		grid-template-columns: 58px minmax(0, 1fr) !important;
		min-height: 64px !important;
		padding: 8px 12px 8px 8px !important;
	}

	.blackmu-account-panel .blackmu-service-group-badge,
	.blackmu-account-panel .blackmu-service-item-icon {
		width: 48px !important;
		height: 48px !important;
		font-size: 19px !important;
	}

	.blackmu-account-panel .blackmu-service-item {
		grid-template-columns: 58px minmax(0, 1fr) 16px !important;
		gap: 10px !important;
		padding: 10px !important;
	}

	.blackmu-account-panel .blackmu-service-group-copy strong {
		font-size: 16px !important;
	}

	.blackmu-account-panel .blackmu-service-item-copy strong {
		font-size: 13px !important;
	}

	.blackmu-account-panel .blackmu-service-item-copy em {
		font-size: 11px !important;
	}
}

/* v69: Character Options match premium reference layout */
.blackmu-account-panel .blackmu-character-options-v69 {
	position: relative !important;
	margin-top: 20px !important;
	padding: 8px 8px 18px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.blackmu-account-panel .blackmu-options-title-wrap {
	position: relative !important;
	margin: 0 0 22px !important;
	padding: 0 0 18px !important;
	text-align: center !important;
}

.blackmu-account-panel .blackmu-options-title-text {
	position: relative !important;
	display: inline-block !important;
	padding: 0 28px !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: #f4d385 !important;
	text-shadow: 0 0 12px rgba(214,170,86,0.16), 0 1px 0 rgba(255,255,255,0.06) !important;
}

.blackmu-account-panel .blackmu-options-title-text::before {
	content: "" !important;
	position: absolute !important;
	right: -6px !important;
	top: -10px !important;
	width: 42px !important;
	height: 42px !important;
	background: radial-gradient(circle, rgba(255,216,120,0.95) 0%, rgba(255,216,120,0.35) 18%, rgba(255,216,120,0) 60%) !important;
	opacity: 0.8 !important;
	pointer-events: none !important;
}

.blackmu-account-panel .blackmu-options-title-divider {
	position: relative !important;
	margin-top: 10px !important;
	height: 22px !important;
}

.blackmu-account-panel .blackmu-options-title-divider::before,
.blackmu-account-panel .blackmu-options-title-divider::after {
	content: "" !important;
	position: absolute !important;
	top: 10px !important;
	width: calc(50% - 34px) !important;
	height: 1px !important;
	background: linear-gradient(90deg, rgba(214,170,86,0), rgba(214,170,86,0.6), rgba(214,170,86,0)) !important;
}

.blackmu-account-panel .blackmu-options-title-divider::before { left: 0 !important; }
.blackmu-account-panel .blackmu-options-title-divider::after { right: 0 !important; }

.blackmu-account-panel .blackmu-options-title-divider span {
	position: absolute !important;
	left: 50% !important;
	top: 0 !important;
	width: 24px !important;
	height: 24px !important;
	transform: translateX(-50%) rotate(45deg) !important;
	border: 1px solid rgba(214,170,86,0.66) !important;
	background: radial-gradient(circle at 45% 45%, rgba(248,216,129,0.28), rgba(17,13,7,0.96) 72%) !important;
	box-shadow: 0 0 14px rgba(214,170,86,0.18) !important;
}

.blackmu-account-panel .blackmu-options-title-divider span::before,
.blackmu-account-panel .blackmu-options-title-divider span::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	width: 18px !important;
	height: 1px !important;
	background: linear-gradient(90deg, rgba(214,170,86,0), rgba(214,170,86,0.8), rgba(214,170,86,0)) !important;
	transform: translateY(-50%) rotate(-45deg) !important;
}
.blackmu-account-panel .blackmu-options-title-divider span::before { left: -16px !important; }
.blackmu-account-panel .blackmu-options-title-divider span::after { right: -16px !important; }

.blackmu-account-panel .blackmu-options-grid-v69 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px 18px !important;
	align-items: start !important;
}

.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr) 34px !important;
	align-items: center !important;
	gap: 14px !important;
	min-height: 92px !important;
	padding: 0 16px 0 0 !important;
	border: 1px solid rgba(214,170,86,0.38) !important;
	background:
		linear-gradient(90deg, rgba(34,24,11,0.46) 0%, rgba(8,8,8,0.12) 16%, rgba(5,5,5,0.94) 36%, rgba(4,4,4,0.98) 100%) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025), 0 10px 24px rgba(0,0,0,0.20), 0 0 18px rgba(214,170,86,0.06) !important;
	text-decoration: none !important;
	overflow: hidden !important;
	clip-path: polygon(12px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px) !important;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 108px !important;
	background: linear-gradient(90deg, rgba(52,34,11,0.60), rgba(17,12,6,0.30) 54%, rgba(17,12,6,0) 100%) !important;
	pointer-events: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(248,208,111,0.70) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 14px 30px rgba(0,0,0,0.24), 0 0 24px rgba(214,170,86,0.14) !important;
}

.blackmu-account-panel .blackmu-option-card-icon {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 74px !important;
	height: 74px !important;
	margin-left: 12px !important;
	border: 1px solid rgba(214,170,86,0.42) !important;
	background: radial-gradient(circle at 50% 35%, rgba(248,216,129,0.28), rgba(17,13,7,0.96) 68%) !important;
	box-shadow: inset 0 0 14px rgba(248,216,129,0.10), 0 0 18px rgba(214,170,86,0.18) !important;
	clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px) !important;
	color: #f5d487 !important;
	font-size: 34px !important;
	text-shadow: 0 0 12px rgba(214,170,86,0.18) !important;
}

.blackmu-account-panel .blackmu-option-card-copy {
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	min-width: 0 !important;
}

.blackmu-account-panel .blackmu-option-card-copy strong {
	display: block !important;
	margin-bottom: 6px !important;
	color: #f4d385 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.35px !important;
}

.blackmu-account-panel .blackmu-option-card-copy em {
	display: block !important;
	color: #d0c3ac !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.42 !important;
	max-width: 96% !important;
}

.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	color: #f2cf7b !important;
	font-size: 19px !important;
	text-shadow: 0 0 12px rgba(214,170,86,0.24) !important;
}

@media (max-width: 1180px) {
	.blackmu-account-panel .blackmu-option-card-v69 {
		grid-template-columns: 86px minmax(0, 1fr) 28px !important;
		min-height: 88px !important;
	}
	.blackmu-account-panel .blackmu-option-card-icon {
		width: 66px !important;
		height: 66px !important;
		font-size: 30px !important;
	}
}

@media (max-width: 860px) {
	.blackmu-account-panel .blackmu-options-grid-v69 {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}
	.blackmu-account-panel .blackmu-options-title-text {
		font-size: 22px !important;
	}
}

@media (max-width: 560px) {
	.blackmu-account-panel .blackmu-character-options-v69 {
		padding: 6px 0 12px !important;
	}
	.blackmu-account-panel .blackmu-option-card-v69 {
		grid-template-columns: 70px minmax(0, 1fr) 24px !important;
		gap: 10px !important;
		min-height: 78px !important;
		padding-right: 10px !important;
	}
	.blackmu-account-panel .blackmu-option-card-icon {
		width: 54px !important;
		height: 54px !important;
		margin-left: 10px !important;
		font-size: 24px !important;
	}
	.blackmu-account-panel .blackmu-option-card-copy strong {
		font-size: 12px !important;
	}
	.blackmu-account-panel .blackmu-option-card-copy em {
		font-size: 10px !important;
	}
	.blackmu-account-panel .blackmu-option-card-arrow {
		font-size: 16px !important;
	}
}

/* v70: ensure service icons render with inline SVG */
.blackmu-account-panel .blackmu-option-card-icon svg {
	width: 36px !important;
	height: 36px !important;
	display: block !important;
	color: #f5d487 !important;
}

/* v71: Play Right Now style effect for Character Options buttons/cards */
.blackmu-account-panel .blackmu-option-card-v69 {
	isolation: isolate !important;
	animation: blackmuOptionCardPulseV71 2.6s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: -30% !important;
	bottom: -30% !important;
	left: -24% !important;
	width: 18% !important;
	z-index: 0 !important;
	background: linear-gradient(90deg, transparent, rgba(255, 239, 188, 0.28), rgba(255, 239, 188, 0.75), rgba(255, 239, 188, 0.28), transparent) !important;
	transform: skewX(-24deg) !important;
	opacity: 0.9 !important;
	pointer-events: none !important;
	animation: blackmuOptionCardShineV71 3.6s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	animation-play-state: paused !important;
	filter: brightness(1.06) !important;
	transform: translateY(-2px) scale(1.01) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover::after {
	animation-duration: 1.6s !important;
	opacity: 1 !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(2px) scale(1.08) !important;
	text-shadow: 0 0 14px rgba(214,170,86,0.32) !important;
}

@keyframes blackmuOptionCardPulseV71 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.025),
			0 10px 24px rgba(0,0,0,0.20),
			0 0 18px rgba(214,170,86,0.06) !important;
		filter: brightness(1);
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.03),
			0 14px 28px rgba(0,0,0,0.22),
			0 0 22px rgba(214,170,86,0.14),
			0 0 40px rgba(214,170,86,0.08) !important;
		filter: brightness(1.04);
	}
}

@keyframes blackmuOptionCardShineV71 {
	0% {
		left: -26%;
		opacity: 0;
	}
	10% {
		opacity: 0.9;
	}
	45% {
		opacity: 0.9;
	}
	60% {
		left: 108%;
		opacity: 0;
	}
	100% {
		left: 108%;
		opacity: 0;
	}
}

/* v72: stronger premium shine/gloss for Character Options cards */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	border-color: rgba(236, 190, 92, 0.46) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.03),
		inset 0 1px 0 rgba(255,241,198,0.08),
		0 0 18px rgba(214,170,86,0.10),
		0 12px 26px rgba(0,0,0,0.22) !important;
	animation: blackmuOptionPremiumPulseV72 2.4s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69::before {
	width: 116px !important;
	background:
		linear-gradient(180deg, rgba(255,235,180,0.14), rgba(255,235,180,0.02) 34%, rgba(255,235,180,0) 100%),
		linear-gradient(90deg, rgba(82,55,18,0.72), rgba(28,20,9,0.34) 54%, rgba(17,12,6,0) 100%) !important;
	filter: saturate(1.1) !important;
}

.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: -38% !important;
	bottom: -38% !important;
	left: -35% !important;
	width: 24% !important;
	z-index: 1 !important;
	background: linear-gradient(90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,244,210,0.06) 18%,
		rgba(255,244,210,0.72) 48%,
		rgba(255,244,210,0.10) 82%,
		rgba(255,255,255,0) 100%) !important;
	transform: skewX(-26deg) !important;
	filter: blur(0.5px) !important;
	opacity: 1 !important;
	pointer-events: none !important;
	animation: blackmuOptionPremiumShineV72 2.9s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon {
	box-shadow:
		inset 0 0 18px rgba(248,216,129,0.14),
		0 0 16px rgba(214,170,86,0.18),
		0 0 34px rgba(214,170,86,0.08) !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	transition: transform 0.18s ease, text-shadow 0.18s ease, color 0.18s ease !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	transform: translateY(-2px) scale(1.012) !important;
	filter: brightness(1.08) !important;
	border-color: rgba(255, 214, 115, 0.82) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.04),
		inset 0 1px 0 rgba(255,241,198,0.10),
		0 0 24px rgba(214,170,86,0.22),
		0 0 46px rgba(214,170,86,0.10),
		0 16px 30px rgba(0,0,0,0.26) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover::after {
	animation-duration: 1.35s !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(3px) scale(1.12) !important;
	text-shadow: 0 0 16px rgba(214,170,86,0.36) !important;
	color: #ffdf8a !important;
}

@keyframes blackmuOptionPremiumPulseV72 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.03),
			inset 0 1px 0 rgba(255,241,198,0.08),
			0 0 18px rgba(214,170,86,0.10),
			0 12px 26px rgba(0,0,0,0.22) !important;
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.04),
			inset 0 1px 0 rgba(255,241,198,0.12),
			0 0 26px rgba(214,170,86,0.18),
			0 0 42px rgba(214,170,86,0.08),
			0 14px 30px rgba(0,0,0,0.24) !important;
	}
}

@keyframes blackmuOptionPremiumShineV72 {
	0% {
		left: -38%;
		opacity: 0;
	}
	8% {
		opacity: 0.95;
	}
	42% {
		opacity: 0.95;
	}
	58% {
		left: 114%;
		opacity: 0;
	}
	100% {
		left: 114%;
		opacity: 0;
	}
}

/* v73: premium button effects only, without dark/gold background smudge */
.blackmu-account-panel .blackmu-option-card-v69 {
	background:
		linear-gradient(90deg, rgba(34,24,11,0.18) 0%, rgba(8,8,8,0.04) 16%, rgba(5,5,5,0.94) 36%, rgba(4,4,4,0.98) 100%) !important;
	border-color: rgba(236, 190, 92, 0.40) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.025),
		0 10px 24px rgba(0,0,0,0.20),
		0 0 16px rgba(214,170,86,0.08) !important;
	animation: blackmuOptionCleanPulseV73 2.5s ease-in-out infinite !important;
}

/* restore clean left-side accent instead of blurred block */
.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 108px !important;
	background: linear-gradient(90deg, rgba(52,34,11,0.24), rgba(17,12,6,0.12) 54%, rgba(17,12,6,0) 100%) !important;
	filter: none !important;
	pointer-events: none !important;
}

/* premium moving shine on the card itself */
.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: -35% !important;
	bottom: -35% !important;
	left: -26% !important;
	width: 16% !important;
	z-index: 1 !important;
	background: linear-gradient(90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,244,210,0.04) 22%,
		rgba(255,244,210,0.40) 50%,
		rgba(255,244,210,0.06) 78%,
		rgba(255,255,255,0) 100%) !important;
	transform: skewX(-24deg) !important;
	filter: blur(0.4px) !important;
	opacity: 1 !important;
	pointer-events: none !important;
	animation: blackmuOptionCleanShineV73 3.3s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	z-index: 2 !important;
}

/* subtle gloss on top edge */
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy::before {
	content: "" !important;
	position: absolute !important;
	left: -90px !important;
	right: -40px !important;
	top: -10px !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255, 227, 156, 0.34), transparent) !important;
	pointer-events: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.06) !important;
	border-color: rgba(255, 214, 115, 0.78) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.03),
		0 0 22px rgba(214,170,86,0.16),
		0 0 42px rgba(214,170,86,0.08),
		0 14px 28px rgba(0,0,0,0.24) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-icon {
	box-shadow:
		0 0 18px rgba(214,170,86,0.20),
		0 0 34px rgba(214,170,86,0.10),
		inset 0 0 16px rgba(248,216,129,0.10) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(3px) scale(1.10) !important;
	color: #ffdf8a !important;
	text-shadow: 0 0 16px rgba(214,170,86,0.34) !important;
}

@keyframes blackmuOptionCleanPulseV73 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.025),
			0 10px 24px rgba(0,0,0,0.20),
			0 0 16px rgba(214,170,86,0.08) !important;
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.03),
			0 12px 28px rgba(0,0,0,0.22),
			0 0 24px rgba(214,170,86,0.14),
			0 0 40px rgba(214,170,86,0.06) !important;
	}
}

@keyframes blackmuOptionCleanShineV73 {
	0% {
		left: -26%;
		opacity: 0;
	}
	12% {
		opacity: 1;
	}
	44% {
		opacity: 1;
	}
	58% {
		left: 108%;
		opacity: 0;
	}
	100% {
		left: 108%;
		opacity: 0;
	}
}

/* v74: clean premium animation without visible lines/stripes */
.blackmu-account-panel .blackmu-option-card-v69 {
	background:
		linear-gradient(90deg, rgba(34,24,11,0.10) 0%, rgba(8,8,8,0.02) 16%, rgba(5,5,5,0.95) 36%, rgba(4,4,4,0.98) 100%) !important;
	border-color: rgba(236, 190, 92, 0.42) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.02),
		0 10px 24px rgba(0,0,0,0.20),
		0 0 14px rgba(214,170,86,0.06) !important;
	animation: blackmuOptionSoftPulseV74 2.8s ease-in-out infinite !important;
}

/* keep left accent subtle and clean */
.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 100px !important;
	background: linear-gradient(90deg, rgba(52,34,11,0.16), rgba(17,12,6,0.08) 54%, rgba(17,12,6,0) 100%) !important;
	pointer-events: none !important;
	filter: none !important;
}

/* remove the visible horizontal stripe */
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy::before {
	content: none !important;
	display: none !important;
}

/* replace harsh stripe shine with a soft moving glow spot */
.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: -16% !important;
	width: 72px !important;
	height: 160% !important;
	z-index: 1 !important;
	background: radial-gradient(circle, rgba(255,244,210,0.18) 0%, rgba(255,244,210,0.08) 28%, rgba(255,244,210,0.00) 70%) !important;
	transform: translateY(-50%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	animation: blackmuOptionSoftShineV74 4.4s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon {
	transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
	animation: blackmuOptionIconPulseV74 2.8s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	transition: transform 0.2s ease, color 0.2s ease, text-shadow 0.2s ease !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.05) !important;
	border-color: rgba(255, 214, 115, 0.78) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.03),
		0 0 20px rgba(214,170,86,0.12),
		0 0 34px rgba(214,170,86,0.06),
		0 14px 28px rgba(0,0,0,0.24) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover::after {
	opacity: 1 !important;
	animation-duration: 2.1s !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-icon {
	transform: scale(1.06) !important;
	box-shadow:
		0 0 18px rgba(214,170,86,0.22),
		0 0 32px rgba(214,170,86,0.10),
		inset 0 0 16px rgba(248,216,129,0.10) !important;
	filter: brightness(1.06) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(3px) scale(1.10) !important;
	color: #ffdf8a !important;
	text-shadow: 0 0 14px rgba(214,170,86,0.32) !important;
}

@keyframes blackmuOptionSoftPulseV74 {
	0%, 100% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.02),
			0 10px 24px rgba(0,0,0,0.20),
			0 0 14px rgba(214,170,86,0.06) !important;
	}
	50% {
		box-shadow:
			inset 0 0 0 1px rgba(255,255,255,0.03),
			0 12px 28px rgba(0,0,0,0.22),
			0 0 20px rgba(214,170,86,0.10),
			0 0 30px rgba(214,170,86,0.05) !important;
	}
}

@keyframes blackmuOptionSoftShineV74 {
	0% {
		left: -16%;
		opacity: 0;
	}
	15% {
		opacity: 0.5;
	}
	40% {
		opacity: 0.35;
	}
	58% {
		left: 102%;
		opacity: 0;
	}
	100% {
		left: 102%;
		opacity: 0;
	}
}

@keyframes blackmuOptionIconPulseV74 {
	0%, 100% {
		box-shadow:
			0 0 10px rgba(214,170,86,0.12),
			inset 0 0 12px rgba(248,216,129,0.06) !important;
	}
	50% {
		box-shadow:
			0 0 16px rgba(214,170,86,0.18),
			0 0 28px rgba(214,170,86,0.08),
			inset 0 0 14px rgba(248,216,129,0.10) !important;
	}
}

/* v75: Character Options buttons use Play Right Now style */
.blackmu-account-panel .blackmu-option-card-v69 {
	transform-origin: center !important;
	will-change: transform, box-shadow, filter !important;
	background:
		linear-gradient(180deg, rgba(16, 12, 8, 0.92), rgba(5, 5, 5, 0.97)) !important;
	border: 1px solid rgba(214, 170, 86, 0.42) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -10px 24px rgba(82, 43, 8, 0.12),
		0 0 16px rgba(214, 170, 86, 0.16),
		0 0 30px rgba(214, 170, 86, 0.08) !important;
	animation: blackmuCharacterOptionPlayPulseV75 1.95s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 92px !important;
	background: linear-gradient(90deg, rgba(73, 44, 12, 0.34), rgba(26, 17, 8, 0.10) 56%, rgba(0, 0, 0, 0) 100%) !important;
	pointer-events: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69::after {
	content: none !important;
	display: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	animation-play-state: paused !important;
	transform: translateY(-1px) scale(1.03) !important;
	filter: brightness(1.08) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		inset 0 -10px 22px rgba(82, 43, 8, 0.10),
		0 0 22px rgba(214, 170, 86, 0.26),
		0 0 40px rgba(214, 170, 86, 0.14) !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon {
	position: relative !important;
	z-index: 2 !important;
	background: radial-gradient(circle at 50% 35%, rgba(248,216,129,0.18), rgba(17,13,7,0.95) 68%) !important;
	box-shadow:
		inset 0 0 12px rgba(248,216,129,0.06),
		0 0 12px rgba(214,170,86,0.10) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-icon {
	transform: scale(1.05) !important;
	filter: brightness(1.08) !important;
	box-shadow:
		inset 0 0 14px rgba(248,216,129,0.10),
		0 0 16px rgba(214,170,86,0.18),
		0 0 28px rgba(214,170,86,0.08) !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy::before {
	content: none !important;
	display: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	transition: transform 0.2s ease, text-shadow 0.2s ease, color 0.2s ease !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(3px) scale(1.08) !important;
	color: #ffdf8a !important;
	text-shadow: 0 0 12px rgba(214,170,86,0.28) !important;
}

@keyframes blackmuCharacterOptionPlayPulseV75 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.18),
			inset 0 -10px 24px rgba(82, 43, 8, 0.12),
			0 0 16px rgba(214, 170, 86, 0.16),
			0 0 30px rgba(214, 170, 86, 0.08);
	}
	50% {
		transform: scale(1.035);
		filter: brightness(1.08);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.28),
			inset 0 -8px 20px rgba(82, 43, 8, 0.08),
			0 0 22px rgba(214, 170, 86, 0.24),
			0 0 40px rgba(214, 170, 86, 0.14);
	}
}

/* v76: Character Options shine only, no pulsation */
.blackmu-account-panel .blackmu-option-card-v69 {
	animation: none !important;
	transform: none !important;
	filter: none !important;
	position: relative !important;
	isolation: isolate !important;
	background:
		linear-gradient(180deg, rgba(16, 12, 8, 0.92), rgba(5, 5, 5, 0.97)) !important;
	border: 1px solid rgba(214, 170, 86, 0.42) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -10px 24px rgba(82, 43, 8, 0.12),
		0 0 16px rgba(214, 170, 86, 0.16),
		0 0 30px rgba(214, 170, 86, 0.08) !important;
}

.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 92px !important;
	background: linear-gradient(90deg, rgba(73, 44, 12, 0.34), rgba(26, 17, 8, 0.10) 56%, rgba(0, 0, 0, 0) 100%) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: -40% !important;
	bottom: -40% !important;
	left: -55% !important;
	width: 24% !important;
	background: linear-gradient(90deg, transparent, rgba(255, 245, 199, 0.46), transparent) !important;
	transform: skewX(-24deg) !important;
	animation: blackmuCharacterOptionShineV76 3.2s ease-in-out infinite !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
	animation: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon {
	box-shadow:
		inset 0 0 12px rgba(248,216,129,0.06),
		0 0 12px rgba(214,170,86,0.10) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	animation: none !important;
	transform: translateY(-1px) !important;
	filter: brightness(1.05) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.24),
		inset 0 -10px 24px rgba(82, 43, 8, 0.10),
		0 0 20px rgba(214, 170, 86, 0.22),
		0 0 36px rgba(214, 170, 86, 0.12) !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover::after {
	animation-duration: 1.8s !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-arrow {
	transform: translateX(3px) !important;
	color: #ffdf8a !important;
	text-shadow: 0 0 12px rgba(214,170,86,0.28) !important;
}

@keyframes blackmuCharacterOptionShineV76 {
	0% {
		left: -55%;
	}
	45% {
		left: -55%;
	}
	70% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}

/* v77: make the travelling shine clearly visible on Character Options cards */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* keep card base clean */
.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 92px !important;
	background: linear-gradient(90deg, rgba(73, 44, 12, 0.30), rgba(26, 17, 8, 0.08) 56%, rgba(0,0,0,0) 100%) !important;
	z-index: 0 !important;
	pointer-events: none !important;
}

/* very visible moving gloss */
.blackmu-account-panel .blackmu-option-card-v69::after {
	content: "" !important;
	position: absolute !important;
	top: -55% !important;
	bottom: -55% !important;
	left: -30% !important;
	width: 18% !important;
	z-index: 1 !important;
	pointer-events: none !important;
	opacity: 1 !important;
	background: linear-gradient(
		90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,244,210,0.00) 12%,
		rgba(255,244,210,0.22) 34%,
		rgba(255,250,232,0.90) 50%,
		rgba(255,244,210,0.22) 66%,
		rgba(255,244,210,0.00) 88%,
		rgba(255,255,255,0) 100%
	) !important;
	box-shadow: 0 0 26px rgba(255, 239, 188, 0.22) !important;
	transform: skewX(-24deg) !important;
	animation: blackmuCharacterOptionVisibleShineV77 2.9s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-v69 .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover::after {
	animation-duration: 1.5s !important;
}

@keyframes blackmuCharacterOptionVisibleShineV77 {
	0% {
		left: -30%;
	}
	45% {
		left: -30%;
	}
	65% {
		left: 118%;
	}
	100% {
		left: 118%;
	}
}


/* v78: REAL flying shine element on Character Options buttons */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* disable previous pseudo shine versions so only the real shine element is used */
.blackmu-account-panel .blackmu-option-card-v69::after {
	content: none !important;
	display: none !important;
}

/* visible travelling highlight, like Play Right Now */
.blackmu-account-panel .blackmu-option-card-shine {
	position: absolute !important;
	top: -60% !important;
	bottom: -60% !important;
	left: -48% !important;
	width: 34% !important;
	z-index: 3 !important;
	pointer-events: none !important;
	background: linear-gradient(
		90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,246,214,0.00) 18%,
		rgba(255,246,214,0.38) 42%,
		rgba(255,255,245,0.95) 50%,
		rgba(255,246,214,0.38) 58%,
		rgba(255,246,214,0.00) 82%,
		rgba(255,255,255,0) 100%
	) !important;
	box-shadow: 0 0 24px rgba(255, 235, 185, 0.28) !important;
	transform: skewX(-24deg) !important;
	opacity: 0 !important;
	animation: blackmuRealFlyingShineV78 2.7s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-shine {
	animation-duration: 1.35s !important;
	opacity: 1 !important;
}

.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 4 !important;
}

@keyframes blackmuRealFlyingShineV78 {
	0% {
		left: -48%;
		opacity: 0;
	}
	18% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	58% {
		opacity: 1;
	}
	78% {
		left: 118%;
		opacity: 0;
	}
	100% {
		left: 118%;
		opacity: 0;
	}
}


/* v79: visible sweep directly on the button background, no hidden pseudo issue */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	background-image:
		linear-gradient(115deg,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0) 34%,
			rgba(255,239,178,0.08) 42%,
			rgba(255,250,225,0.42) 49%,
			rgba(255,239,178,0.08) 56%,
			rgba(255,255,255,0) 64%,
			rgba(255,255,255,0) 100%
		),
		linear-gradient(180deg, rgba(16, 12, 8, 0.92), rgba(5, 5, 5, 0.97)) !important;
	background-size: 300% 100%, 100% 100% !important;
	background-position: -180% 0, 0 0 !important;
	animation: blackmuButtonBackgroundSweepV79 2.4s linear infinite !important;
	border-color: rgba(214, 170, 86, 0.48) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.18),
		inset 0 -10px 24px rgba(82,43,8,0.12),
		0 0 18px rgba(214,170,86,0.16),
		0 0 30px rgba(214,170,86,0.08) !important;
}

/* disable old shine layers so they cannot conflict */
.blackmu-account-panel .blackmu-option-card-v69::after,
.blackmu-account-panel .blackmu-option-card-shine {
	display: none !important;
	content: none !important;
	animation: none !important;
}

/* keep the left icon panel clean */
.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 92px !important;
	background: linear-gradient(90deg, rgba(73,44,12,0.28), rgba(26,17,8,0.09) 56%, rgba(0,0,0,0) 100%) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 2 !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	filter: brightness(1.07) !important;
	transform: translateY(-1px) !important;
	animation-duration: 1.15s !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.24),
		inset 0 -10px 24px rgba(82,43,8,0.10),
		0 0 22px rgba(214,170,86,0.24),
		0 0 38px rgba(214,170,86,0.13) !important;
}

@keyframes blackmuButtonBackgroundSweepV79 {
	0% {
		background-position: -180% 0, 0 0;
	}
	100% {
		background-position: 180% 0, 0 0;
	}
}


/* v80: forced real visible flying highlight on Character Options buttons */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	animation: none !important;
	background:
		linear-gradient(180deg, rgba(16, 12, 8, 0.92), rgba(5, 5, 5, 0.97)) !important;
	border-color: rgba(214, 170, 86, 0.48) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.18),
		inset 0 -10px 24px rgba(82,43,8,0.12),
		0 0 18px rgba(214,170,86,0.14),
		0 0 30px rgba(214,170,86,0.08) !important;
}

/* no pseudo stripes, no pseudo shine */
.blackmu-account-panel .blackmu-option-card-v69::after {
	display: none !important;
	content: none !important;
	animation: none !important;
}

.blackmu-account-panel .blackmu-option-card-v69::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 92px !important;
	background: linear-gradient(90deg, rgba(73,44,12,0.28), rgba(26,17,8,0.09) 56%, rgba(0,0,0,0) 100%) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/* this is the actual moving shine layer */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	display: block !important;
	content: "" !important;
	position: absolute !important;
	top: -55% !important;
	left: -130px !important;
	width: 110px !important;
	height: 220% !important;
	z-index: 99 !important;
	pointer-events: none !important;
	opacity: 0 !important;
	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,0) 0%,
			rgba(255,244,210,0.00) 18%,
			rgba(255,244,210,0.42) 42%,
			rgba(255,255,245,0.98) 50%,
			rgba(255,244,210,0.42) 58%,
			rgba(255,244,210,0.00) 82%,
			rgba(255,255,255,0) 100%
		) !important;
	box-shadow: 0 0 26px rgba(255,235,185,0.34) !important;
	transform: skewX(-24deg) !important;
	animation: blackmuForcedCardShineV80 2.6s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine {
	animation-duration: 1.25s !important;
}

.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 100 !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover {
	filter: brightness(1.06) !important;
	transform: translateY(-1px) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.24),
		inset 0 -10px 24px rgba(82,43,8,0.10),
		0 0 22px rgba(214,170,86,0.22),
		0 0 38px rgba(214,170,86,0.12) !important;
}

@keyframes blackmuForcedCardShineV80 {
	0% {
		margin-left: 0;
		opacity: 0;
	}
	22% {
		margin-left: 0;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	62% {
		opacity: 1;
	}
	78% {
		margin-left: calc(100% + 260px);
		opacity: 0;
	}
	100% {
		margin-left: calc(100% + 260px);
		opacity: 0;
	}
}


/* v81: shine always active, not dependent on hover */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	opacity: 1 !important;
	animation: blackmuForcedCardShineAlwaysV81 1.8s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine {
	opacity: 1 !important;
	animation: blackmuForcedCardShineAlwaysV81 1.8s linear infinite !important;
}

/* small delays so cards don't shine all at the same time */
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) > .blackmu-option-card-shine {
	animation-delay: .35s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) > .blackmu-option-card-shine {
	animation-delay: .7s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) > .blackmu-option-card-shine {
	animation-delay: 1.05s !important;
}

@keyframes blackmuForcedCardShineAlwaysV81 {
	0% {
		margin-left: -140px;
		opacity: 0;
	}
	8% {
		opacity: 0;
	}
	18% {
		opacity: 1;
	}
	56% {
		opacity: 1;
	}
	72% {
		margin-left: calc(100% + 280px);
		opacity: 0;
	}
	100% {
		margin-left: calc(100% + 280px);
		opacity: 0;
	}
}

/* v82: replace white stripes with soft premium golden shine */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	left: -140px !important;
	width: 86px !important;
	height: 240% !important;
	top: -70% !important;
	opacity: .92 !important;
	background:
		linear-gradient(90deg,
			rgba(255,255,255,0) 0%,
			rgba(255,215,120,0.00) 14%,
			rgba(255,215,120,0.10) 28%,
			rgba(255,221,138,0.26) 40%,
			rgba(255,236,179,0.64) 50%,
			rgba(255,221,138,0.26) 60%,
			rgba(255,215,120,0.10) 72%,
			rgba(255,215,120,0.00) 86%,
			rgba(255,255,255,0) 100%) !important;
	box-shadow:
		0 0 14px rgba(255, 215, 120, 0.22),
		0 0 30px rgba(255, 200, 90, 0.10) !important;
	filter: blur(4px) saturate(1.05) !important;
	transform: skewX(-22deg) !important;
	animation: blackmuGoldenShineSoftV82 2.3s ease-in-out infinite !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine {
	animation: blackmuGoldenShineSoftV82 2.0s ease-in-out infinite !important;
	opacity: 1 !important;
}

@keyframes blackmuGoldenShineSoftV82 {
	0% {
		margin-left: -150px;
		opacity: 0;
	}
	14% {
		opacity: 0;
	}
	24% {
		opacity: .88;
	}
	56% {
		opacity: .88;
	}
	74% {
		margin-left: calc(100% + 300px);
		opacity: 0;
	}
	100% {
		margin-left: calc(100% + 300px);
		opacity: 0;
	}
}


/* v83: remove diagonal stripes, use small premium gold edge glint only */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* no large diagonal shine */
.blackmu-account-panel .blackmu-option-card-v69::after {
	content: none !important;
	display: none !important;
	animation: none !important;
}

/* turn the shine element into a small gold flare on the top border, not a stripe */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	display: block !important;
	position: absolute !important;
	left: -120px !important;
	top: -1px !important;
	bottom: auto !important;
	width: 110px !important;
	height: 3px !important;
	z-index: 99 !important;
	pointer-events: none !important;
	opacity: 0 !important;
	transform: none !important;
	filter: none !important;
	background: linear-gradient(
		90deg,
		rgba(255, 210, 90, 0) 0%,
		rgba(255, 210, 90, 0.22) 24%,
		rgba(255, 232, 150, 0.95) 50%,
		rgba(255, 210, 90, 0.22) 76%,
		rgba(255, 210, 90, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 213, 102, 0.55),
		0 0 18px rgba(255, 185, 55, 0.24) !important;
	animation: blackmuGoldEdgeGlintV83 2.8s ease-in-out infinite !important;
}

/* small sparkle point, like a premium gold flash */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::before {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	width: 12px !important;
	height: 12px !important;
	transform: translate(-50%, -50%) rotate(45deg) !important;
	background: radial-gradient(circle, rgba(255, 245, 190, 0.95) 0%, rgba(255, 209, 90, 0.42) 42%, rgba(255, 209, 90, 0) 72%) !important;
	box-shadow:
		0 0 10px rgba(255, 230, 150, 0.70),
		0 0 20px rgba(255, 185, 55, 0.28) !important;
}

/* optional tiny lower edge glow, still not a stripe */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::after {
	content: "" !important;
	position: absolute !important;
	left: 36% !important;
	top: 100% !important;
	width: 40px !important;
	height: 18px !important;
	transform: translateX(-50%) !important;
	background: radial-gradient(ellipse, rgba(255, 198, 76, 0.12) 0%, rgba(255, 198, 76, 0) 72%) !important;
}

/* keep content above the glow */
.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 100 !important;
}

.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine {
	animation-duration: 1.55s !important;
}

@keyframes blackmuGoldEdgeGlintV83 {
	0% {
		left: -120px;
		opacity: 0;
	}
	16% {
		opacity: 0;
	}
	24% {
		opacity: 1;
	}
	58% {
		opacity: 1;
	}
	76% {
		left: calc(100% + 120px);
		opacity: 0;
	}
	100% {
		left: calc(100% + 120px);
		opacity: 0;
	}
}


/* v84: top + bottom golden glint always active, not hover-only */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin-left: 0 !important;
	opacity: 1 !important;
	pointer-events: none !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	z-index: 99 !important;
	animation: none !important;
}

/* TOP GLINT */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::before {
	content: "" !important;
	position: absolute !important;
	left: -140px !important;
	top: -1px !important;
	width: 120px !important;
	height: 3px !important;
	opacity: 0 !important;
	background: linear-gradient(
		90deg,
		rgba(255, 210, 90, 0) 0%,
		rgba(255, 210, 90, 0.20) 24%,
		rgba(255, 232, 150, 0.95) 50%,
		rgba(255, 210, 90, 0.20) 76%,
		rgba(255, 210, 90, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 213, 102, 0.55),
		0 0 18px rgba(255, 185, 55, 0.24) !important;
	animation: blackmuGoldTopGlintV84 2.8s ease-in-out infinite !important;
}

/* BOTTOM GLINT */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::after {
	content: "" !important;
	position: absolute !important;
	left: -140px !important;
	bottom: -1px !important;
	width: 120px !important;
	height: 3px !important;
	opacity: 0 !important;
	background: linear-gradient(
		90deg,
		rgba(255, 210, 90, 0) 0%,
		rgba(255, 210, 90, 0.20) 24%,
		rgba(255, 232, 150, 0.95) 50%,
		rgba(255, 210, 90, 0.20) 76%,
		rgba(255, 210, 90, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 213, 102, 0.50),
		0 0 18px rgba(255, 185, 55, 0.20) !important;
	animation: blackmuGoldBottomGlintV84 2.8s ease-in-out infinite !important;
	animation-delay: .45s !important;
}

/* make every card shimmer at a different time */
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) > .blackmu-option-card-shine::before {
	animation-delay: .20s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) > .blackmu-option-card-shine::after {
	animation-delay: .65s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) > .blackmu-option-card-shine::before {
	animation-delay: .40s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) > .blackmu-option-card-shine::after {
	animation-delay: .85s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) > .blackmu-option-card-shine::before {
	animation-delay: .60s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) > .blackmu-option-card-shine::after {
	animation-delay: 1.05s !important;
}

/* explicitly do NOT depend on hover */
.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine,
.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine::before,
.blackmu-account-panel .blackmu-option-card-v69:hover > .blackmu-option-card-shine::after {
	opacity: 1 !important;
}

@keyframes blackmuGoldTopGlintV84 {
	0% {
		left: -140px;
		opacity: 0;
	}
	18% {
		opacity: 0;
	}
	28% {
		opacity: 1;
	}
	58% {
		opacity: 1;
	}
	76% {
		left: calc(100% + 140px);
		opacity: 0;
	}
	100% {
		left: calc(100% + 140px);
		opacity: 0;
	}
}

@keyframes blackmuGoldBottomGlintV84 {
	0% {
		left: -140px;
		opacity: 0;
	}
	18% {
		opacity: 0;
	}
	28% {
		opacity: 1;
	}
	58% {
		opacity: 1;
	}
	76% {
		left: calc(100% + 140px);
		opacity: 0;
	}
	100% {
		left: calc(100% + 140px);
		opacity: 0;
	}
}


/* v85: make top/bottom golden glints clearly visible and always active */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* real always-on glint layer */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 1 !important;
	pointer-events: none !important;
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	z-index: 90 !important;
}

/* upper golden glint */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::before {
	content: "" !important;
	position: absolute !important;
	left: -170px !important;
	top: 0px !important;
	width: 150px !important;
	height: 6px !important;
	border-radius: 999px !important;
	opacity: 0 !important;
	background: linear-gradient(
		90deg,
		rgba(255, 205, 85, 0) 0%,
		rgba(255, 205, 85, 0.18) 18%,
		rgba(255, 227, 145, 0.70) 38%,
		rgba(255, 243, 198, 0.98) 50%,
		rgba(255, 227, 145, 0.70) 62%,
		rgba(255, 205, 85, 0.18) 82%,
		rgba(255, 205, 85, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 214, 110, 0.70),
		0 0 20px rgba(255, 190, 70, 0.35),
		0 0 36px rgba(255, 170, 45, 0.16) !important;
	animation: blackmuGoldTopGlintVisibleV85 2.2s linear infinite !important;
}

/* lower golden glint */
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::after {
	content: "" !important;
	position: absolute !important;
	left: -170px !important;
	bottom: 0px !important;
	width: 150px !important;
	height: 6px !important;
	border-radius: 999px !important;
	opacity: 0 !important;
	background: linear-gradient(
		90deg,
		rgba(255, 205, 85, 0) 0%,
		rgba(255, 205, 85, 0.18) 18%,
		rgba(255, 227, 145, 0.70) 38%,
		rgba(255, 243, 198, 0.98) 50%,
		rgba(255, 227, 145, 0.70) 62%,
		rgba(255, 205, 85, 0.18) 82%,
		rgba(255, 205, 85, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 214, 110, 0.70),
		0 0 20px rgba(255, 190, 70, 0.35),
		0 0 36px rgba(255, 170, 45, 0.16) !important;
	animation: blackmuGoldBottomGlintVisibleV85 2.2s linear infinite !important;
	animation-delay: .55s !important;
}

/* make each button staggered */
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) > .blackmu-option-card-shine::before {
	animation-delay: .18s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) > .blackmu-option-card-shine::after {
	animation-delay: .73s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) > .blackmu-option-card-shine::before {
	animation-delay: .36s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) > .blackmu-option-card-shine::after {
	animation-delay: .91s !important;
}

/* keep text/icons over the glint */
.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 100 !important;
}

@keyframes blackmuGoldTopGlintVisibleV85 {
	0% {
		left: -170px;
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	18% {
		opacity: 1;
	}
	56% {
		opacity: 1;
	}
	72% {
		left: calc(100% + 170px);
		opacity: 0;
	}
	100% {
		left: calc(100% + 170px);
		opacity: 0;
	}
}

@keyframes blackmuGoldBottomGlintVisibleV85 {
	0% {
		left: -170px;
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	18% {
		opacity: 1;
	}
	56% {
		opacity: 1;
	}
	72% {
		left: calc(100% + 170px);
		opacity: 0;
	}
	100% {
		left: calc(100% + 170px);
		opacity: 0;
	}
}


/* v86: real direct gold glints, always visible, top and bottom */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* kill all old shine systems */
.blackmu-account-panel .blackmu-option-card-v69::after,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::before,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::after {
	display: none !important;
	content: none !important;
	animation: none !important;
	opacity: 0 !important;
}

/* new real elements */
.blackmu-account-panel .blackmu-option-card-glint {
	display: block !important;
	position: absolute !important;
	left: -150px !important;
	width: 150px !important;
	height: 5px !important;
	z-index: 9999 !important;
	pointer-events: none !important;
	opacity: 1 !important;
	border-radius: 999px !important;
	background: linear-gradient(
		90deg,
		rgba(255, 195, 55, 0) 0%,
		rgba(255, 195, 55, 0.28) 20%,
		rgba(255, 224, 118, 0.92) 42%,
		rgba(255, 250, 210, 1) 50%,
		rgba(255, 224, 118, 0.92) 58%,
		rgba(255, 195, 55, 0.28) 80%,
		rgba(255, 195, 55, 0) 100%
	) !important;
	box-shadow:
		0 0 8px rgba(255, 220, 120, 0.90),
		0 0 20px rgba(255, 190, 60, 0.46),
		0 0 34px rgba(255, 166, 35, 0.22) !important;
	filter: saturate(1.25) !important;
	animation: blackmuRealGoldGlintMoveV86 1.85s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-glint-top {
	top: 0 !important;
}

.blackmu-account-panel .blackmu-option-card-glint-bottom {
	bottom: 0 !important;
	animation-delay: .55s !important;
}

/* stagger cards so every screenshot still catches some glints */
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-top {
	animation-delay: .15s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-bottom {
	animation-delay: .70s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-top {
	animation-delay: .30s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-bottom {
	animation-delay: .85s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-top {
	animation-delay: .45s !important;
}
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-bottom {
	animation-delay: 1.00s !important;
}

/* keep content above old layers but below new edge glints */
.blackmu-account-panel .blackmu-option-card-icon,
.blackmu-account-panel .blackmu-option-card-copy,
.blackmu-account-panel .blackmu-option-card-arrow {
	position: relative !important;
	z-index: 100 !important;
}

/* always moving, hover only makes card brighter, not required for glint */
.blackmu-account-panel .blackmu-option-card-v69:hover .blackmu-option-card-glint {
	animation-duration: 1.35s !important;
}

@keyframes blackmuRealGoldGlintMoveV86 {
	0% {
		left: -150px;
		opacity: 1;
	}
	100% {
		left: calc(100% + 150px);
		opacity: 1;
	}
}

/* v87: force clearly visible moving gold glints on top and bottom edges */
.blackmu-account-panel .blackmu-option-card-v69 {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
}

/* disable all previous shine systems */
.blackmu-account-panel .blackmu-option-card-v69::after,
.blackmu-account-panel .blackmu-option-card-v69::before,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::before,
.blackmu-account-panel .blackmu-option-card-v69 > .blackmu-option-card-shine::after {
	animation: none !important;
	content: none !important;
	display: none !important;
}

.blackmu-account-panel .blackmu-option-card-glint {
	position: absolute !important;
	left: -180px !important;
	width: 160px !important;
	height: 8px !important;
	display: block !important;
	pointer-events: none !important;
	border-radius: 999px !important;
	z-index: 20 !important;
	opacity: 1 !important;
	background: linear-gradient(90deg,
		rgba(255, 200, 70, 0) 0%,
		rgba(255, 200, 70, 0.20) 20%,
		rgba(255, 228, 140, 0.95) 48%,
		rgba(255, 248, 220, 1) 50%,
		rgba(255, 228, 140, 0.95) 52%,
		rgba(255, 200, 70, 0.20) 80%,
		rgba(255, 200, 70, 0) 100%) !important;
	box-shadow:
		0 0 10px rgba(255, 228, 140, 0.90),
		0 0 24px rgba(255, 192, 62, 0.50),
		0 0 40px rgba(255, 164, 28, 0.18) !important;
	filter: blur(0.2px) saturate(1.2) !important;
}

.blackmu-account-panel .blackmu-option-card-glint-top {
	top: 0 !important;
	animation: blackmuCardGlintTopV87 2.2s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-glint-bottom {
	bottom: 0 !important;
	animation: blackmuCardGlintBottomV87 2.2s linear infinite !important;
	animation-delay: .9s !important;
}

/* stagger cards so effect is always visible */
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-top { animation-delay: .2s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-bottom { animation-delay: 1.1s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-top { animation-delay: .45s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-bottom { animation-delay: 1.35s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-top { animation-delay: .7s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-bottom { animation-delay: 1.6s !important; }

@keyframes blackmuCardGlintTopV87 {
	0% { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(860px); opacity: 1; }
}

@keyframes blackmuCardGlintBottomV87 {
	0% { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(860px); opacity: 1; }
}

/* v88: make edge glints smaller, thinner and cleaner */
.blackmu-account-panel .blackmu-option-card-glint {
	left: -110px !important;
	width: 88px !important;
	height: 4px !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg,
		rgba(255, 200, 70, 0) 0%,
		rgba(255, 210, 95, 0.16) 18%,
		rgba(255, 232, 150, 0.82) 46%,
		rgba(255, 247, 214, 0.96) 50%,
		rgba(255, 232, 150, 0.82) 54%,
		rgba(255, 210, 95, 0.16) 82%,
		rgba(255, 200, 70, 0) 100%) !important;
	box-shadow:
		0 0 6px rgba(255, 228, 140, 0.72),
		0 0 14px rgba(255, 192, 62, 0.28) !important;
	filter: none !important;
}

.blackmu-account-panel .blackmu-option-card-glint-top {
	top: 0 !important;
	animation: blackmuCardGlintTopSlimV88 2.35s linear infinite !important;
}

.blackmu-account-panel .blackmu-option-card-glint-bottom {
	bottom: 0 !important;
	animation: blackmuCardGlintBottomSlimV88 2.35s linear infinite !important;
	animation-delay: .85s !important;
}

.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-top { animation-delay: .18s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(2n) .blackmu-option-card-glint-bottom { animation-delay: 1.03s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-top { animation-delay: .36s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(3n) .blackmu-option-card-glint-bottom { animation-delay: 1.21s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-top { animation-delay: .54s !important; }
.blackmu-account-panel .blackmu-option-card-v69:nth-child(4n) .blackmu-option-card-glint-bottom { animation-delay: 1.39s !important; }

@keyframes blackmuCardGlintTopSlimV88 {
	0% { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(760px); opacity: 1; }
}

@keyframes blackmuCardGlintBottomSlimV88 {
	0% { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(760px); opacity: 1; }
}

/* v89: use user-provided option icons and normalize visual size */
.blackmu-account-panel .blackmu-option-card-icon {
	overflow: hidden !important;
}

.blackmu-account-panel .blackmu-option-card-icon-image {
	display: block !important;
	width: 38px !important;
	height: 38px !important;
	max-width: 38px !important;
	max-height: 38px !important;
	object-fit: contain !important;
	object-position: center center !important;
	image-rendering: auto !important;
	filter: drop-shadow(0 0 6px rgba(255, 214, 110, 0.18)) !important;
}

.blackmu-account-panel .blackmu-option-card-icon-fallback {
	display: block !important;
	width: 38px !important;
	height: 38px !important;
}

@media (max-width: 1180px) {
	.blackmu-account-panel .blackmu-option-card-icon-image,
	.blackmu-account-panel .blackmu-option-card-icon-fallback {
		width: 34px !important;
		height: 34px !important;
		max-width: 34px !important;
		max-height: 34px !important;
	}
}

@media (max-width: 560px) {
	.blackmu-account-panel .blackmu-option-card-icon-image,
	.blackmu-account-panel .blackmu-option-card-icon-fallback {
		width: 28px !important;
		height: 28px !important;
		max-width: 28px !important;
		max-height: 28px !important;
	}
}

/* v91: remove title sparkle and show full IPs */
.blackmu-account-panel .blackmu-options-title-text::before {
	content: none !important;
	display: none !important;
}

.blackmu-account-panel .blackmu-account-ip-block {
	padding-right: 12px !important;
}

.blackmu-account-panel .blackmu-account-ip-value {
	display: inline-block !important;
	max-width: 100% !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	font-size: 13px !important;
	letter-spacing: 0 !important;
}

/* give the 4 stat/info cards a bit more breathing room on desktop */
@media (min-width: 901px) {
	.blackmu-account-panel .account-setting {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.blackmu-account-panel .account-setting_block {
		padding: 14px 12px 13px 38px !important;
	}

	.blackmu-account-panel .account-setting_f:first-of-type {
		font-size: 11px !important;
	}

	.blackmu-account-panel .account-setting_f:last-child {
		font-size: 13px !important;
	}

	.blackmu-account-panel .blackmu-account-ip-value {
		font-size: 12px !important;
	}
}

/* v92: completely remove Character Options title glow and show full IP values */
.blackmu-account-panel .blackmu-options-title-text::before,
.blackmu-account-panel .blackmu-options-title-text::after {
	content: none !important;
	display: none !important;
	background: none !important;
	box-shadow: none !important;
}

.blackmu-account-panel .blackmu-options-title-text {
	text-shadow: 0 0 8px rgba(214,170,86,0.12), 0 1px 0 rgba(255,255,255,0.05) !important;
}

.blackmu-account-panel .blackmu-account-ip-block {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 4px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	min-height: 68px !important;
}

.blackmu-account-panel .blackmu-account-ip-block .account-setting_f {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.blackmu-account-panel .blackmu-account-ip-block .account-setting_f:first-of-type {
	white-space: nowrap !important;
}

.blackmu-account-panel .blackmu-account-ip-block .blackmu-account-ip-value {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
}

@media (min-width: 901px) {
	.blackmu-account-panel .blackmu-account-ip-block .blackmu-account-ip-value {
		font-size: 12px !important;
	}
}

/* v93: smooth premium pulse for Discord and Telegram footer icons */
.blackmu-footer__social--discord a,
.blackmu-footer__social--telegram a {
	animation: blackmuFooterSocialPulseV93 2.8s ease-in-out infinite !important;
	transform-origin: center center !important;
}

.blackmu-footer__social--discord .blackmu-footer__social-icon,
.blackmu-footer__social--telegram .blackmu-footer__social-icon {
	animation: blackmuFooterSocialIconGlowV93 2.8s ease-in-out infinite !important;
	transform-origin: center center !important;
	will-change: transform, filter, opacity !important;
}

.blackmu-footer__social--discord a:hover,
.blackmu-footer__social--telegram a:hover {
	animation-duration: 1.8s !important;
}

.blackmu-footer__social--discord a:hover .blackmu-footer__social-icon,
.blackmu-footer__social--telegram a:hover .blackmu-footer__social-icon {
	animation-duration: 1.8s !important;
}

@keyframes blackmuFooterSocialPulseV93 {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
	}
	50% {
		transform: scale(1.06);
		filter: brightness(1.08);
	}
}

@keyframes blackmuFooterSocialIconGlowV93 {
	0%, 100% {
		opacity: 0.95;
		filter: drop-shadow(0 0 8px rgba(214, 170, 86, 0.18)) drop-shadow(0 0 16px rgba(214, 170, 86, 0.10));
	}
	50% {
		opacity: 1;
		filter: drop-shadow(0 0 12px rgba(255, 210, 110, 0.32)) drop-shadow(0 0 24px rgba(214, 170, 86, 0.18));
	}
}

/* v94: footer icon pulse without any background box */
.blackmu-footer__social--discord a,
.blackmu-footer__social--telegram a {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	animation: none !important;
}

.blackmu-footer__social--discord a:hover,
.blackmu-footer__social--telegram a:hover {
	background: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

.blackmu-footer__social--discord .blackmu-footer__social-icon,
.blackmu-footer__social--telegram .blackmu-footer__social-icon {
	display: block !important;
	background: transparent !important;
	box-shadow: none !important;
	animation: blackmuFooterIconPulseOnlyV94 2.6s ease-in-out infinite !important;
	transform-origin: center center !important;
	will-change: transform, filter, opacity !important;
}

.blackmu-footer__social--discord a:hover .blackmu-footer__social-icon,
.blackmu-footer__social--telegram a:hover .blackmu-footer__social-icon {
	animation-duration: 1.9s !important;
}

@keyframes blackmuFooterIconPulseOnlyV94 {
	0%, 100% {
		transform: scale(1);
		opacity: 0.96;
		filter: drop-shadow(0 0 6px rgba(214, 170, 86, 0.10));
	}
	50% {
		transform: scale(1.08);
		opacity: 1;
		filter: drop-shadow(0 0 10px rgba(255, 210, 110, 0.18));
	}
}

/* v95: replace news icon with rubin.png and add soft gold pulse */
.blackmu-home-news__title span {
	position: relative !important;
	width: 46px !important;
	height: 46px !important;
	background: url(../images/rubin.png) center / contain no-repeat !important;
	filter: drop-shadow(0 0 8px rgba(214,170,86,0.24)) drop-shadow(0 0 16px rgba(214,170,86,0.12)) !important;
	animation: blackmuNewsRubinPulseV95 2.8s ease-in-out infinite !important;
}

.blackmu-home-news__title span::before,
.blackmu-home-news__title span::after {
	content: none !important;
	display: none !important;
	background: none !important;
	box-shadow: none !important;
}

@keyframes blackmuNewsRubinPulseV95 {
	0%, 100% {
		transform: scale(1);
		filter: drop-shadow(0 0 8px rgba(214,170,86,0.24)) drop-shadow(0 0 16px rgba(214,170,86,0.12));
	}
	50% {
		transform: scale(1.06);
		filter: drop-shadow(0 0 10px rgba(255,210,110,0.36)) drop-shadow(0 0 20px rgba(214,170,86,0.20));
	}
}

/* v96: rubin icon without frame, glow only */
.blackmu-home-news__title span {
	position: relative !important;
	width: 42px !important;
	height: 42px !important;
	background: url(../images/rubin.png) center / contain no-repeat !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	transform: none !important;
	filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16)) !important;
	animation: blackmuNewsRubinGlowOnlyV96 2.8s ease-in-out infinite !important;
}

.blackmu-home-news__title span::before,
.blackmu-home-news__title span::after {
	content: none !important;
	display: none !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}

@keyframes blackmuNewsRubinGlowOnlyV96 {
	0%, 100% {
		transform: scale(1) !important;
		filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16)) !important;
	}
	50% {
		transform: scale(1.05) !important;
		filter: drop-shadow(0 0 12px rgba(255, 220, 120, 0.46)) drop-shadow(0 0 24px rgba(255, 186, 60, 0.24)) !important;
	}
}

/* v97: force visible pulse on rubin icon */
.blackmu-home-news__title span {
	display: inline-block !important;
	flex: 0 0 42px !important;
	transform-origin: center center !important;
	will-change: transform, filter, opacity !important;
	animation: blackmuNewsRubinPulseForcedV97 1.9s ease-in-out infinite !important;
}

@keyframes blackmuNewsRubinPulseForcedV97 {
	0%, 100% {
		transform: scale(1) !important;
		opacity: 0.96 !important;
		filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16)) !important;
	}
	50% {
		transform: scale(1.12) !important;
		opacity: 1 !important;
		filter: drop-shadow(0 0 14px rgba(255, 220, 120, 0.54)) drop-shadow(0 0 28px rgba(255, 186, 60, 0.28)) !important;
	}
}

/* v98: real rubin img pulse so animation is definitely visible */
.blackmu-home-news__title .blackmu-home-news__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	flex: 0 0 42px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.blackmu-home-news__title .blackmu-home-news__icon::before,
.blackmu-home-news__title .blackmu-home-news__icon::after {
	content: none !important;
	display: none !important;
}

.blackmu-home-news__title .blackmu-home-news__icon-image {
	display: block !important;
	width: 30px !important;
	height: 30px !important;
	object-fit: contain !important;
	transform-origin: center center !important;
	will-change: transform, filter, opacity !important;
	animation: blackmuRubinImagePulseV98 1.7s ease-in-out infinite !important;
	filter: drop-shadow(0 0 8px rgba(255, 205, 90, 0.28)) drop-shadow(0 0 16px rgba(255, 185, 60, 0.16)) !important;
}

@keyframes blackmuRubinImagePulseV98 {
	0%, 100% {
		transform: scale(1) !important;
		opacity: 0.95 !important;
		filter: drop-shadow(0 0 8px rgba(255, 205, 90, 0.28)) drop-shadow(0 0 16px rgba(255, 185, 60, 0.16)) !important;
	}
	50% {
		transform: scale(1.16) !important;
		opacity: 1 !important;
		filter: drop-shadow(0 0 12px rgba(255, 224, 135, 0.55)) drop-shadow(0 0 24px rgba(255, 185, 60, 0.30)) !important;
	}
}

/* v99: restore rubin icon size and make pulse clearly visible */
.blackmu-home-news__title .blackmu-home-news__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	flex: 0 0 44px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	transform-origin: center center !important;
	animation: blackmuRubinWrapperPulseV99 1.8s ease-in-out infinite !important;
}

.blackmu-home-news__title .blackmu-home-news__icon-image {
	display: block !important;
	width: 44px !important;
	height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform-origin: center center !important;
	will-change: transform, filter, opacity !important;
	animation: blackmuRubinImagePulseStrongV99 1.8s ease-in-out infinite !important;
	filter: drop-shadow(0 0 8px rgba(255, 205, 90, 0.28)) drop-shadow(0 0 16px rgba(255, 185, 60, 0.16)) !important;
}

@keyframes blackmuRubinWrapperPulseV99 {
	0%, 100% {
		transform: scale(1) !important;
	}
	50% {
		transform: scale(1.06) !important;
	}
}

@keyframes blackmuRubinImagePulseStrongV99 {
	0%, 100% {
		transform: scale(1) !important;
		opacity: 0.96 !important;
		filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16)) !important;
	}
	50% {
		transform: scale(1.18) !important;
		opacity: 1 !important;
		filter: drop-shadow(0 0 14px rgba(255, 220, 120, 0.56)) drop-shadow(0 0 28px rgba(255, 186, 60, 0.28)) !important;
	}
}

/* v100: restore original rubin size and provide fallback pulse */
.blackmu-home-news__title .blackmu-home-news__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	flex: 0 0 44px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.blackmu-home-news__title .blackmu-home-news__icon-image {
	display: block !important;
	width: 44px !important;
	height: 44px !important;
	max-width: 44px !important;
	max-height: 44px !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform-origin: center center !important;
	filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16)) !important;
}

.blackmu-home-news__title .blackmu-home-news__icon-image.blackmu-rubin-pulse-fallback {
	animation: blackmuRubinPulseFallbackV100 1.8s ease-in-out infinite !important;
}

@keyframes blackmuRubinPulseFallbackV100 {
	0%, 100% {
		transform: scale(1);
		opacity: 0.96;
		filter: drop-shadow(0 0 8px rgba(255, 203, 84, 0.28)) drop-shadow(0 0 16px rgba(255, 186, 60, 0.16));
	}
	50% {
		transform: scale(1.18);
		opacity: 1;
		filter: drop-shadow(0 0 14px rgba(255, 220, 120, 0.56)) drop-shadow(0 0 28px rgba(255, 186, 60, 0.28));
	}
}

/* Final v23: real OFFLINE state - red blinking server indicator. */
.blackmu-server-status--offline .blackmu-status-orb {
	border-color: rgba(255, 45, 45, 0.42) !important;
	background: radial-gradient(circle, rgba(255, 35, 35, 0.22), rgba(0, 0, 0, 0.24) 46%, rgba(255, 55, 55, 0.06)) !important;
	animation: blackmuOfflineOrbBlinkV23 0.95s ease-in-out infinite !important;
	box-shadow:
		0 0 0 0 rgba(255, 35, 35, 0.30),
		0 0 32px rgba(255, 35, 35, 0.24),
		inset 0 0 30px rgba(255, 35, 35, 0.12) !important;
}

.blackmu-server-status--offline .blackmu-status-orb span {
	background: #ff2525 !important;
	box-shadow: 0 0 26px rgba(255, 37, 37, 1), 0 0 0 0 rgba(255, 37, 37, 0.45) !important;
	animation: blackmuOfflinePointBlinkV23 0.72s ease-in-out infinite !important;
}

.blackmu-server-status--offline .blackmu-server-status__text strong span {
	color: #ff3030 !important;
	text-shadow: 0 0 10px rgba(255, 48, 48, 0.78), 0 0 20px rgba(255, 48, 48, 0.34) !important;
	animation: blackmuOfflineTextBlinkV23 0.95s ease-in-out infinite !important;
}

@keyframes blackmuOfflineOrbBlinkV23 {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
		box-shadow:
			0 0 0 0 rgba(255, 35, 35, 0.28),
			0 0 26px rgba(255, 35, 35, 0.22),
			inset 0 0 26px rgba(255, 35, 35, 0.10);
	}
	50% {
		opacity: 0.62;
		transform: scale(1.055);
		box-shadow:
			0 0 0 11px rgba(255, 35, 35, 0.10),
			0 0 52px rgba(255, 35, 35, 0.58),
			inset 0 0 38px rgba(255, 35, 35, 0.20);
	}
}

@keyframes blackmuOfflinePointBlinkV23 {
	0%, 100% {
		opacity: 1;
		transform: scale(0.92);
		box-shadow: 0 0 20px rgba(255, 37, 37, 0.95), 0 0 0 0 rgba(255, 37, 37, 0.42);
	}
	50% {
		opacity: 0.42;
		transform: scale(1.14);
		box-shadow: 0 0 36px rgba(255, 37, 37, 1), 0 0 0 10px rgba(255, 37, 37, 0.12);
	}
}

@keyframes blackmuOfflineTextBlinkV23 {
	0%, 100% {
		opacity: 1;
		filter: brightness(1);
	}
	50% {
		opacity: 0.46;
		filter: brightness(1.55);
	}
}

/* Mobile-only layout fixes: hero countdown and Rankings. Desktop styles remain unchanged. */
@media (max-width: 640px) {
	/* Keep the countdown in the normal mobile flow so it cannot overlap hero buttons. */
	.blackmu-hero {
		height: auto !important;
		min-height: 700px !important;
		padding-bottom: 30px !important;
	}

	.blackmu-hero__inner {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		height: auto !important;
		min-height: 100% !important;
	}

	.blackmu-hero__content {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 610px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#timers.blackmu-hero-countdown,
	#timers.blackmu-hero-countdown--open {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important;
		flex: 0 0 auto !important;
		width: min(340px, 100%) !important;
		max-width: 100% !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
		margin: 24px auto 0 !important;
		transform: scale(1) !important;
		transform-origin: center center !important;
		animation: blackmuCountdownMobilePulse 1.95s ease-in-out infinite !important;
	}

	#timers.blackmu-hero-countdown #timer_div_title {
		margin-bottom: 8px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
	}

	#timers.blackmu-hero-countdown #timer_div_time {
		width: 100% !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 6px !important;
	}

	#timers.blackmu-hero-countdown .timmer_inner_block {
		min-width: 0 !important;
		width: auto !important;
	}

	/* Rankings controls remain fully usable on narrow screens. */
	.blackmu-rankings-page .selectTop {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		width: 100% !important;
		margin-bottom: 16px !important;
	}

	.blackmu-rankings-page .selectTop .select {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	.blackmu-rankings-page .selectTop .select_dropdown {
		max-height: 250px !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		z-index: 80 !important;
	}

	/* Top 3 cards: preserve the artwork while leaving enough room for all statistics. */
	.blackmu-rankings-page .topThree.blackmu-top-three,
	.blackmu-rankings-page .blackmu-top-three {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		width: 100% !important;
		margin: 16px 0 !important;
	}

	.blackmu-rankings-page .topThree-block.blackmu-top-card,
	.blackmu-rankings-page .blackmu-top-card {
		display: grid !important;
		grid-template-columns: 66px 94px minmax(0, 1fr) !important;
		align-items: center !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 126px !important;
		height: 126px !important;
		padding: 0 10px 0 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	.blackmu-rankings-page .topThree-block_place {
		width: 66px !important;
		min-width: 66px !important;
		height: 126px !important;
		background-position: center center !important;
	}

	.blackmu-rankings-page .topThree-block_class {
		width: 94px !important;
		height: 126px !important;
		padding: 4px 0 0 !important;
		overflow: hidden !important;
	}

	.blackmu-rankings-page .blackmu-top-hero,
	.blackmu-rankings-page .topThree-block_class img {
		max-width: 92px !important;
		max-height: 116px !important;
		transform: translateY(4px) !important;
	}

	.blackmu-rankings-page .topThree-block_text.blackmu-top-card-info,
	.blackmu-rankings-page .blackmu-top-card-info {
		position: relative !important;
		z-index: 4 !important;
		min-width: 0 !important;
		width: 100% !important;
		height: 100% !important;
		padding: 8px 0 8px 7px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}

	.blackmu-rankings-page .blackmu-top-name,
	.blackmu-rankings-page .topThree-block_text .blackmu-top-name {
		position: relative !important;
		z-index: 6 !important;
		display: block !important;
		margin: 0 0 7px !important;
		font-size: 15px !important;
		line-height: 1.15 !important;
		pointer-events: auto !important;
		touch-action: manipulation;
	}

	.blackmu-rankings-page .blackmu-rank-card-stats {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 3px !important;
		width: 100% !important;
		min-width: 0 !important;
		overflow: visible !important;
	}

	.blackmu-rankings-page .blackmu-rank-card-stats span {
		display: grid !important;
		grid-template-columns: minmax(30px, auto) minmax(0, 1fr) !important;
		gap: 5px !important;
		min-height: 15px !important;
		font-size: 10.5px !important;
		line-height: 1.1 !important;
		overflow: visible !important;
	}

	.blackmu-rankings-page .blackmu-rank-card-stats strong {
		justify-self: start !important;
		font-size: 11px !important;
	}

	/* Player ranking becomes readable cards; every configured field remains visible. */
	.blackmu-rankings-page .table-responsive-sm {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table thead {
		display: none !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		width: 100% !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody tr {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		border: 1px solid rgba(198, 154, 72, 0.34) !important;
		background: linear-gradient(180deg, rgba(18, 14, 8, 0.93), rgba(2, 2, 2, 0.96)) !important;
		box-shadow: inset 0 0 0 1px rgba(255, 230, 165, 0.025), 0 8px 18px rgba(0, 0, 0, 0.24) !important;
		overflow: hidden !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td,
	.blackmu-rankings-page .blackmu-player-rankings-table tbody td:nth-child(n) {
		display: grid !important;
		grid-template-columns: minmax(82px, 38%) minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 38px !important;
		padding: 9px 12px !important;
		box-sizing: border-box !important;
		border: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
		background: transparent !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		text-align: right !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		word-break: break-word !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td:last-child {
		border-bottom: 0 !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td::before {
		content: attr(data-label);
		min-width: 0 !important;
		color: #d7ad54 !important;
		font-size: 11px !important;
		font-weight: 900 !important;
		line-height: 1.2 !important;
		letter-spacing: 0.25px !important;
		text-align: left !important;
		text-transform: uppercase !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td .blackmu-player-name-link {
		position: relative !important;
		z-index: 8 !important;
		justify-self: end !important;
		max-width: 100% !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
		white-space: normal !important;
		word-break: break-word !important;
		pointer-events: auto !important;
		touch-action: manipulation;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td .blackmu-rank-status-icon {
		position: absolute !important;
		right: 12px !important;
	}

	.blackmu-rankings-page .blackmu-rank-search-row .form-row {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		width: 100% !important;
	}

	.blackmu-rankings-page .blackmu-rank-search-row .col-auto,
	.blackmu-rankings-page .blackmu-rank-search-row .form-control,
	.blackmu-rankings-page .blackmu-rank-search-row .btn {
		width: 100% !important;
		max-width: none !important;
	}
}

@media (max-width: 390px) {
	.blackmu-rankings-page .topThree-block.blackmu-top-card,
	.blackmu-rankings-page .blackmu-top-card {
		grid-template-columns: 58px 82px minmax(0, 1fr) !important;
		min-height: 124px !important;
		height: 124px !important;
	}

	.blackmu-rankings-page .topThree-block_place {
		width: 58px !important;
		min-width: 58px !important;
		height: 124px !important;
	}

	.blackmu-rankings-page .topThree-block_class {
		width: 82px !important;
		height: 124px !important;
	}

	.blackmu-rankings-page .blackmu-top-hero,
	.blackmu-rankings-page .topThree-block_class img {
		max-width: 80px !important;
		max-height: 112px !important;
	}

	.blackmu-rankings-page .topThree-block_text.blackmu-top-card-info,
	.blackmu-rankings-page .blackmu-top-card-info {
		padding-left: 5px !important;
	}

	.blackmu-rankings-page .blackmu-top-name,
	.blackmu-rankings-page .topThree-block_text .blackmu-top-name {
		font-size: 14px !important;
	}
}

@keyframes blackmuCountdownMobilePulse {
	0%, 100% {
		transform: scale(1);
		filter: brightness(1);
	}
	50% {
		transform: scale(1.018);
		filter: brightness(1.05);
	}
}

@media (max-width: 640px) {
	.blackmu-rankings-page .blackmu-player-rankings-table .blackmu-rank-mobile-value {
		display: block !important;
		justify-self: end !important;
		min-width: 0 !important;
		max-width: 100% !important;
		color: #e9e2d2 !important;
		text-align: right !important;
		white-space: normal !important;
		word-break: break-word !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table .blackmu-rank-mobile-value .f16 {
		display: inline-block !important;
		margin-left: 6px !important;
	}

	.blackmu-rankings-page .blackmu-player-rankings-table tbody td .blackmu-rank-status-icon {
		position: static !important;
		display: inline-block !important;
		margin-left: 6px !important;
		transform: none !important;
	}
}

/* v55: Character Info equipment — exact mobile fit and reliable item options. */
.blackmu-character-page #inventoryc > div[data-info],
.blackmu-character-page #inventory > div[data-info] {
	cursor: pointer !important;
	outline: none !important;
	touch-action: manipulation;
}

.blackmu-character-page #inventoryc > div[data-info]:focus-visible,
.blackmu-character-page #inventory > div[data-info]:focus-visible {
	filter: drop-shadow(0 0 8px rgba(255, 207, 85, 0.88)) !important;
}

.blackmu-character-item-tooltip {
	position: absolute;
	z-index: 12050;
	display: none;
	width: max-content;
	max-width: 340px;
	padding: 12px 14px;
	border: 1px solid rgba(214, 170, 86, 0.72);
	border-radius: 4px;
	background: rgba(3, 3, 3, 0.98);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.72), inset 0 0 24px rgba(214, 170, 86, 0.04);
	color: #fff;
	font: normal 12px/1.42 Tahoma, Arial, sans-serif;
	text-align: center;
	pointer-events: none;
}

.blackmu-character-item-tooltip.is-visible {
	display: block;
}

.blackmu-character-item-tooltip__content {
	min-width: 180px;
}

.blackmu-character-item-tooltip__content br {
	line-height: 1.55;
}

.blackmu-character-item-tooltip__close {
	position: absolute;
	top: 4px;
	right: 7px;
	display: none;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #ffcf55;
	font-size: 25px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}

.blackmu-character-item-tooltip__loading {
	padding: 10px 18px;
	color: #ffcf55;
	font-weight: 700;
	letter-spacing: 0.4px;
}

@media (max-width: 640px) {
	.blackmu-character-page .blackmu-character-equipment-panel {
		overflow: hidden !important;
	}

	.blackmu-character-page .blackmu-equipment-stage {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		min-height: var(--blackmu-mobile-equipment-height, 350px) !important;
		height: var(--blackmu-mobile-equipment-height, 350px) !important;
		padding: 16px 6px 18px !important;
		overflow: hidden !important;
	}

	.blackmu-character-page #inventory,
	.blackmu-character-page #inventoryc {
		position: relative !important;
		left: 50% !important;
		flex: 0 0 auto !important;
		max-width: none !important;
		margin: 0 !important;
		transform: translateX(-50%) scale(var(--blackmu-mobile-equipment-scale, 0.82)) !important;
		transform-origin: top center !important;
	}

	.blackmu-character-page #inventory {
		width: 400px !important;
		min-width: 400px !important;
		height: 407px !important;
	}

	.blackmu-character-page #inventoryc {
		width: 395px !important;
		min-width: 395px !important;
		height: 320px !important;
	}

	.blackmu-character-page #inventory > div,
	.blackmu-character-page #inventoryc > div {
		max-width: none !important;
	}

	.blackmu-character-item-tooltip {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		width: calc(100vw - 30px);
		max-width: 360px;
		max-height: min(72vh, 520px);
		padding: 18px 18px 16px;
		overflow-x: hidden;
		overflow-y: auto;
		transform: translate(-50%, -50%);
		pointer-events: auto;
		overscroll-behavior: contain;
	}

	.blackmu-character-item-tooltip__content {
		min-width: 0;
		padding-top: 8px;
	}

	.blackmu-character-item-tooltip__close {
		display: block;
	}

	body.blackmu-item-tooltip-open::after {
		content: '';
		position: fixed;
		z-index: 12040;
		inset: 0;
		background: rgba(0, 0, 0, 0.66);
		backdrop-filter: blur(2px);
	}
}

/* Final v95: dark, readable native Support selects on desktop and mobile. */
.blackmu-support-form select.form-control,
.blackmu-support-form select#department,
.blackmu-support-form select#priority,
.blackmu-support-form select#character {
	background-color: #080808 !important;
	color: #f4efe6 !important;
	-webkit-text-fill-color: #f4efe6 !important;
	color-scheme: dark;
	font-weight: 500;
	cursor: pointer;
}

.blackmu-support-form select.form-control option,
.blackmu-support-form select.form-control optgroup,
.blackmu-support-form select#department option,
.blackmu-support-form select#priority option,
.blackmu-support-form select#character option {
	background-color: #090909 !important;
	color: #f4efe6 !important;
	-webkit-text-fill-color: #f4efe6 !important;
	font-weight: 500;
}

.blackmu-support-form select.form-control option:checked,
.blackmu-support-form select#department option:checked,
.blackmu-support-form select#priority option:checked,
.blackmu-support-form select#character option:checked {
	background-color: #675126 !important;
	color: #fff1c2 !important;
	-webkit-text-fill-color: #fff1c2 !important;
}

.blackmu-support-form select.form-control option:disabled,
.blackmu-support-form select#department option:disabled,
.blackmu-support-form select#priority option:disabled,
.blackmu-support-form select#character option:disabled {
	background-color: #090909 !important;
	color: #756e63 !important;
	-webkit-text-fill-color: #756e63 !important;
}

@media (hover: hover) and (pointer: fine) {
	.blackmu-support-form select.form-control option:hover,
	.blackmu-support-form select#department option:hover,
	.blackmu-support-form select#priority option:hover,
	.blackmu-support-form select#character option:hover {
		background-color: #3a2f1c !important;
		color: #fff0bd !important;
	}
}

.blackmu-support-form select.form-control:focus,
.blackmu-support-form select.form-control:focus-visible,
.blackmu-support-form select#department:focus,
.blackmu-support-form select#priority:focus,
.blackmu-support-form select#character:focus {
	background-color: #080808 !important;
	color: #fff1c2 !important;
	-webkit-text-fill-color: #fff1c2 !important;
	border-color: rgba(214, 170, 86, 0.82) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 235, 185, 0.04),
		0 0 0 1px rgba(214, 170, 86, 0.18),
		0 0 18px rgba(214, 170, 86, 0.10) !important;
	outline: none !important;
}

@media (max-width: 767px) {
	.blackmu-support-form select.form-control,
	.blackmu-support-form select#department,
	.blackmu-support-form select#priority,
	.blackmu-support-form select#character {
		width: 100% !important;
		height: 50px !important;
		min-height: 50px !important;
		padding-left: 14px !important;
		padding-right: 40px !important;
		font-size: 16px !important;
		line-height: 1.25 !important;
	}
}