/*
 * Navbar inspired by the current /guias site.
 * Deliberately scoped to the header so the Exodus layout keeps its identity.
 */
:root {
	--guides-bar: #111820;
	--guides-bar-line: #33404d;
	--guides-bar-hover: #1d2731;
	--guides-bar-gold: #b88a35;
	--guides-bar-gold-light: #d7b45a;
	--guides-bar-text: #aab3bd;
}

/* Unified sidebar modules (final cascade). */
#sidebar .sidebar-module-card {
	margin: 0 !important;
	color: #bcc7cf;
	background: #111c24 !important;
	border: 1px solid #31424e !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.2) !important;
	overflow: hidden;
}

#sidebar .sidebar-module-card > .card-header {
	display: flex;
	min-height: 45px;
	padding: 0 14px !important;
	align-items: center;
	gap: 6px;
	color: #e0e6ea !important;
	background: #1a2a35 !important;
	border: 0 !important;
	border-bottom: 1px solid #344651 !important;
	box-shadow: inset 2px 0 0 #c99a43 !important;
	font: 800 10px/1 Arial,sans-serif !important;
	letter-spacing: 1px !important;
	text-align: left !important;
	text-transform: uppercase;
}

#sidebar .sidebar-module-card > .card-header i { width: 17px; color: #ddb34e !important; font-size: 11px; text-align: center; }
#sidebar .sidebar-module-card > .card-body { padding: 0 !important; background: #111c24 !important; }
#sidebar .sidebar-module-card > .card-footer {
	display: flex;
	min-height: 52px;
	padding: 9px 12px !important;
	align-items: center;
	justify-content: center;
	background: #0d171e !important;
	border: 0 !important;
	border-top: 1px solid #2d3e49 !important;
}

#sidebar .sidebar-module-card > .card-footer .btn {
	display: inline-flex;
	min-width: 104px;
	min-height: 34px;
	padding: 7px 13px !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	color: #17130d !important;
	background: linear-gradient(180deg,#c9993f,#ac7827) !important;
	border: 1px solid #d8ac53 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font: 700 10px/1 Arial,sans-serif !important;
}

#sidebar .sidebar-module-card > .card-footer .btn:hover { color: #17130d !important; background: linear-gradient(180deg,#dbaf55,#bd8832) !important; }
#sidebar .sidebar-module-card table { width: 100% !important; margin: 0 !important; table-layout: fixed; border: 0 !important; border-collapse: collapse !important; }
#sidebar .sidebar-module-card table thead th {
	height: 38px;
	padding: 7px 8px !important;
	color: #8798a4 !important;
	background: #14212a !important;
	border: 0 !important;
	border-bottom: 1px solid #30414c !important;
	font: 800 8px/1.25 Arial,sans-serif !important;
	letter-spacing: .45px;
	text-transform: uppercase;
	white-space: nowrap;
}

#sidebar .sidebar-module-card table tbody td {
	height: 46px;
	padding: 7px 8px !important;
	color: #bac5cd !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #293a44 !important;
	font: 600 9px/1.3 Arial,sans-serif !important;
	vertical-align: middle;
}

#sidebar .sidebar-module-card table tbody tr:last-child td { border-bottom: 0 !important; }
#sidebar .sidebar-module-card table tbody tr:hover td { background: rgba(201,154,67,.045) !important; }
#sidebar .sidebar-info-card > .card-body { padding: 4px 12px !important; }
#sidebar .sidebar-info-card table tbody td { height: 38px; padding: 6px 4px !important; font-size: 9px !important; }
#sidebar .sidebar-info-card table tbody td:first-child { width: 27px !important; color: #ddb34e !important; text-align: center; }
#sidebar .sidebar-info-card table tbody td:nth-child(2) { width: auto !important; padding-left: 7px !important; color: #aebac3 !important; text-align: left; }
#sidebar .sidebar-info-card table tbody td:last-child { width: 76px !important; padding-left: 8px !important; color: #e2bd67 !important; text-align: left !important; white-space: nowrap; }
#sidebar .sidebar-info-card .spinner-grow { width: 7px; height: 7px; margin-right: 4px; }
#sidebar .sidebar-info-card .text-success { color: #4ed58b !important; }
#sidebar .sidebar-ranking-card table th:first-child,
#sidebar .sidebar-ranking-card table td:first-child { width: 42% !important; }
#sidebar .sidebar-ranking-card table th:nth-child(2),
#sidebar .sidebar-ranking-card table td:nth-child(2) { width: 34% !important; }
#sidebar .sidebar-ranking-card table th:last-child,
#sidebar .sidebar-ranking-card table td:last-child { width: 24% !important; text-align: center !important; }
#sidebar .sidebar-ranking-card table td:last-child { color: #e1bb62 !important; white-space: nowrap; }
#sidebar .sidebar-ranking-card .rankings-class-image-sidebar { width: 27px !important; height: 27px !important; margin-right: 5px; border: 1px solid #80652e !important; border-radius: 6px !important; vertical-align: middle; }
#sidebar .sidebar-ranking-card td a { color: #c8d2d9 !important; }
#sidebar .sidebar-castle-widget > .card-body { padding: 12px !important; }
#sidebar .sidebar-castle-widget > .card-footer .btn { min-width: 150px; }
#sidebar > hr { margin: 16px 0 !important; border: 0 !important; border-top: 1px solid #293943 !important; opacity: 1 !important; }

/* Adapted /guias surfaces. WebEngine keeps its main/sidebar structure. */
#container {
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	min-height: calc(100vh - 82px);
	margin: 0 auto !important;
	padding: 28px 24px 42px;
	color: #e8edf2;
	background: rgba(9, 15, 21, .94) !important;
	border: 1px solid #2d3945;
	border-top: 0;
	border-radius: 0;
	box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
}

#content {
	width: 100%;
	min-height: 620px;
	padding: 0 !important;
	overflow: visible;
}

#content > .row { align-items: flex-start; }
#content > .row > .col-lg-8 { padding-right: 18px; }
#content > .row > .col-lg-4 {
	padding-left: 18px;
	border-left: 1px solid #2d3945;
}

.server-stats-widget {
	margin-bottom: 24px;
	color: #e8edf2 !important;
	background: linear-gradient(135deg, rgba(17,26,35,.98), rgba(18,32,54,.98)) !important;
	border: 1px solid #35424e !important;
	border-left: 3px solid #c79a45 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.server-stats-title,.server-stats-number { color: #fff !important; }
.server-stats-subtitle,.server-stats-capacity { color: #aeb8c2 !important; }
.server-stats-progress { background: #202c36 !important; }
.server-stats-progress-fill { background: linear-gradient(90deg,#b88a35,#d7b45a) !important; }
.server-stats-pill,.server-stats-icon { background: #18232c !important; border-color: #34414c !important; }

.card,.panel,.panel-news,.panel-general,.panel-addstats,.panel-downloads,
.panel-sidebar,.panel-usercp,.market-card,.thumbnail,.well {
	color: #e8edf2 !important;
	background: rgba(19,29,38,.96) !important;
	border: 1px solid #303d49 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.card-header,.card-header.bg-primary,.card-header.text-white.bg-primary,
.panel-heading,.panel-news .panel-heading,.panel-sidebar > .panel-heading,
.panel-usercp > .panel-heading {
	padding: 11px 14px;
	color: #d6dce2 !important;
	background: #18232c !important;
	border: 0 !important;
	border-bottom: 1px solid #2b3540 !important;
	border-left: 2px solid #b88a35 !important;
	border-radius: 0 !important;
	font: 700 11px Arial,sans-serif;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
}
.card-header i,.panel-heading i { color: #d7b45a; }
.card-body,.panel-body,.panel-news .panel-body,.panel-general .panel-body,.panel-downloads .panel-body {
	color: #aeb8c2;
	background: transparent !important;
	border-color: #303d49 !important;
}
.card-footer,.panel-footer,.panel-news .panel-footer {
	color: #8d9aa7;
	background: #0e151c !important;
	border-color: #2b3540 !important;
}

.page-title {
	margin: 0 0 22px;
	padding: 13px 17px;
	color: #fff !important;
	background: linear-gradient(90deg, rgba(201, 154, 67, .1), rgba(19, 32, 42, .36) 55%, transparent);
	border: 1px solid rgba(65, 83, 96, .42);
	border-left: 3px solid #d0a34d;
	border-radius: 9px;
	font: 400 27px Georgia,"Times New Roman",serif;
}

.page-title > span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.page-title > span > i {
	color: #d9ad50;
	font-size: .8em;
}

/* Standard module hero: shared visual language for primary pages. */
#content .module-hero {
	display: flex;
	min-height: 118px;
	margin: 0 0 26px;
	padding: 24px 28px 24px 31px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	color: #eef2f4;
	background: linear-gradient(90deg, rgba(201, 154, 67, .1), rgba(24, 40, 51, .74) 42%, rgba(19, 34, 44, .94)), #101c24;
	border: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
	border-radius: 14px;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
	overflow: hidden;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#content .module-hero:hover {
	transform: translateY(-2px);
	border-color: rgba(201, 154, 67, .48);
	box-shadow: 0 18px 36px rgba(0, 0, 0, .24);
}

#content .module-hero-copy { min-width: 0; flex: 1 1 auto; }

#content .module-hero h1 {
	margin: 0 0 7px;
	color: #f2f3f3 !important;
	background: none !important;
	-webkit-text-fill-color: currentColor !important;
	font: 600 31px/1.12 Georgia, "Times New Roman", serif !important;
	letter-spacing: .15px;
}

#content .module-hero p {
	margin: 0;
	color: #96a6b1 !important;
	font: 600 14px/1.5 Arial, sans-serif;
}

#content .module-hero-icon {
	display: inline-flex;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	align-items: center;
	justify-content: center;
	color: #e1b652;
	background: rgba(201, 154, 67, .09);
	border: 1px solid rgba(201, 154, 67, .36);
	border-radius: 14px;
	font-size: 21px;
	box-shadow: inset 0 0 20px rgba(201, 154, 67, .035);
}

@media (max-width: 767px) {
	#content .module-hero {
		min-height: 0;
		margin-bottom: 20px;
		padding: 20px;
		gap: 15px;
		border-radius: 12px;
	}
	#content .module-hero h1 { font-size: 25px !important; }
	#content .module-hero p { font-size: 12px !important; }
	#content .module-hero-icon {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
		border-radius: 12px;
		font-size: 18px;
	}
}

/* Same square, dark table treatment used by .guide-table. */
.table,.rankings-table,.myaccount-table,.general-table-ui,.dataTable {
	width: 100% !important;
	color: #aeb8c1 !important;
	background: #121b23 !important;
	border-collapse: collapse;
	border-color: #303b45 !important;
}
.table > :not(caption) > * > *,
.rankings-table tr td,.rankings-table tr th,.myaccount-table tr td,.myaccount-table tr th,
.general-table-ui tr td,.general-table-ui tr th,.dataTable tr td,.dataTable tr th {
	padding: 10px 11px;
	color: inherit !important;
	background: #121b23 !important;
	border: 1px solid #303b45 !important;
	vertical-align: middle;
}
.table thead th,.table-dark,.table-dark > th,.table-dark > td,
.rankings-table tr:first-child td,.general-table-ui tr:first-child td,.dataTable thead th {
	color: #e7edf1 !important;
	background: #202c36 !important;
	border-color: #3a4650 !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.table-striped > tbody > tr:nth-of-type(odd) > *,
.general-table-ui tr:nth-child(even) td { background: #151f28 !important; }
.table-hover > tbody > tr:hover > *,.rankings-table tr:hover td,.general-table-ui tr:hover td {
	color: #fff !important;
	background: #1c2731 !important;
}

.form-control,input[type="text"],input[type="password"],input[type="number"],
input[type="email"],select,textarea,.input-group-text {
	color: #dce3e8 !important;
	background: #0e151c !important;
	border-color: #34414c !important;
	border-radius: 0 !important;
}
.input-group-text { color: #d7b45a !important; }
.form-control:focus,input:focus,select:focus,textarea:focus {
	color: #fff !important;
	background: #121b23 !important;
	border-color: #b88a35 !important;
	box-shadow: 0 0 0 3px rgba(184,138,53,.15) !important;
}

.btn,.page-link,.alert { border-radius: 0 !important; }
.btn-primary,.page-item.active .page-link {
	color: #fff !important;
	background: #a9792e !important;
	border-color: #d0a552 !important;
}
.btn-primary:hover { background: #bd8b38 !important; }
.alert-warning {
	color: #e4bd70 !important;
	background: #18232c !important;
	border: 1px solid #3a4650 !important;
	border-left: 3px solid #c59a49 !important;
}
.alert-success { color: #a7dfba !important; background: #13241c !important; border-color: #28563b !important; }
.alert-danger,.alert-error { color: #efb0b6 !important; background: #28171a !important; border-color: #653039 !important; }

.sidebar-banner img {
	width: 100%;
	border: 1px solid #3b4854;
	border-radius: 0;
	box-shadow: none;
}
.panel-usercp ul li { border-color: #25313b; }
.panel-usercp ul li a,.footer a { color: #aeb8c2 !important; }
.panel-usercp ul li a:hover,.footer a:hover { color: #d7b45a !important; }

.footer {
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	margin: 0 auto 28px !important;
	color: #8d9aa7;
	background: #10171f !important;
	border: 1px solid #2d3945;
	border-top: 2px solid #b88a35;
	border-radius: 0;
	box-shadow: none;
}

@media (max-width: 900px) {
	#container { width: calc(100% - 16px) !important; padding: 18px 14px 28px; }
	#content > .row > .col-lg-8,#content > .row > .col-lg-4 {
		padding-right: 0;
		padding-left: 0;
		border-left: 0;
	}
	#content > .row > .col-lg-4 { margin-top: 20px; }
	.footer { width: calc(100% - 16px) !important; margin-bottom: 8px !important; }
}

/* =========================================================
   POLISH LAYER
   A softer, more premium adaptation for the public website.
========================================================= */
body {
	color: #dbe3ea;
	background-color: #070d13;
}

#container {
	width: min(1280px, calc(100% - 40px)) !important;
	max-width: 1280px !important;
	padding: 32px !important;
	background:
		radial-gradient(circle at 78% 0%, rgba(38, 67, 108, .16), transparent 38%),
		linear-gradient(180deg, rgba(9, 16, 23, .97), rgba(7, 13, 19, .97)) !important;
	border-color: rgba(80, 101, 119, .32);
	box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

#content > .row {
	margin-right: -12px;
	margin-left: -12px;
}

#content > .row > .col-lg-8 {
	padding-right: 20px;
	padding-left: 12px;
}

#content > .row > .col-lg-4 {
	padding-right: 12px;
	padding-left: 20px;
	border-left: 0;
}

/* Main content gets an intentional surface even when there are no news. */
#content > .row > .col-lg-8 {
	min-height: 440px;
	padding-top: 20px;
	padding-bottom: 24px;
	background:
		linear-gradient(145deg, rgba(18, 29, 39, .72), rgba(10, 17, 24, .54));
	border: 1px solid rgba(73, 91, 106, .28);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.server-stats-widget {
	padding: 22px 24px !important;
	border: 1px solid rgba(78, 101, 123, .48) !important;
	border-left: 3px solid #c79a45 !important;
	border-radius: 12px !important;
	background:
		radial-gradient(circle at 92% 10%, rgba(30, 73, 145, .32), transparent 34%),
		linear-gradient(135deg, #121d27, #0d1721) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .28) !important;
}

.server-stats-icon {
	border-radius: 12px !important;
	background: linear-gradient(145deg, #263d57, #172838) !important;
	border: 1px solid rgba(215, 180, 90, .25) !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}

.server-stats-progress,
.server-stats-progress-fill {
	border-radius: 999px;
}

.server-stats-pill {
	min-height: 38px;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .045) !important;
	border: 1px solid rgba(130, 151, 169, .18) !important;
}

.card,.panel,.panel-news,.panel-general,.panel-addstats,.panel-downloads,
.panel-sidebar,.panel-usercp,.market-card,.thumbnail,.well {
	background:
		linear-gradient(145deg, rgba(21, 33, 43, .98), rgba(15, 24, 32, .98)) !important;
	border-color: rgba(78, 98, 114, .38) !important;
	border-radius: 10px !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .2) !important;
	overflow: hidden;
}

.card {
	margin-bottom: 20px;
}

.card-header,.card-header.bg-primary,.card-header.text-white.bg-primary,
.panel-heading,.panel-news .panel-heading,.panel-sidebar > .panel-heading,
.panel-usercp > .panel-heading {
	padding: 13px 16px;
	background: rgba(25, 39, 51, .94) !important;
	border-left: 0 !important;
	border-bottom-color: rgba(92, 111, 126, .3) !important;
	box-shadow: inset 3px 0 0 #c39a4b;
}

.card-body,
.panel-body {
	padding: 18px;
}

.sidebar-banner {
	margin-bottom: 20px;
}

.sidebar-banner a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .25);
	transition: transform .2s ease, box-shadow .2s ease;
}

.sidebar-banner a:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(0, 0, 0, .34);
}

.sidebar-banner img {
	display: block;
	border: 0;
	border-radius: 0;
	transition: filter .2s ease, transform .25s ease;
}

.sidebar-banner a:hover img {
	filter: brightness(1.07) saturate(1.05);
	transform: scale(1.015);
}

.form-control,
input[type="text"],input[type="password"],input[type="number"],input[type="email"],
select,textarea,.input-group-text {
	min-height: 44px;
	border-radius: 7px !important;
}

.input-group > .input-group-text:first-child {
	border-radius: 7px 0 0 7px !important;
}

.input-group > .form-control:last-child {
	border-radius: 0 7px 7px 0 !important;
}

.btn {
	min-height: 38px;
	padding: 8px 15px;
	border-radius: 7px !important;
	font-weight: 700;
	transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.btn:hover {
	transform: translateY(-1px);
}

.btn-outline-primary {
	color: #dfbd70 !important;
	background: rgba(195, 154, 75, .07) !important;
	border-color: rgba(211, 170, 86, .5) !important;
}

.btn-outline-primary:hover {
	color: #111820 !important;
	background: #d3aa56 !important;
	border-color: #e3c276 !important;
}

.alert {
	padding: 17px 20px;
	border-radius: 9px !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .14);
}

.alert-warning {
	display: flex;
	min-height: 60px;
	align-items: center;
	color: #e7c77e !important;
	background: linear-gradient(90deg, rgba(67, 51, 24, .34), rgba(24, 35, 44, .82)) !important;
	border-color: rgba(202, 159, 73, .28) !important;
	border-left: 3px solid #c99e4d !important;
}

.table-responsive,
.dataTables_wrapper {
	border: 1px solid rgba(73, 92, 107, .32);
	border-radius: 9px;
	overflow: hidden;
}

.table,.rankings-table,.myaccount-table,.general-table-ui,.dataTable {
	margin-bottom: 0;
}

.table > :not(caption) > * > *,
.rankings-table tr td,.rankings-table tr th,.myaccount-table tr td,.myaccount-table tr th,
.general-table-ui tr td,.general-table-ui tr th,.dataTable tr td,.dataTable tr th {
	padding: 12px 13px;
	border-right: 0 !important;
	border-left: 0 !important;
	border-color: rgba(71, 89, 103, .32) !important;
}

.footer {
	width: min(1280px, calc(100% - 40px)) !important;
	max-width: 1280px !important;
	border-radius: 0 0 10px 10px;
}

@media (max-width: 991px) {
	#container {
		padding: 22px !important;
	}

	#content > .row > .col-lg-8 {
		min-height: auto;
		margin-bottom: 22px;
		padding: 18px;
	}

	#content > .row > .col-lg-4 {
		padding: 0;
	}
}

@media (max-width: 576px) {
	#container {
		width: calc(100% - 12px) !important;
		padding: 14px !important;
	}

	.server-stats-widget {
		padding: 18px 15px !important;
	}

	.footer {
		width: calc(100% - 12px) !important;
	}
}

/* Sidebar modules: compact, distinct widgets instead of generic Bootstrap cards. */
#sidebar .sidebar-castle-widget,
#sidebar .sidebar-ranking-card,
#sidebar .sidebar-info-card {
	background: linear-gradient(155deg, #16242e, #0e171e) !important;
	border: 1px solid #30404c !important;
	border-radius: 13px !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
	overflow: hidden;
}

#sidebar .sidebar-castle-widget .card-header,
#sidebar .sidebar-ranking-card .card-header,
#sidebar .sidebar-info-card .card-header {
	padding: 13px 15px !important;
	color: #dce4e9 !important;
	background: linear-gradient(90deg, #1d2c37, #17242e) !important;
	border: 0 !important;
	border-bottom: 1px solid #34444f !important;
	box-shadow: inset 2px 0 0 #c99a43;
	font-size: 11px !important;
	font-weight: 800;
	letter-spacing: 1.1px;
	text-align: left !important;
	text-transform: uppercase;
}

#sidebar .sidebar-castle-widget .card-header i,
#sidebar .sidebar-ranking-card .card-header i,
#sidebar .sidebar-info-card .card-header i { width: 20px; color: #e0b84f; text-align: center; }

#sidebar .sidebar-castle-widget .card-body { padding: 16px !important; }

.sidebar-castle-owner {
	display: grid;
	padding: 13px;
	grid-template-columns: 76px auto;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background: rgba(8, 14, 20, .55);
	border: 1px solid #31414d;
	border-radius: 11px;
}

.sidebar-castle-mark {
	display: flex;
	width: 76px;
	height: 76px;
	align-items: center;
	justify-content: center;
	background: #0b1218;
	border: 1px solid #354651;
	border-radius: 10px;
	overflow: hidden;
}

.sidebar-castle-mark img { width: 68px !important; height: 68px !important; object-fit: contain; image-rendering: pixelated; }
.sidebar-castle-owner > div:last-child { display: flex; min-width: 0; align-items: center; justify-content: center; flex-direction: column; gap: 4px; text-align: center; }
.sidebar-castle-owner > div:last-child > * { max-width: 100%; text-align: center; }
.sidebar-castle-owner small { color: #7f909c !important; font-size: 8px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.sidebar-castle-owner strong,
.sidebar-castle-owner strong a { overflow: hidden; color: #e2bd67 !important; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-castle-owner span { display: flex; align-items: center; justify-content: center; gap: 3px; color: #aebac3; font-size: 10px; }
.sidebar-castle-owner span i { color: #d7a841; }

.sidebar-castle-status {
	display: grid;
	margin-top: 10px;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.sidebar-castle-status > div { padding: 11px 9px; background: #111c24; border: 1px solid #2e3e49; border-radius: 9px; text-align: center; }
.sidebar-castle-status small { display: block; margin-bottom: 4px; color: #7e8e9a !important; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.sidebar-castle-status strong { display: block; color: #dce4e9; font-size: 10px; line-height: 1.35; }

#sidebar .sidebar-castle-widget .card-footer,
#sidebar .sidebar-ranking-card .card-footer { padding: 11px !important; background: #0d161d !important; border-color: #293842 !important; }

#sidebar .sidebar-castle-widget .card-footer .btn,
#sidebar .sidebar-ranking-card .card-footer .btn {
	padding: 7px 13px !important;
	color: #e7c36f !important;
	background: rgba(190, 139, 48, .12) !important;
	border: 1px solid rgba(201, 154, 67, .38) !important;
	border-radius: 8px !important;
	font-size: 10px;
}

#sidebar .sidebar-castle-widget .card-footer .btn {
	padding: 3px 2px !important;
	color: #c9a653 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 9px;
	letter-spacing: .2px;
}

#sidebar .sidebar-castle-widget .card-footer .btn:hover { color: #edca76 !important; transform: none; box-shadow: none !important; }

#sidebar .sidebar-info-card .card-body { padding: 5px 12px !important; }
#sidebar .sidebar-info-card table { margin: 0 !important; table-layout: fixed; border: 0 !important; }
#sidebar .sidebar-info-card tr > td {
	padding: 9px 4px !important;
	color: #9fadb8 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #273741 !important;
	font-size: 10px !important;
}

#sidebar .sidebar-info-card tr:last-child > td { border-bottom: 0 !important; }
#sidebar .sidebar-info-card td:first-child { width: 30px !important; color: #d8ae4e !important; text-align: center; }
#sidebar .sidebar-info-card td:nth-child(2) { width: auto; padding-left: 6px !important; }
#sidebar .sidebar-info-card td:last-child { width: 82px; color: #e2bd67 !important; font-weight: 700 !important; text-align: right; }
#sidebar .sidebar-info-card .spinner-grow { width: 8px; height: 8px; margin-right: 4px; }

#sidebar .sidebar-ranking-card .card-body { padding: 0 !important; }
#sidebar .sidebar-ranking-card table { margin: 0 !important; table-layout: fixed; border: 0 !important; }
#sidebar .sidebar-ranking-card thead th {
	padding: 10px 8px !important;
	color: #82929e !important;
	background: #111b23 !important;
	border: 0 !important;
	border-bottom: 1px solid #2d3d48 !important;
	font-size: 8px !important;
	letter-spacing: .5px;
}

#sidebar .sidebar-ranking-card tbody td {
	padding: 9px 8px !important;
	color: #b9c5cd !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #263640 !important;
	font-size: 10px !important;
}

#sidebar .sidebar-ranking-card tbody tr:last-child td { border-bottom: 0 !important; }
#sidebar .sidebar-ranking-card tbody tr:hover td { background: rgba(201, 154, 67, .045) !important; }
#sidebar .sidebar-ranking-card th:first-child,
#sidebar .sidebar-ranking-card td:first-child { width: 44%; }
#sidebar .sidebar-ranking-card th:nth-child(2),
#sidebar .sidebar-ranking-card td:nth-child(2) { width: 36%; }
#sidebar .sidebar-ranking-card th:last-child,
#sidebar .sidebar-ranking-card td:last-child { width: 20%; }
#sidebar .sidebar-ranking-card .rankings-class-image-sidebar { width: 28px !important; height: 28px !important; margin-right: 6px; border: 1px solid #8b6c30 !important; border-radius: 7px !important; }
#sidebar .sidebar-ranking-card td a { color: #c8d2d9 !important; }
#sidebar .sidebar-ranking-card td:last-child { color: #e0ba65 !important; font-weight: 800; }
#sidebar .sidebar-ranking-card .card-footer .btn {
	color: #c9a653 !important;
	background: transparent !important;
	border-color: #6d5728 !important;
}
#sidebar .sidebar-ranking-card .card-footer .btn:hover { color: #f0cf7b !important; background: rgba(201,154,67,.08) !important; }
#sidebar > hr { margin: 18px 0 !important; border-color: #273640 !important; opacity: .8; }

@media (min-width: 992px) {
	#content > .row > .col-lg-8 {
		width: 74%;
		max-width: 74%;
		flex: 0 0 74%;
	}

	#content > .row > .col-lg-4 {
		width: 26%;
		max-width: 26%;
		flex: 0 0 26%;
	}
}

/* Full Castle Siege module. */
.castle-siege-page .castle-siege-block { width: 100%; padding: 0; }
.castle-siege-page .castle-siege-block > h2 {
	margin: 22px 0 12px;
	color: #e5ebef;
	font: 600 19px/1.25 Arial, sans-serif;
}

.castle-siege-page .castle-owner-panel {
	padding: 22px;
	background: linear-gradient(145deg, #16242e, #0e171f) !important;
	border: 1px solid #33434f !important;
	border-radius: 13px !important;
}

.castle-siege-page .castle-owner-panel .panel-body { padding: 0 !important; }
.castle-siege-page .castle-owner-panel .panel-body > .row { display: flex; margin: 0; align-items: center; justify-content: center; gap: 28px; }
.castle-siege-page .castle-owner-panel .col-xs-4 { width: 230px; padding: 0; }
.castle-siege-page .castle-owner-panel .col-xs-8 { width: auto; max-width: 520px; padding: 0; }
.castle-siege-page .castle-owner-name { display: block; margin-bottom: 10px; color: #e2bd67; font-size: 22px; font-weight: 700; }
.castle-siege-page .castle-owner-panel img { width: 110px !important; height: 110px !important; image-rendering: pixelated; }
.castle-siege-page .castle-owner-panel h4 { margin: 12px 0 4px; color: #8394a0; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.castle-siege-page #siegeTimer {
	padding: 18px 22px;
	color: #e8c36d;
	background: linear-gradient(90deg, rgba(201,154,67,.11), rgba(15,24,31,.7));
	border: 1px solid rgba(201,154,67,.3);
	border-radius: 11px;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}

.castle-siege-page table {
	margin-bottom: 18px !important;
	background: #111b23 !important;
	border: 1px solid #31414c !important;
	border-radius: 11px !important;
	border-collapse: separate !important;
	border-spacing: 0;
	overflow: hidden;
}

.castle-siege-page table th,
.castle-siege-page table td { padding: 13px 15px !important; border-color: #293943 !important; }
.castle-siege-page table td:first-child { width: 38%; color: #8495a1 !important; }
.castle-siege-page table td:last-child { color: #dce4e9 !important; font-weight: 600; }
.castle-siege-page > .castle-siege-block > hr { margin: 20px 0; border-color: #2b3b46; }

@media (max-width: 768px) {
	.sidebar-castle-status { grid-template-columns: 1fr; }
	.castle-siege-page .castle-owner-panel .panel-body > .row { flex-direction: column; }
	.castle-siege-page .castle-owner-panel .col-xs-4,
	.castle-siege-page .castle-owner-panel .col-xs-8 { width: 100%; }
}

/* Rounded component language: keep the Guides palette without its rigid boxes. */
.card,
.panel,
.panel-news,
.panel-general,
.panel-addstats,
.panel-downloads,
.panel-sidebar,
.panel-usercp,
.market-card,
.thumbnail,
.well,
.mu-section,
.register-card {
	border-radius: 12px !important;
	overflow: hidden;
}

.card-header,
.card-header.bg-primary,
.card-header.text-white.bg-primary,
.panel-heading,
.panel-news .panel-heading,
.panel-sidebar > .panel-heading,
.panel-usercp > .panel-heading {
	border-radius: 11px 11px 0 0 !important;
}

.card-footer,
.panel-footer,
.panel-news .panel-footer {
	border-radius: 0 0 11px 11px !important;
}

.table-responsive,
.dataTables_wrapper,
.panel-downloads .panel-body > .table,
.panel-downloads .panel-body > table,
.rankings-table,
.general-table-ui,
.myaccount-table {
	border-radius: 10px !important;
}

.table-responsive,
.panel-downloads .panel-body,
.panel-downloads .panel-body > .table,
.panel-downloads .panel-body > table,
.rankings-table,
.general-table-ui,
.myaccount-table {
	overflow: hidden;
}

.panel-downloads .table,
.rankings-table,
.general-table-ui,
.myaccount-table,
.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
}

.panel-downloads .table tr:first-child td:first-child,
.rankings-table tr:first-child > *:first-child,
.general-table-ui tr:first-child > *:first-child,
.myaccount-table tr:first-child > *:first-child {
	border-top-left-radius: 9px;
}

.panel-downloads .table tr:first-child td:last-child,
.rankings-table tr:first-child > *:last-child,
.general-table-ui tr:first-child > *:last-child,
.myaccount-table tr:first-child > *:last-child {
	border-top-right-radius: 9px;
}

.panel-downloads .table tr:last-child td:first-child,
.rankings-table tr:last-child > *:first-child,
.general-table-ui tr:last-child > *:first-child,
.myaccount-table tr:last-child > *:first-child {
	border-bottom-left-radius: 9px;
}

.panel-downloads .table tr:last-child td:last-child,
.rankings-table tr:last-child > *:last-child,
.general-table-ui tr:last-child > *:last-child,
.myaccount-table tr:last-child > *:last-child {
	border-bottom-right-radius: 9px;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
select,
textarea {
	border-radius: 9px !important;
}

.input-group > .input-group-text:first-child,
.input-group > .input-group-prepend:first-child .input-group-text {
	border-radius: 9px 0 0 9px !important;
}

.input-group > .form-control:last-child,
.input-group > input:last-child {
	border-radius: 0 9px 9px 0 !important;
}

.btn,
.page-link,
.alert {
	border-radius: 8px !important;
}

.sidebar-banner img {
	border-radius: 10px !important;
}

/* Player profile: restore the class artwork hidden by the generic table skin. */
.player-profile-summary,
.player-profile-section {
	margin-bottom: 16px;
	background: linear-gradient(145deg, rgba(18, 27, 35, .98), rgba(13, 21, 28, .98));
	border: 1px solid #303d49;
	border-radius: 12px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

.player-profile-summary .player-profile-table,
.player-profile-section .table {
	margin-bottom: 0;
	border: 0 !important;
	border-radius: 11px !important;
}

.player-profile-summary .player-profile-portrait {
	width: 190px;
	min-width: 190px;
	height: 220px;
	padding: 0 !important;
	background-color: #0c141b !important;
	background-image: linear-gradient(180deg, transparent 55%, rgba(8, 13, 18, .72)), var(--profile-character-image) !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border: 0 !important;
	border-right: 3px solid var(--profile-character-accent) !important;
	box-shadow: inset 0 0 28px rgba(0, 0, 0, .32);
}

.player-profile-summary thead th,
.player-profile-section thead th {
	padding: 12px 14px !important;
	color: #e7edf2 !important;
	background: #202c36 !important;
	border: 0 !important;
	border-bottom: 1px solid #3a4650 !important;
	font-size: 11px !important;
	letter-spacing: .8px;
}

.player-profile-summary tbody th,
.player-profile-section tbody th {
	color: #9eabb6 !important;
	font-size: 11px;
	font-weight: 600;
}

.player-profile-summary tbody td {
	color: #e0e6eb !important;
	font-size: 13px;
}

.player-profile-section tbody td {
	padding: 13px 12px !important;
}

.player-profile-section + br,
.player-profile-summary + br {
	display: none;
}

.player-profile-inventory {
	border-color: rgba(184, 138, 53, .45);
}

@media (max-width: 576px) {
	.player-profile-summary .player-profile-portrait {
		width: 112px;
		min-width: 112px;
		height: 190px;
	}

	.player-profile-summary tbody th,
	.player-profile-summary tbody td {
		padding: 8px 6px !important;
		font-size: 10px !important;
	}
}

/* =========================================================
   USERCP + LEGACY MODULE NORMALIZATION
========================================================= */
.my-account-title i,
.account-section-title i,
.character-header i,
.miniranks i {
	color: #d7b45a;
}

.my-account-page {
	color: #c8d2da;
}

.account-balance-card {
	height: 100%;
	min-height: 108px;
	background: linear-gradient(145deg, #17232d, #111a22) !important;
	border-color: #34424e !important;
}

.account-balance-card .card-header {
	padding: 10px 13px !important;
	color: #b9c4cd !important;
	background: rgba(32, 45, 56, .9) !important;
	border-left-width: 3px !important;
}

.account-balance-card .card-body {
	display: flex;
	min-height: 65px;
	padding: 13px !important;
	align-items: center;
	justify-content: center;
}

.account-balance-card .card-text {
	margin: 0;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: .3px;
}

.account-welcome-card {
	margin-bottom: 18px !important;
	background: linear-gradient(100deg, rgba(22, 34, 44, .98), rgba(14, 23, 31, .98)) !important;
	border-color: #34434f !important;
}

.account-welcome-card .row {
	display: flex;
	min-height: 112px;
	align-items: center;
}

.account-welcome-logo {
	width: 132px;
	padding: 16px 22px;
	text-align: center;
}

.account-welcome-copy { flex: 1; }

.account-welcome-card img {
	width: 76px;
	max-height: 76px;
	object-fit: contain;
	filter: drop-shadow(0 5px 9px rgba(0, 0, 0, .45));
}

.account-welcome-card .card-body {
	padding: 20px 24px 20px 4px !important;
}

.account-welcome-eyebrow {
	display: block;
	margin-bottom: 5px;
	color: #c99a43;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.account-welcome-card .card-title {
	margin: 0 0 6px;
	color: #edf1f4 !important;
	font-size: 20px;
}

.account-player-name { color: #32bd7a; }

.account-welcome-card .card-text {
	margin: 0;
	color: #96a5b1 !important;
}

.account-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 25px;
	gap: 10px;
}

.account-detail-row {
	display: flex;
	min-height: 76px;
	align-items: center;
	background: linear-gradient(120deg, #14212b, #101a22);
	border: 1px solid #30404c;
	border-radius: 11px;
	overflow: hidden;
}

.account-detail-icon {
	display: flex;
	width: 58px;
	min-height: 76px;
	flex: 0 0 58px;
	align-items: center;
	justify-content: center;
	color: #e1b94f;
	font-size: 18px;
	background: rgba(255,255,255,.018);
	border-right: 1px solid #30404c;
}

.account-detail-content {
	display: flex;
	min-width: 0;
	padding: 12px 16px;
	flex: 1;
	flex-direction: column;
	gap: 5px;
}

.account-detail-content small {
	color: #8093a2;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.account-detail-content strong {
	min-width: 0;
	color: #e8edf1;
	font-size: 13px;
	font-weight: 600;
}

.account-detail-value { overflow-wrap: anywhere; }
.account-password-dots { letter-spacing: 2px; }
.account-detail-content .label { padding: 0; color: inherit; background: none; font-size: inherit; }
.account-detail-content .fa-check-circle { color: #35c879; }
.account-status-pill {
	display: inline-flex;
	width: fit-content;
	min-height: 26px;
	padding: 4px 10px;
	align-items: center;
	gap: 7px;
	color: #ccd6dd;
	background: #192731;
	border: 1px solid #394b58;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.account-status-pill i { font-size: 7px; }
.account-status-pill.is-online,
.account-status-pill.is-active { color: #55dc91; background: rgba(34, 156, 96, .11); border-color: rgba(58, 190, 119, .32); }
.account-status-pill.is-offline,
.account-status-pill.is-blocked { color: #ef7b7b; background: rgba(180, 55, 55, .11); border-color: rgba(221, 82, 82, .3); }

.account-detail-action {
	display: flex;
	width: 42px;
	height: 42px;
	margin-right: 14px;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	color: #16130d !important;
	background: #c9973a;
	border: 1px solid #dbad54;
	border-radius: 10px;
	transition: background .2s ease, transform .2s ease;
}

.account-detail-action:hover { background: #ddb151; transform: translateY(-1px); }
.account-detail-vip { border-color: rgba(201,154,67,.55); }

.account-details .input-group {
	min-height: 48px;
	margin: 0 !important;
	flex-wrap: nowrap;
	background: #111b23;
	border: 1px solid #33424e;
	border-radius: 9px;
	overflow: hidden;
}

.account-details .input-group-text,
.account-details .form-control {
	display: flex;
	height: auto;
	min-height: 46px;
	margin: 0;
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.account-details .input-group-text:first-child {
	width: 44px;
	padding: 0;
	justify-content: center;
	color: #d7b45a !important;
	border-right: 1px solid #33424e !important;
}

.account-details .input-group-text:nth-child(2) {
	width: 180px;
	color: #d6b45e !important;
	border-right: 1px solid #33424e !important;
}

.account-details .form-control {
	position: relative;
	min-width: 0;
	padding: 8px 12px;
	color: #dce4ea !important;
	font-size: 13px;
}

.account-details .form-control .btn {
	margin-left: auto;
	padding: 7px 10px !important;
	color: #17130c !important;
	background: #bd8b34 !important;
	border-color: #d1a34d !important;
}

.account-section-title,
.character-header,
.miniranks {
	margin: 26px 0 16px;
	padding: 12px 15px;
	color: #e4e9ed !important;
	background: linear-gradient(90deg, #1d2a35, #16212a) !important;
	border: 1px solid #34434f !important;
	border-left: 3px solid #c99a43 !important;
	border-radius: 9px !important;
	font: 700 13px/1.3 Arial, sans-serif !important;
	letter-spacing: .7px;
	text-align: left !important;
	text-transform: uppercase;
}

.account-character-card {
	margin-bottom: 18px;
	background: linear-gradient(145deg, #17232d, #101920) !important;
	border-color: #34434f !important;
}

.account-character-card .card-body {
	padding: 26px 28px 24px !important;
}

.account-character-main {
	width: 100%;
	min-height: 250px;
	margin: 0 !important;
	align-items: center !important;
}

.account-character-identity {
	display: flex !important;
	padding: 0 24px 0 0 !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.account-character-stats {
	padding: 0 0 0 24px !important;
	border-left: 1px solid rgba(67, 84, 97, .65);
}

.account-character-stats > .row,
.account-character-stats > .row > [class*="col-"] {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.account-character-stats h3.mini-ranks-hard-text {
	margin: 0 0 18px !important;
	text-align: left;
}

.account-character-stats .justify-content-center {
	margin: 0 0 7px !important;
}

.account-character-summary {
	margin: 18px 0 0 !important;
	padding-top: 18px;
	border-top: 1px solid rgba(67, 84, 97, .55);
}

.account-character-summary > div {
	width: 100%;
	padding: 0 !important;
	text-align: center;
}

.account-character-summary center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.account-character-summary .btn { margin: 0 !important; }

/* Character cards mirror the visual language of the public player profile. */
.account-character-card {
	position: relative;
	background:
		radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--account-character-accent) 16%, transparent), transparent 40%),
		linear-gradient(145deg, #17242e, #0e171f) !important;
	border-color: color-mix(in srgb, var(--account-character-accent) 28%, #34434f) !important;
	border-radius: 14px !important;
	overflow: hidden;
}

.account-character-card::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	background: var(--account-character-accent);
	content: '';
}

.account-character-main {
	display: grid !important;
	grid-template-columns: 245px minmax(0, 1fr);
	min-height: 255px;
}

.account-character-identity {
	width: auto !important;
	max-width: none !important;
	padding: 4px 28px 4px 4px !important;
}

.account-character-card h3.mini-ranks-hard-text {
	margin: 0 0 3px !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	font-size: 25px !important;
	font-weight: 600 !important;
}

.account-character-class {
	margin-bottom: 14px;
	color: var(--account-character-accent);
	font-size: 12px;
	font-weight: 700;
}

.account-character-avatar {
	width: 190px !important;
	max-height: 190px;
	object-fit: cover;
	border: 1px solid color-mix(in srgb, var(--account-character-accent) 70%, #384752) !important;
	border-radius: 11px !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .38);
}

.account-character-stats {
	width: auto !important;
	max-width: none !important;
	padding-left: 28px !important;
}

.account-character-stats > .row > div {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.account-character-stats h3.mini-ranks-hard-text {
	grid-column: 1 / -1;
	margin-bottom: 5px !important;
	font-family: Arial, sans-serif !important;
	font-size: 14px !important;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.account-character-stats > .row > div > .row {
	display: flex !important;
	min-height: 76px;
	margin: 0 !important;
	padding: 13px 15px !important;
	align-content: center;
	background: rgba(10, 18, 24, .58);
	border: 1px solid #33434f;
	border-radius: 10px;
}

.account-character-stats > .row > div > .row > div {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	flex: 0 0 100% !important;
	text-align: left;
}

.account-character-stats > .row > div > .row > .mini-ranks-hard-text {
	margin-bottom: 5px !important;
	color: #8295a4 !important;
	font-size: 10px;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.account-character-stats .progress {
	height: 24px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.account-character-stats .progress-bar,
.account-character-stats .bg-aifos {
	min-width: 0 !important;
	max-width: none !important;
	justify-content: flex-start;
	color: #edf1f4 !important;
	background: transparent !important;
	font: 700 17px/24px Arial, sans-serif !important;
	text-align: left;
	text-shadow: none;
}

.account-character-summary {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.account-character-summary center { display: contents; }

.account-character-summary .btn {
	display: flex;
	min-height: 54px;
	padding: 9px 12px !important;
	align-items: center;
	justify-content: center;
	white-space: normal;
	border-radius: 10px !important;
}

.account-character-card .mini-ranks-hard-text {
	color: #c7d1da !important;
}

.account-character-card h3.mini-ranks-hard-text {
	margin-bottom: 14px;
	color: #edf1f4 !important;
	font: 600 19px/1.25 Arial, sans-serif;
}

.account-character-avatar {
	width: min(170px, 88%) !important;
	height: auto !important;
	border: 2px solid #b88a35 !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .42);
}

.account-character-card .progress {
	height: 22px !important;
	background: #0d151c !important;
	border: 1px solid #2e3b46;
	border-radius: 6px !important;
	overflow: hidden;
}

.account-character-card .progress-bar,
.account-character-card .bg-aifos {
	color: #f4f6f7 !important;
	background: linear-gradient(90deg, #8c6727, #c5963f) !important;
	font: 600 11px/20px Arial, sans-serif !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
}

.account-character-card .btn-outline-dark {
	color: #b9c5ce !important;
	background: #111b23 !important;
	border-color: #34434f !important;
	border-radius: 999px !important;
	font-size: 11px;
}

.account-character-card .btn-outline-dark i {
	color: #d7b45a;
}

.my-account-page #paypal_donations,
.my-account-page #mp_donations {
	margin-bottom: 18px;
	border-radius: 10px !important;
	overflow: hidden;
}

.my-account-page #paypal_donations h4,
.my-account-page #mp_donations h4 {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}

/* Bootstrap 3 forms still used by several UserCP modules. */
#content .form-horizontal {
	max-width: 760px;
	margin: 20px auto;
	padding: 22px;
	background: linear-gradient(145deg, #15212b, #101920);
	border: 1px solid #33414d;
	border-radius: 12px;
}

#content .form-horizontal .form-group {
	display: flex;
	margin: 0 0 15px;
	align-items: center;
	gap: 15px;
}

#content .form-horizontal .control-label {
	flex: 0 0 34%;
	margin: 0;
	color: #aebac4 !important;
	font-size: 12px;
	font-weight: 600;
	text-align: right;
}

#content .form-horizontal [class*="col-sm-"] {
	min-width: 0;
	padding: 0;
}

.module-requirements {
	margin-top: 20px;
	padding: 14px 16px;
	color: #9eabb5;
	background: #111b23;
	border: 1px solid #303e49;
	border-left: 3px solid #b88a35;
	border-radius: 9px;
	font-size: 12px;
	line-height: 1.6;
}

.panel-addstats,
.panel-general {
	padding: 18px;
	background: linear-gradient(145deg, #15212b, #101920) !important;
	border: 1px solid #33414d !important;
	border-radius: 12px !important;
}

.panel-addstats .panel-body,
.panel-general .panel-body {
	padding: 0 !important;
}

.panel-addstats .col-xs-3 {
	float: left;
	width: 25%;
}

.panel-addstats .col-xs-9 {
	float: left;
	width: 75%;
}

.panel-addstats .col-xs-12 {
	width: 100%;
}

.panel-addstats::after,
.panel-addstats .panel-body::after {
	display: table;
	clear: both;
	content: "";
}

.panel-addstats .character-avatar img {
	border: 2px solid #b88a35;
	border-radius: 10px !important;
	box-shadow: 0 7px 18px rgba(0, 0, 0, .38);
}

.panel-addstats .character-name {
	color: #edf1f4 !important;
	border-color: #33414d !important;
}

@media (max-width: 768px) {
	.account-details { grid-template-columns: 1fr; }
	.account-welcome-card .row { flex-direction: column; padding-top: 14px; }
	.account-welcome-logo { width: auto; padding: 8px; }
	.account-welcome-card .col-md-2 {
		padding-bottom: 4px;
	}

	.account-welcome-card .card-body {
		padding: 12px 18px 20px !important;
		text-align: center;
	}

	.account-details .input-group {
		flex-wrap: wrap;
	}

	.account-details .input-group-text:nth-child(2) {
		width: calc(100% - 44px);
	}

	.account-details .form-control {
		flex-basis: 100%;
		border-top: 1px solid #33424e !important;
	}

	.account-character-card .card-body {
		padding: 17px !important;
	}

	.account-character-main { min-height: 0; }
	.account-character-identity { padding: 0 0 20px !important; }
	.account-character-stats { padding: 20px 0 0 !important; border-top: 1px solid #34434f; border-left: 0; }
	.account-character-stats h3.mini-ranks-hard-text { text-align: center; }
	.account-character-main { display: block !important; }
	.account-character-stats > .row > div { grid-template-columns: 1fr; }
	.account-character-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.account-character-card [align="center"] {
		padding: 0 0 18px !important;
	}

	#content .form-horizontal .form-group {
		display: block;
	}

	#content .form-horizontal .control-label {
		display: block;
		margin-bottom: 7px;
		text-align: left;
	}

	.panel-addstats .col-xs-3,
	.panel-addstats .col-xs-9 {
		float: none;
		width: 100%;
	}
}

/* Guild profiles and remaining content modules. */
.guild-profile-summary,
.guild-member-list,
.sidebar-block {
	margin-bottom: 18px;
	background: linear-gradient(145deg, #15212b, #101920);
	border: 1px solid #33414d;
	border-radius: 12px;
	overflow: hidden;
}

.guild-profile-summary .table,
.guild-member-list .table,
.sidebar-block .table {
	margin: 0;
	border: 0 !important;
}

.guild-profile-summary tbody > tr > th:first-child img {
	width: 142px;
	height: 142px;
	object-fit: contain;
	filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .45));
}

.guild-profile-summary tbody > tr > th:first-child {
	width: 180px;
	background: radial-gradient(circle, rgba(184, 138, 53, .12), transparent 68%) !important;
	border-right: 2px solid rgba(184, 138, 53, .45) !important;
}

.guild-member-list .container {
	max-width: none;
	padding: 12px;
}

.guild-member-list .row {
	gap: 8px 0;
}

.guild-member-list .col-md-3 {
	padding: 10px 11px !important;
	color: #bfcad2;
	background: #111b23;
	border: 1px solid #303e49 !important;
	border-radius: 7px;
}

.sidebar-block {
	padding: 0;
}

.sidebar-block .alert {
	margin: 0;
}

.sidebar-block .table .btn {
	min-width: 86px;
	padding: 6px 9px !important;
	font-size: 10px;
}

#content .badge,
#content .label {
	display: inline-flex;
	padding: 5px 9px;
	align-items: center;
	border: 1px solid #3b4955;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
}

#content .badge-success,
#content .label-success {
	color: #83dbaa !important;
	background: rgba(39, 124, 77, .18) !important;
	border-color: rgba(76, 174, 118, .35) !important;
}

#content .badge-danger,
#content .badge-important,
#content .label-danger {
	color: #ef969c !important;
	background: rgba(145, 48, 56, .18) !important;
	border-color: rgba(205, 82, 92, .35) !important;
}

#content .pagination {
	gap: 5px;
}

#content .page-link {
	color: #b9c5ce !important;
	background: #111b23 !important;
	border-color: #34434f !important;
}

#content .page-item.active .page-link,
#content .page-link:hover {
	color: #17130b !important;
	background: #c3923b !important;
	border-color: #d7aa50 !important;
}

.modal-content {
	color: #cbd4dc;
	background: #121c24;
	border: 1px solid #3a4854;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
}

.modal-header,
.modal-footer {
	border-color: #33414c;
}

.modal-header .btn-close {
	filter: invert(1) grayscale(1);
}

@media (max-width: 576px) {
	.guild-profile-summary tbody > tr > th:first-child {
		width: 105px;
	}

	.guild-profile-summary tbody > tr > th:first-child img {
		width: 88px;
		height: 88px;
	}
}

body {
	padding-top: 82px;
}

.global-top-bar {
	display: none !important;
}

.discord-banner {
	display: block !important;
	position: sticky;
	top: 0;
	z-index: 2000;
	background: linear-gradient(90deg, #111820 0%, #151e2a 50%, #111820 100%);
	border-top: 1px solid rgba(88, 101, 242, .38);
	border-bottom: 1px solid #2d3945;
	box-shadow: 0 5px 18px rgba(0, 0, 0, .24);
}

.discord-banner-inner {
	min-height: 50px;
	padding: 7px 52px 7px 16px;
	gap: 14px;
}

.discord-banner-bell {
	color: #8d98ff;
}

.discord-banner-text {
	color: #cbd3dc;
	font-size: 13px;
	font-weight: 600;
}

.discord-banner-btn {
	padding: 7px 13px;
	color: #fff !important;
	background: #5865f2;
	border: 1px solid #7883ff;
	border-radius: 8px !important;
	font-size: 12px;
	box-shadow: 0 4px 12px rgba(88, 101, 242, .2);
}

.discord-banner-btn:hover,
.discord-banner-btn:focus {
	color: #fff !important;
	background: #6875f5;
	border-color: #939bff;
}

.discord-banner-btn:hover i {
	color: #fff !important;
}

.discord-banner-online {
	padding: 7px 11px;
	color: #dbe1e7;
	background: #1b2631;
	border: 1px solid #34414d;
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: .4px;
}

.discord-banner-close {
	right: 18px;
	color: #87929d;
	font-size: 17px;
}

/* WebEngine prints this after the template; keep it above the rebuilt header. */
.admincp-button {
	position: absolute !important;
	z-index: 30 !important;
	top: 23px !important;
	right: 18px !important;
	display: inline-flex !important;
	height: 36px;
	padding: 0 14px !important;
	align-items: center;
	gap: 7px;
	color: #e1c675 !important;
	background: linear-gradient(180deg, rgba(184, 138, 53, .16), rgba(184, 138, 53, .07)) !important;
	border: 1px solid rgba(201, 154, 67, .58) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 1px 0 rgba(255, 231, 163, .06), 0 4px 14px rgba(0, 0, 0, .2) !important;
	font: 600 12px/34px Arial, sans-serif !important;
	letter-spacing: .15px;
	text-transform: none;
	transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.admincp-button::before {
	content: "⚙";
	color: #d7b45a;
	font-size: 13px;
	line-height: 1;
}

.admincp-button:hover,
.admincp-button:focus {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(201, 154, 67, .3), rgba(184, 138, 53, .16)) !important;
	border-color: #d7ab53 !important;
	box-shadow: 0 0 0 3px rgba(184, 138, 53, .1), 0 5px 16px rgba(0, 0, 0, .24) !important;
}

@media (max-width: 768px) {
	.discord-banner-inner {
		min-height: 0;
		padding: 12px 48px 12px 14px;
		gap: 10px;
	}

	.discord-banner-text,
	.discord-banner-online {
		font-size: 12px;
	}

	.admincp-button {
		top: 22px !important;
		right: 58px !important;
		height: 36px;
		padding: 0 9px !important;
	}
}

/* Full-width bar: brand left, generated WebEngine navigation right. */
#header {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 82px;
	margin: 0;
	padding: 0;
	overflow: visible;
	background: var(--guides-bar);
	border: 0;
	border-bottom: 1px solid var(--guides-bar-line);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
	text-align: left;
}

#header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--guides-bar-gold);
}

#header > a {
	position: absolute;
	z-index: 3;
	top: 10px;
	left: max(25px, calc((100% - 1400px) / 2 + 25px));
	display: flex;
	height: 62px;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.webengine-mu-logo {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0;
	object-fit: contain;
	filter: none;
}

.webengine-mu-logo:hover {
	transform: none;
	filter: none;
}

.exodus-brand-copy {
	display: block;
	margin-left: 12px;
	text-align: left;
}

.exodus-brand-copy strong {
	display: block;
	color: #f4f0e5;
	font: 700 25px/30px Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.exodus-brand-copy small {
	display: block;
	color: #8d9aa7;
	font: 10px/16px Arial, sans-serif;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

/* Keep WebEngine's generated links; only reproduce the guides navbar skin. */
.header-info-container {
	position: absolute;
	z-index: 2100;
	top: 0;
	left: 390px;
	right: max(24px, calc((100% - 1400px) / 2 + 24px));
	width: auto !important;
	max-width: none !important;
	height: 82px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.header-info-container .header-info,
.header-info-container .header-info > .row,
.header-info-container .col-lg-12,
.headersito {
	width: auto;
	height: 82px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	backdrop-filter: none;
	overflow: visible !important;
}

.header-info-container ul {
	display: flex;
	height: 82px;
	margin: 0;
	padding: 20px 0 0;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 6px !important;
	white-space: nowrap;
}

.header-info-container ul li {
	position: relative;
	display: block;
	flex: 0 0 auto;
	height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.ranking-nav-chevron {
	width: auto !important;
	margin-left: 2px;
	font-size: 8px !important;
	transition: transform .2s ease;
}

.has-ranking-dropdown.dropdown-open .ranking-nav-chevron {
	transform: rotate(180deg);
}

.ranking-nav-dropdown {
	position: absolute;
	top: 42px;
	left: 50%;
	z-index: 1100;
	display: grid;
	width: 210px;
	max-height: min(520px, calc(100vh - 105px));
	padding: 8px;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 8px);
	background: rgba(12, 22, 30, .98);
	border: 1px solid #344653;
	border-top: 2px solid #d0a34d;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 16px 30px rgba(0, 0, 0, .48);
	transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.has-ranking-dropdown.dropdown-open .ranking-nav-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.header-info-container ul li .ranking-nav-dropdown a {
	display: grid;
	width: 100%;
	height: 36px;
	padding: 0 12px;
	align-items: center;
	justify-content: center;
	grid-template-columns: 18px auto;
	gap: 8px;
	text-align: center;
	color: #b9c4cc !important;
	font-size: 12px;
	line-height: 36px;
	border: 0;
	border-radius: 6px;
}

.header-info-container ul li .ranking-nav-dropdown a > i {
	width: 18px;
	color: #d6ad54;
	font-size: 12px;
	text-align: center;
}

.header-info-container ul li .ranking-nav-dropdown a > span {
	text-align: left;
}

.header-info-container ul li .ranking-nav-dropdown a:hover,
.header-info-container ul li .ranking-nav-dropdown a.active {
	color: #f0d58e !important;
	background: rgba(208, 163, 77, .12);
	border: 0;
}

.header-info-container ul li a {
	display: inline-flex;
	height: 42px;
	margin: 0;
	padding: 0 11px;
	align-items: center;
	gap: 6px;
	color: var(--guides-bar-text) !important;
	font: 13px/42px Arial, sans-serif;
	text-decoration: none;
	text-transform: none;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px 6px 3px 3px;
	transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.header-info-container ul li a br {
	display: none;
}

.header-info-container ul li a i {
	display: inline-block;
	width: 14px;
	color: var(--guides-bar-gold-light);
	font-size: 12px;
	text-align: center;
}

.header-info-container ul li a:hover,
.header-info-container ul li a:focus {
	color: #fff !important;
	background: var(--guides-bar-hover);
	border-color: #3b4855;
	border-bottom-color: #3b4855;
}

.header-info-container ul li a.active,
.header-info-container ul li a[aria-current="page"] {
	color: #fff !important;
	background: var(--guides-bar-hover);
	border-color: #3b4855;
	border-bottom: 2px solid #d0a34d;
}


.nav-mobile-bar {
	display: none;
}

.mobile-auth-item {
	display: none !important;
}

@media (max-width: 1180px) {
	#header > a {
		left: 20px;
	}

	.header-info-container {
		left: 330px;
		right: 15px;
	}

	.header-info-container ul li a {
		padding: 0 8px;
		font-size: 12px;
	}

	.exodus-brand-copy strong {
		font-size: 19px;
	}
}

@media (max-width: 900px) {
	.admincp-button {
		display: none !important;
	}

	.header-info-container ul li.mobile-auth-item {
		display: flex !important;
	}

	.header-info-container ul li.mobile-auth-item a {
		border-color: rgba(208, 163, 77, .58);
		color: var(--guides-bar-gold-light) !important;
	}

	.header-info-container ul li.mobile-auth-logout a {
		border-color: rgba(190, 82, 82, .55);
		color: #efb0aa !important;
	}

	.header-info-container ul li.mobile-auth-logout a i {
		color: #ef6f68 !important;
	}

	body {
		padding-top: 64px;
	}

	.discord-banner {
		position: relative !important;
		top: auto !important;
		z-index: 20;
	}

	#header {
		position: fixed;
		top: 0;
		z-index: 2100;
		height: 64px;
	}

	#header > a {
		top: 6px;
		right: auto;
		left: 14px;
		height: 52px;
	}

	.webengine-mu-logo {
		width: 48px;
		height: 48px;
	}

	.exodus-brand-copy strong {
		font-size: 18px;
	}

	.exodus-brand-copy small {
		display: none;
	}

	.header-info-container {
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		width: 100% !important;
		max-width: none !important;
		height: auto;
		max-height: calc(100vh - 64px);
		margin: 0 !important;
		padding: 0 !important;
		overflow-y: auto;
		pointer-events: none;
	}

	.header-info-container .header-info,
	.header-info-container .header-info > .row,
	.header-info-container .col-lg-12,
	.headersito {
		width: 100%;
		height: auto;
		pointer-events: none;
	}

	.header-info-container ul {
		display: none;
		width: 100%;
		height: auto;
		padding: 0;
		pointer-events: auto;
		background: var(--guides-bar);
		box-shadow: 0 12px 24px rgba(0, 0, 0, .55);
	}

	.navbar-responsive.nav-open ul {
		display: block;
	}

	.header-info-container ul li,
	.header-info-container ul li a {
		display: flex;
		width: 100%;
		height: auto;
		min-height: 46px;
		margin: 0;
		text-align: left;
	}

	.header-info-container ul li.has-ranking-dropdown {
		display: block;
	}

	.ranking-nav-chevron {
		display: inline-block !important;
	}

	.ranking-nav-dropdown {
		position: static;
		display: none;
		width: 100%;
		max-height: min(430px, calc(100vh - 180px));
		padding: 8px 12px 12px;
		opacity: 0;
		visibility: hidden;
		transform: none;
		background: #0c161e;
		border: 0;
		border-radius: 0;
		box-shadow: inset 0 1px rgba(84, 105, 121, .25);
	}

	.has-ranking-dropdown:hover .ranking-nav-dropdown,
	.has-ranking-dropdown:focus-within .ranking-nav-dropdown {
		display: none;
		opacity: 0;
		visibility: hidden;
	}

	.has-ranking-dropdown.dropdown-open .ranking-nav-dropdown {
		display: grid;
		opacity: 1;
		visibility: visible;
		transform: none !important;
	}

	.has-ranking-dropdown.dropdown-open .ranking-nav-chevron {
		transform: rotate(180deg);
	}

	.header-info-container ul li .ranking-nav-dropdown a {
		min-height: 36px;
		padding: 0 12px;
		justify-content: center;
		text-align: center;
	}

	.nav-mobile-bar {
		position: fixed;
		top: 11px;
		right: 14px;
		z-index: 2200;
		display: flex;
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		pointer-events: auto;
		background: var(--guides-bar-hover);
		border: 1px solid #3b4855;
	}

	.nav-toggle-text {
		display: none;
	}

	.nav-icon-btn {
		color: var(--guides-bar-gold-light);
		background: transparent;
		border: 0;
	}
}

/* =========================================================
   MODULE-SPECIFIC FINISHING
========================================================= */

/* Information / rates */
.mu-section {
	margin-bottom: 24px;
	color: #cbd5dd !important;
	background: linear-gradient(145deg, #15212b, #0f1820) !important;
	border: 1px solid rgba(83, 104, 120, .42) !important;
	border-radius: 11px !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.mu-section-header {
	min-height: 58px;
	padding: 14px 18px !important;
	color: #eef2f5 !important;
	background: linear-gradient(90deg, rgba(38, 55, 68, .96), rgba(24, 37, 48, .96)) !important;
	border-bottom: 1px solid rgba(94, 114, 129, .3) !important;
	box-shadow: inset 3px 0 0 #c99e4d;
}

.mu-section-body {
	padding: 18px !important;
	color: #b7c2cb !important;
}

.mu-section .subtitle {
	margin: 0 0 18px;
	color: #9eabb6 !important;
	line-height: 1.6;
}

.mu-badge {
	padding: 5px 11px !important;
	color: #e1bd6b !important;
	background: rgba(201, 158, 77, .1) !important;
	border: 1px solid rgba(201, 158, 77, .32) !important;
}

.mu-badge.green {
	color: #7ed9a4 !important;
	background: rgba(68, 177, 112, .1) !important;
	border-color: rgba(68, 177, 112, .3) !important;
}

.mu-note {
	color: #b9cbd8 !important;
	background: rgba(45, 91, 117, .2) !important;
	border-left-color: #5e9abd !important;
}

.mu-section .table td,
.mu-section .table th,
.mu-section .table strong {
	color: #cbd5dd !important;
}

.mu-section .table thead th {
	color: #f1f4f6 !important;
	background: #21303b !important;
}

.mu-section code {
	color: #e2bd6b;
	background: rgba(201, 158, 77, .08);
	padding: 3px 7px;
	border-radius: 4px;
}

/* Sidebar server-information table: remove unreadable alternating rows. */
.col-lg-4 .card .table td,
.col-lg-4 .card .table th,
.col-lg-4 .card .table td strong,
.col-lg-4 .card .table td i {
	color: #c7d2dc !important;
}

.col-lg-4 .card .table tbody tr:nth-child(odd) > *,
.col-lg-4 .card .table tbody tr:nth-child(even) > * {
	background: #131e27 !important;
}

.col-lg-4 .card .table tbody tr:nth-child(even) > * {
	background: #17232d !important;
}

.col-lg-4 .card .table td:first-child i {
	color: #d8b45e !important;
}

.col-lg-4 .card .table .text-success { color: #55d78d !important; }
.col-lg-4 .card .table .text-danger { color: #ef737b !important; }

/* Downloads */
.panel-downloads {
	margin-bottom: 26px;
}

.panel-downloads .panel-body {
	padding: 20px !important;
}

.panel-downloads .panel-title {
	margin: 0 0 14px !important;
	padding: 11px 13px;
	color: #edf1f4 !important;
	background: rgba(24, 40, 51, .72);
	border: 1px solid rgba(75, 94, 108, .38) !important;
	border-left: 3px solid #cda047 !important;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 700;
}

/* Drop Finder ---------------------------------------------------------- */
.exodus-dropfinder {
	max-width: 900px;
	margin: 18px auto 30px;
	overflow: hidden;
	color: #dce4e9;
	background: rgba(14, 27, 36, .94);
	border: 1px solid #30434f;
	border-radius: 14px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

.dropfinder-header {
	display: flex;
	align-items: center;
	gap: 17px;
	padding: 24px 28px;
	background: linear-gradient(90deg, rgba(201, 154, 67, .11), rgba(24, 40, 51, .7));
	border-bottom: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
}

.dropfinder-header-icon {
	display: inline-flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	flex: 0 0 56px;
	color: #e0b651;
	background: rgba(201, 154, 67, .1);
	border: 1px solid rgba(201, 154, 67, .34);
	border-radius: 14px;
	font-size: 21px;
}

.dropfinder-header h1 {
	margin: 0 0 5px;
	color: #f0f2f3;
	font: 600 28px/1.15 Georgia, "Times New Roman", serif;
}

.dropfinder-header p {
	margin: 0;
	color: #91a2ae;
	font-size: 13px;
}

.exodus-search {
	display: flex;
	gap: 12px;
	padding: 27px 28px 29px;
}

.dropfinder-input {
	display: flex;
	height: 54px;
	flex: 1;
	overflow: hidden;
	background: #0c161e;
	border: 1px solid #344651;
	border-radius: 10px;
}

.dropfinder-input > span {
	display: flex;
	width: 54px;
	align-items: center;
	justify-content: center;
	flex: 0 0 54px;
	color: #e0b651;
	background: #13212a;
	border-right: 1px solid #344651;
}

.dropfinder-input input {
	width: 100%;
	min-width: 0;
	padding: 0 16px;
	color: #e2e8ec;
	background: transparent;
	border: 0;
	outline: 0;
}

.exodus-search button {
	min-width: 135px;
	padding: 0 22px;
	color: #111820;
	background: linear-gradient(180deg, #d9aa47, #b78128);
	border: 1px solid #e2b750;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	transition: transform .18s ease, filter .18s ease;
}

.exodus-search button:hover {
	transform: translateY(-2px);
	filter: brightness(1.08);
}

.exodus-results {
	margin: 0 28px 28px;
	padding: 8px 20px 20px;
	background: rgba(10, 20, 27, .62);
	border: 1px solid #2d414d;
	border-radius: 11px;
}

.exodus-title {
	margin: 16px 0 9px;
	padding: 11px 14px;
	color: #edc464;
	background: rgba(29, 46, 57, .72);
	border-left: 3px solid #d0a34d;
	border-radius: 7px;
	font-size: 15px;
	font-weight: 800;
}

.exodus-entry {
	margin: 5px 7px;
	padding: 8px 12px;
	color: #b9c5cd;
	background: rgba(18, 32, 41, .72);
	border: 1px solid rgba(54, 73, 85, .55);
	border-radius: 7px;
}

@media (max-width: 620px) {
	.exodus-dropfinder { margin-top: 10px; }
	.dropfinder-header { align-items: flex-start; padding: 20px; }
	.dropfinder-header h1 { font-size: 24px; }
	.exodus-search { flex-direction: column; padding: 20px; }
	.exodus-search button { min-height: 50px; }
	.exodus-results { margin: 0 20px 20px; }
}

/* Referral system: Exodus theme --------------------------------------- */
#content .referral-card {
	padding: 0;
	overflow: hidden;
	background: rgba(14, 27, 36, .95);
	border: 1px solid #30434f;
	border-radius: 14px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
}

#content .referral-header {
	margin: 0 0 24px;
	padding: 23px 27px;
	background: linear-gradient(90deg, rgba(201, 154, 67, .11), rgba(24, 40, 51, .72));
	border-bottom: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
}

#content .referral-header h1 {
	margin: 0 0 5px;
	color: #f0f2f3;
	background: none;
	-webkit-text-fill-color: currentColor;
	font: 600 28px/1.15 Georgia, "Times New Roman", serif;
	letter-spacing: .2px;
}

#content .referral-header p,
#content .referral-rules-note,
#content .referral-link-help {
	color: #91a2ae;
}

.referral-header-actions {
	display: flex;
	align-items: center;
	gap: 11px;
}

#content .referral-header-icon {
	width: 54px;
	height: 54px;
	color: #e0b651;
	background: rgba(201, 154, 67, .1);
	border: 1px solid rgba(201, 154, 67, .34);
	border-radius: 13px;
	font-size: 20px;
}

#content .referral-back-btn {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	gap: 8px;
	padding: 0 15px;
	color: #e5c16a;
	background: rgba(201, 154, 67, .07);
	border: 1px solid rgba(201, 154, 67, .4);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

#content .referral-back-btn:hover {
	transform: translateY(-2px);
	color: #fff;
	background: rgba(201, 154, 67, .18);
}

#content .referral-rules-box,
#content .referral-link-box,
#content .referral-table-box {
	margin: 0 24px 22px;
	padding: 20px;
	background: rgba(12, 23, 31, .72);
	border: 1px solid #2f424e;
	border-radius: 11px;
}

#content .referral-rules-box:hover,
#content .referral-link-box:hover,
#content .referral-table-box:hover {
	background: rgba(17, 31, 40, .86);
	border-color: rgba(201, 154, 67, .42);
	box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
}

#content .referral-link-title,
#content .referral-section-title {
	color: #edf1f4;
}

#content .ref-rule-item,
#content .ref-stat-box {
	background: #101c24;
	border: 1px solid #30434f;
	border-radius: 10px;
}

#content .ref-rule-item:hover,
#content .ref-stat-box:hover {
	background: #14242e;
	border-color: rgba(201, 154, 67, .44);
	box-shadow: 0 10px 22px rgba(0, 0, 0, .22);
}

#content .ref-rule-label,
#content .ref-stat-label {
	color: #91a2ae;
}

#content .ref-rule-value {
	color: #edc464;
}

#content .referral-auto-note {
	margin: 0 24px 22px;
	color: #d8e0e5;
	background: rgba(201, 154, 67, .08);
	border: 1px solid rgba(201, 154, 67, .3);
	border-radius: 10px;
}

#content .referral-auto-note i,
#content .ref-stat-icon,
#content .ref-stat-value {
	color: #e0b651;
}

#content .ref-stat-icon {
	background: rgba(201, 154, 67, .1);
	border: 1px solid rgba(201, 154, 67, .25);
}

#content .referral-stats {
	margin: 0 24px 22px;
}

#content .referral-link-input,
#content .referral-filter-select {
	color: #e2e8ec !important;
	background: #0c161e !important;
	border: 1px solid #344651 !important;
	border-radius: 8px !important;
}

#content .referral-copy-btn-inline,
#content .referral-filter-btn,
#content .referral-page-btn.is-active {
	color: #111820 !important;
	background: linear-gradient(180deg, #d9aa47, #b78128) !important;
	border-color: #e2b750 !important;
}

#content .referral-table thead th {
	color: #eef2f4;
	background: #21313c;
	border-color: #344853 !important;
}

#content .referral-table tbody tr:hover {
	background: rgba(201, 154, 67, .06);
}

#content .referral-select-arrow,
#content .referral-last-update,
#content .referral-page-dots {
	color: #d2aa51;
}

@media (max-width: 700px) {
	#content .referral-header-top { align-items: flex-start; }
	.referral-header-actions { width: 100%; justify-content: space-between; }
	#content .referral-back-btn { flex: 1; justify-content: center; }
	#content .referral-rules-box,
	#content .referral-link-box,
	#content .referral-table-box,
	#content .referral-auto-note,
	#content .referral-stats { margin-right: 16px; margin-left: 16px; }
}

/* Donation landing: same visual language as Referrals ---------------- */
#content .dona3-wrapper {
	padding: 0 0 25px !important;
	overflow: hidden;
	background: rgba(14, 27, 36, .95) !important;
	border: 1px solid #30434f !important;
	border-radius: 14px !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .2) !important;
}

.donation-landing-header {
	margin-bottom: 22px;
	padding: 23px 27px;
	background: linear-gradient(90deg, rgba(201, 154, 67, .11), rgba(24, 40, 51, .72));
	border-bottom: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
}

#content .donation-page-title {
	margin: 24px 24px 10px !important;
	padding: 13px 17px !important;
	background: linear-gradient(90deg, rgba(201, 154, 67, .1), rgba(19, 32, 42, .36) 55%, transparent) !important;
	border: 1px solid rgba(65, 83, 96, .42) !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 9px !important;
}

#content .donation-page-title > span {
	display: flex;
	align-items: center;
	gap: 10px;
}

#content .donation-page-title i {
	color: #d9ad50;
	font-size: .72em;
}

.donation-landing-heading {
	display: flex;
	align-items: center;
	gap: 17px;
}

.donation-landing-icon {
	display: inline-flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	flex: 0 0 56px;
	color: #e0b651;
	background: rgba(201, 154, 67, .1);
	border: 1px solid rgba(201, 154, 67, .34);
	border-radius: 14px;
	font-size: 21px;
}

#content .donation-landing-header .dona3-title {
	margin: 0 0 5px !important;
	color: #f0f2f3 !important;
	text-align: left !important;
	font: 600 28px/1.15 Georgia, "Times New Roman", serif !important;
}

#content .donation-landing-header .dona3-subtitle {
	margin: 0 !important;
	color: #91a2ae !important;
	text-align: left !important;
	font-size: 13px !important;
}

#content .dona3-wrapper > .dona3-subtitle {
	margin: 0 27px 20px !important;
	color: #91a2ae !important;
	text-align: left !important;
	font-size: 13px !important;
}

.donation-security-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 24px 22px;
	padding: 14px 16px;
	color: #d8e0e5;
	background: rgba(201, 154, 67, .08);
	border: 1px solid rgba(201, 154, 67, .3);
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
}

.donation-security-note i { color: #e0b651; }

#content .dona3-section {
	margin: 0 24px 22px !important;
	padding: 20px !important;
	background: rgba(12, 23, 31, .72) !important;
	border: 1px solid #2f424e !important;
	border-radius: 11px !important;
}

#content .dona3-section:last-child { margin-bottom: 0 !important; }

#content .dona3-section-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	margin: 0 0 20px !important;
	padding: 12px 15px !important;
	color: #e9eef1 !important;
	background: #182a35 !important;
	border: 1px solid #344a56 !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	text-align: left !important;
	letter-spacing: 0 !important;
}

.dona3-section-icon {
	display: inline-flex;
	width: auto;
	height: auto;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #e0b651;
	background: transparent;
	border: 0;
	border-radius: 0;
	font-size: 14px;
}

#content .dona3-section-header strong,
#content .dona3-section-header small {
	display: block;
}

#content .dona3-section-header strong {
	margin-bottom: 2px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .7px;
}

#content .dona3-section-header small {
	color: #96a6b0;
	font-size: 12px;
	font-weight: 500;
}

#content .dona3-grid {
	display: flex !important;
	align-items: stretch;
	justify-content: center !important;
	flex-wrap: wrap;
	gap: 15px !important;
}

#content .dona3-card {
	width: 210px !important;
	min-width: 0;
	padding: 18px !important;
	background: #101c24 !important;
	border: 1px solid #30434f !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

#content .dona3-card:hover {
	transform: translateY(-4px) !important;
	background: #14242e !important;
	border-color: rgba(201, 154, 67, .5) !important;
	box-shadow: 0 12px 26px rgba(0, 0, 0, .24) !important;
}

#content .dona3-icon {
	height: 88px !important;
	margin-bottom: 13px !important;
}

#content .dona3-name {
	margin-bottom: 9px !important;
	color: #edf1f4 !important;
	font-size: 16px !important;
}

#content .dona3-badge-manual {
	color: #edc464 !important;
	background: rgba(201, 154, 67, .1) !important;
}

@media (max-width: 600px) {
	.donation-landing-header { padding: 20px; }
	#content .donation-page-title { margin: 16px 16px 10px !important; }
	#content .dona3-wrapper > .dona3-subtitle { margin-right: 19px !important; margin-left: 19px !important; }
	#content .dona3-section,
	.donation-security-note { margin-right: 16px !important; margin-left: 16px !important; }
	#content .dona3-section { padding: 14px !important; }
	#content .dona3-card { width: 100% !important; max-width: 300px !important; }
}

.panel-downloads .table td {
	color: #cbd5dd !important;
	background: rgba(14, 23, 31, .7) !important;
}

.panel-downloads .table td:first-child {
	font-size: 14px;
	font-weight: 700;
}

.panel-downloads .download-description {
	top: 0;
	display: inline-block;
	margin-top: 4px;
	color: #7f8f9c !important;
	font-size: 12px;
	font-weight: 400;
}

.panel-downloads .btn {
	min-width: 118px;
	color: #15120b !important;
	background: linear-gradient(180deg, #d2a750, #ad7b2b) !important;
	border-color: #e0b75f !important;
}

/* Rankings */
.rankings-section-nav {
	display: flex !important;
	margin: 4px 0 0;
	padding: 0 0 0 14px;
	box-sizing: border-box;
	flex-wrap: nowrap;
	gap: 3px;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	background: transparent;
	border: 0;
	border-radius: 0;
	scrollbar-width: thin;
	scrollbar-color: #a77a2e #101a22;
}

.rankings-section-nav a {
	flex: 0 0 auto;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	padding: 10px 15px !important;
	color: #94a4af !important;
	background: #101c24 !important;
	border: 1px solid transparent !important;
	border-bottom: 0 !important;
	border-radius: 7px 7px 0 0 !important;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.rankings-section-nav a:hover {
	color: #e9edf0 !important;
	background: #182731 !important;
	border-color: transparent !important;
}

.rankings-section-nav a.active {
	color: #edc35d !important;
	background: #1b2b35 !important;
	border-color: rgba(218, 174, 77, .42) !important;
	box-shadow: inset 0 3px 0 #d5a33e;
}

#RankingGeneral_filter,
.dataTables_filter {
	margin-bottom: 14px;
}

.rankings-toolbar {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: stretch;
	margin-bottom: 14px;
}

/* DataTables already has a bordered table; its legacy outer border created
   a second, narrower frame above and below the ranking. */
#RankingGeneral_wrapper.dataTables_wrapper {
	width: 100%;
	padding: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 0 !important;
}

#RankingGeneral_wrapper #RankingGeneral {
	width: 100% !important;
	margin-top: 18px !important;
	box-sizing: border-box;
	border: 1px solid rgba(73, 92, 107, .52) !important;
	border-radius: 10px !important;
}

.rankings-toolbar #RankingGeneral_filter {
	margin: 0;
}

.rankings-filter-control {
	display: none;
}

.rankings-toolbar .rankings-filter-control {
	display: flex;
}

.rankings-filter-toggle {
	height: 46px;
	margin: 0 !important;
	padding: 0 18px !important;
	white-space: nowrap;
	border-radius: 8px !important;
}

#collapseExample {
	margin: 0 0 16px !important;
}

#collapseExample > .card {
	padding: 16px !important;
	background: linear-gradient(145deg, #14212b, #0d171f) !important;
	border: 1px solid #344653 !important;
	border-radius: 12px !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .2) !important;
}

#collapseExample .row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
	gap: 10px;
	margin: 0 !important;
}

#collapseExample .row > .col-2 {
	width: auto;
	padding: 0;
}

#collapseExample .rankings-class-filter-selection {
	display: flex;
	min-height: 128px;
	padding: 10px 8px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #aebbc6 !important;
	background: rgba(8, 16, 22, .58);
	border: 1px solid #2e414e;
	border-radius: 9px;
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

#collapseExample .rankings-class-filter-selection:hover {
	transform: translateY(-2px);
	background: rgba(208, 163, 77, .08);
	border-color: #9d7939;
}

#collapseExample .rankings-class-filter-image {
	width: 78px;
	height: 78px;
	margin-bottom: 7px;
	object-fit: cover;
	border: 1px solid rgba(208, 163, 77, .55);
	border-radius: 8px;
}

#collapseExample .rankings-class-filter-selection span {
	color: #aebbc6 !important;
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 620px) {
	.rankings-toolbar {
		grid-template-columns: 1fr;
	}

	.rankings-filter-control,
	.rankings-filter-toggle {
		width: 100%;
	}
}

#RankingGeneral_filter input,
.dataTables_filter input {
	width: 100% !important;
	min-height: 46px;
	margin: 0 !important;
	padding: 10px 14px;
}

.rankings-table a,
#RankingGeneral a,
.dataTable a {
	color: #d6b15c !important;
	font-weight: 700;
}

.rankings-table a:hover,
#RankingGeneral a:hover,
.dataTable a:hover {
	color: #f0d58e !important;
}

.rankings-class-image,
.rankings-class-image-sidebar {
	border-color: #b99447 !important;
	box-shadow: 0 0 0 2px rgba(185, 148, 71, .14), 0 6px 15px rgba(0, 0, 0, .3) !important;
}

/* News: editorial cards instead of legacy accordion bars. */
.news-single-navigation {
	display: flex;
	margin: 0 0 14px;
}

.news-single-navigation a {
	display: inline-flex;
	min-height: 40px;
	padding: 0 15px;
	align-items: center;
	gap: 8px;
	color: #b8c4cc !important;
	background: #13202a;
	border: 1px solid #344651;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
	transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}

.news-single-navigation a i {
	color: #d8aa4b;
}

.news-single-navigation a:hover {
	transform: translateX(-2px);
	color: #f0d58e !important;
	background: #192934;
	border-color: #97743a;
}

#content .panel-news {
	margin-bottom: 14px;
	overflow: hidden;
	background: linear-gradient(145deg, #14212b, #0d171f) !important;
	border: 1px solid #344651 !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

#content .panel-news .panel-heading {
	min-height: 0;
	padding: 0 !important;
	background: #182833 !important;
	border: 0 !important;
	border-bottom: 1px solid #344651 !important;
	box-shadow: inset 3px 0 0 #d0a34d;
}

#content .panel-news.is-changelog.added .panel-heading {
	box-shadow: inset 3px 0 0 #63d98c !important;
}

#content .panel-news.is-changelog.changed .panel-heading {
	box-shadow: inset 3px 0 0 #58b6ff !important;
}

#content .panel-news.is-changelog.fixed .panel-heading {
	box-shadow: inset 3px 0 0 #ffb443 !important;
}

#content .panel-news.is-changelog.removed .panel-heading {
	box-shadow: inset 3px 0 0 #ff5f6d !important;
}

#content .panel-news.is-changelog.general .panel-heading {
	box-shadow: inset 3px 0 0 #9cb3c5 !important;
}

#content .panel-news.is-compact .panel-heading {
	border-bottom: 0 !important;
}

.news-heading-link {
	display: flex;
	min-height: 70px;
	padding: 12px 17px;
	align-items: center;
	gap: 14px;
	color: inherit !important;
}

.news-heading-icon {
	display: inline-flex;
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	color: #dfb454;
	background: rgba(201, 154, 67, .09);
	border: 1px solid rgba(201, 154, 67, .28);
	border-radius: 9px;
}

.news-heading-icon i {
	color: inherit !important;
}

.news-heading-icon.is-changelog.added {
	color: #63d98c !important;
	background: rgba(43, 147, 72, 0.16) !important;
	border-color: rgba(99, 217, 140, 0.32) !important;
}

.news-heading-icon.is-changelog.added i {
	color: #63d98c !important;
}

.news-heading-icon.is-changelog.changed {
	color: #58b6ff !important;
	background: rgba(30, 100, 180, 0.18) !important;
	border-color: rgba(88, 182, 255, 0.32) !important;
}

.news-heading-icon.is-changelog.changed i {
	color: #58b6ff !important;
}

.news-heading-icon.is-changelog.fixed {
	color: #ffb443 !important;
	background: rgba(180, 110, 20, 0.18) !important;
	border-color: rgba(255, 180, 67, 0.32) !important;
}

.news-heading-icon.is-changelog.fixed i {
	color: #ffb443 !important;
}

.news-heading-icon.is-changelog.removed {
	color: #ff5f6d !important;
	background: rgba(180, 40, 50, 0.18) !important;
	border-color: rgba(255, 95, 109, 0.32) !important;
}

.news-heading-icon.is-changelog.removed i {
	color: #ff5f6d !important;
}

.news-heading-icon.is-changelog.general {
	color: #9cb3c5 !important;
	background: rgba(60, 80, 95, 0.22) !important;
	border-color: rgba(156, 179, 197, 0.30) !important;
}

.news-heading-icon.is-changelog.general i {
	color: #9cb3c5 !important;
}

.news-kind-tag {
	display: inline-block;
	padding: 1px 6px;
	margin-right: 5px;
	border-radius: 4px;
	font-size: 8.5px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
	vertical-align: 1px;
}

.news-kind-tag.is-news {
	color: #dfb454;
	background: rgba(201, 154, 67, .14);
	border: 1px solid rgba(201, 154, 67, .32);
}

.news-kind-tag.is-changelog,
.news-kind-tag.is-changelog.added {
	color: #63d98c;
	background: rgba(43, 147, 72, 0.16);
	border: 1px solid rgba(99, 217, 140, 0.32);
}

.news-kind-tag.is-changelog.changed {
	color: #58b6ff;
	background: rgba(30, 100, 180, 0.18);
	border: 1px solid rgba(88, 182, 255, 0.32);
}

.news-kind-tag.is-changelog.fixed {
	color: #ffb443;
	background: rgba(180, 110, 20, 0.18);
	border: 1px solid rgba(255, 180, 67, 0.32);
}

.news-kind-tag.is-changelog.removed {
	color: #ff5f6d;
	background: rgba(180, 40, 50, 0.18);
	border: 1px solid rgba(255, 95, 109, 0.32);
}

.news-kind-tag.is-changelog.general {
	color: #9cb3c5;
	background: rgba(60, 80, 95, 0.22);
	border: 1px solid rgba(156, 179, 197, 0.30);
}

.news-heading-copy {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
}

.news-heading-copy strong {
	overflow: hidden;
	color: #e6ebee;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .35px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.news-heading-copy small {
	color: #81939f;
	font-size: 10px;
	font-weight: 600;
}

.news-heading-copy small i {
	margin-right: 4px;
	color: #c99a43;
}

.news-heading-right {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.news-heading-arrow {
	color: #778995;
	font-size: 11px;
	text-align: center;
	transition: transform .2s ease, color .2s ease;
}

.panel-news.is-expanded .news-heading-arrow {
	transform: rotate(90deg);
	color: #d8aa4b;
}

.panel-news.is-compact:hover .news-heading-arrow {
	transform: translateX(3px);
	color: #e0b453;
}

#content .panel-news .panel-body {
	padding: 28px 30px !important;
	color: #b7c2ca !important;
	font-size: 13px;
	line-height: 1.7;
	background: transparent !important;
}

#content .panel-news .panel-body h1,
#content .panel-news .panel-body h2 {
	margin: 0 0 14px !important;
	color: #eef1f3 !important;
	font-size: clamp(23px, 2.3vw, 31px) !important;
	line-height: 1.2 !important;
	letter-spacing: .2px !important;
}

#content .panel-news .panel-body h3,
#content .panel-news .panel-body h4 {
	margin: 22px 0 10px !important;
	color: #dfbd6b !important;
	font-size: clamp(18px, 1.8vw, 24px) !important;
	line-height: 1.3 !important;
}

#content .panel-news .panel-body p,
#content .panel-news .panel-body li {
	color: #b5c0c8 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
}

#content .panel-news .panel-body hr {
	margin: 22px 0;
	border-color: #344550 !important;
	opacity: 1;
}

#content .panel-news .panel-body img {
	display: block;
	max-width: 100% !important;
	height: auto !important;
	margin: 22px auto 4px;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .3);
}

#content .panel-news .panel-footer {
	display: flex;
	min-height: 46px;
	padding: 10px 18px !important;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	color: #81929e !important;
	background: rgba(8, 15, 21, .38) !important;
	border: 0 !important;
	border-top: 1px solid #30414c !important;
	font-size: 10px;
}

#content .panel-news .panel-footer i {
	margin-right: 5px;
	color: #c99a43;
}

@media (max-width: 620px) {
	.news-single-navigation a {
		width: 100%;
		justify-content: center;
	}

	.news-heading-link {
		min-height: 64px;
		padding: 10px 12px;
		grid-template-columns: 34px minmax(0, 1fr) 18px;
		gap: 9px;
	}

	.news-heading-icon {
		width: 34px;
		height: 34px;
	}

	.news-heading-copy strong {
		font-size: 12px;
	}

	#content .panel-news .panel-body {
		padding: 20px 17px !important;
	}

	#content .panel-news .panel-footer {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}
}

/* Registration module overrides its own inline blue theme. */
.register-card {
	max-width: 850px;
	margin: 0 auto;
	padding: 34px !important;
	background: linear-gradient(145deg, #141f29, #0d161e) !important;
	border: 1px solid rgba(84, 105, 121, .42) !important;
	border-radius: 12px !important;
	box-shadow: 0 20px 48px rgba(0, 0, 0, .3) !important;
}

.register-header {
	margin-bottom: 26px !important;
	border-color: rgba(92, 111, 126, .3) !important;
}

.register-header h1 {
	color: #e1bd6b !important;
	background: none !important;
	-webkit-text-fill-color: currentColor !important;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 500 !important;
}

.register-header p,
.register-card small {
	color: #95a4b0 !important;
}

.register-card .form-check-label {
	color: #c7d1da !important;
}

.register-card .btn-primary {
	background: linear-gradient(180deg, #d1a54d, #a9782c) !important;
	border: 1px solid #dfb55b !important;
	border-radius: 8px !important;
}

.register-card hr {
	border-color: rgba(93, 112, 127, .34) !important;
}

/* Account access forms */
#content .register-card {
	max-width: 760px;
	padding: 0 !important;
	overflow: hidden;
	background: linear-gradient(145deg, #14212b, #0c161e) !important;
}

#content .register-header,
.password-recovery-header,
.login-page-header {
	display: flex;
	min-height: 112px;
	margin: 0 !important;
	padding: 24px 30px !important;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	text-align: left !important;
	background: linear-gradient(110deg, rgba(201, 154, 67, .13), rgba(17, 30, 40, .45));
	border: 0 !important;
	border-bottom: 1px solid #344550 !important;
}

.register-header-icon,
.password-recovery-header > span,
.login-page-header > span {
	display: inline-flex;
	width: 58px;
	height: 58px;
	align-items: center;
	justify-content: center;
	flex: 0 0 58px;
	color: #e0b651;
	background: rgba(201, 154, 67, .1);
	border: 1px solid rgba(201, 154, 67, .34);
	border-radius: 14px;
	font-size: 22px;
}

#content .register-header h1,
.password-recovery-header h1,
.login-page-header h1 {
	margin: 0 0 4px;
	color: #f0f2f3 !important;
	font: 600 28px/1.15 Georgia, "Times New Roman", serif !important;
	letter-spacing: .2px !important;
}

#content .register-header p,
.password-recovery-header p,
.login-page-header p {
	margin: 0;
	color: #91a2ae !important;
	font-size: 13px;
}

#content .register-card > form {
	padding: 28px 30px 30px;
}

#content .register-card .form-row {
	margin: 0;
}

#content .register-card .mb-3 {
	margin-bottom: 16px !important;
	padding: 0;
}

#content .register-card .input-group,
.password-recovery-input,
.login-page-input {
	height: 54px;
	overflow: hidden;
	background: #0c161e;
	border: 1px solid #344651;
	border-radius: 10px;
}

#content .register-card .input-group-text,
.password-recovery-input .input-group-text,
.login-page-input .input-group-text {
	width: 54px;
	padding: 0;
	justify-content: center;
	color: #e0b651 !important;
	background: #13212a !important;
	border: 0 !important;
	border-right: 1px solid #344651 !important;
	font-size: 16px;
}

#content .register-card .form-control,
.password-recovery-input .form-control,
.login-page-input .form-control {
	height: 52px;
	padding: 0 16px;
	color: #e2e8ec !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#content .register-card small {
	display: block;
	margin: 6px 2px 0;
	font-size: 11px;
}

.register-email-warning {
	display: flex;
	margin-top: 6px;
	padding: 11px 13px;
	align-items: flex-start;
	gap: 10px;
	color: #b8c3ca;
	background: rgba(197, 146, 46, .08);
	border: 1px solid rgba(210, 164, 73, .28);
	border-radius: 9px;
	font-size: 11px;
	line-height: 1.55;
}

.register-email-warning i {
	margin-top: 2px;
	color: #dfb04d;
	font-size: 14px;
}

.register-email-warning strong {
	color: #e5c676;
}

#content .register-card .form-check-input {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	background-color: #0b151c !important;
	border: 1px solid #8d7137 !important;
	box-shadow: none !important;
	cursor: pointer;
}

#content .register-card .form-check-input:checked,
#content .register-card .form-check-input:checked:focus {
	background-color: #c99a43 !important;
	border-color: #dfb75d !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23130f08' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

#content .register-card .form-check-input:focus {
	border-color: #dfb75d !important;
	box-shadow: 0 0 0 3px rgba(201, 154, 67, .14) !important;
}

.register-section-title {
	display: flex;
	margin: 22px 0 16px;
	align-items: center;
	gap: 9px;
	color: #dce3e8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.register-section-title::after {
	content: "";
	height: 1px;
	flex: 1;
	background: #334550;
}

.register-section-title i {
	color: #d8ac4e;
}

#content .register-card .captcha-center,
#content .register-card .terms-center {
	display: flex;
	justify-content: center;
}

#content .register-card .terms-center {
	margin: 4px 0 20px;
}

#content .register-card .terms-center .form-check {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	text-align: left;
}

#content .register-card .terms-center .form-check-label {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	white-space: nowrap;
}

#content .register-card .terms-center .form-check-label a {
	color: #dfb659 !important;
	font-weight: 800;
}

#content .register-card .terms-center .form-check-label a:hover {
	color: #f0d58e !important;
}

#content .register-card .btn-primary,
.password-recovery-card .btn-primary,
.login-page-card .btn-primary {
	width: 100%;
	min-height: 50px;
	color: #17120a !important;
	font-size: 14px;
	font-weight: 800;
}

.login-page-card,
.password-recovery-card {
	max-width: 620px;
	margin: 34px auto;
	overflow: hidden;
	background: linear-gradient(145deg, #14212b, #0c161e);
	border: 1px solid rgba(84, 105, 121, .46);
	border-radius: 13px;
	box-shadow: 0 20px 48px rgba(0, 0, 0, .3);
}

.login-page-card form {
	padding: 28px 30px 22px;
}

.login-page-card form > label {
	display: block;
	margin: 0 0 8px;
	color: #dce3e8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .5px;
}

.login-page-card .login-page-input {
	margin-bottom: 17px;
}

.login-page-forgot {
	display: block;
	margin: -5px 2px 20px;
	color: #aebbc5 !important;
	font-size: 12px;
	font-weight: 700;
	text-align: right;
}

.login-page-forgot:hover {
	color: #e4bd63 !important;
}

.login-page-footer {
	display: flex;
	min-height: 54px;
	padding: 12px 18px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #8fa0ac;
	background: rgba(8, 15, 21, .42);
	border-top: 1px solid #30414c;
	font-size: 12px;
}

.login-page-footer a {
	color: #dfb659 !important;
	font-weight: 800;
}

.password-recovery-card form {
	padding: 28px 30px 20px;
}

.password-recovery-card form > label {
	display: block;
	margin-bottom: 9px;
	color: #dce3e8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .5px;
}

.password-recovery-card form > small {
	display: block;
	margin: 7px 2px 20px;
	color: #8fa0ac;
	font-size: 11px;
}

.password-recovery-back {
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	color: #aebbc5 !important;
	background: rgba(8, 15, 21, .42);
	border-top: 1px solid #30414c;
	font-size: 12px;
	font-weight: 700;
}

.password-recovery-back:hover {
	color: #e4bd63 !important;
}

@media (max-width: 620px) {
	#content .register-header,
	.password-recovery-header,
	.login-page-header {
		padding: 20px !important;
	}

	#content .register-card > form,
	.password-recovery-card form,
	.login-page-card form {
		padding: 22px 18px;
	}

	.register-header-icon,
	.password-recovery-header > span,
	.login-page-header > span {
		width: 48px;
		height: 48px;
		flex-basis: 48px;
	}

	.login-page-footer {
		flex-direction: column;
		gap: 2px;
	}

	#content .register-card .terms-center .form-check-label {
		white-space: normal;
	}
}

/* Terms, refunds and other text-heavy modules. */
.tos_list {
	margin: 0;
	padding: 8px 22px 8px 34px;
}

.tos_list li {
	margin-bottom: 30px;
	color: #d7b45a !important;
	font-size: 18px;
	line-height: 1.45;
}

.tos_list li p,
.tos_list p,
.tos_list li ul,
.tos_list li ol {
	padding-right: 12px !important;
	color: #aeb9c3 !important;
	font-size: 15px !important;
	line-height: 1.75;
	text-align: left;
}

.tos_list strong {
	color: #d8e0e6;
}

#content p,
#content li,
#content label,
#content small {
	text-shadow: none;
}

/* Donation selector ships inline styles, so these need explicit theme priority. */
.dona3-title {
	color: #e1bd6b !important;
}

.dona3-subtitle {
	color: #96a5b1 !important;
}

.dona3-section-header {
	border: 1px solid #3a4854 !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .2) !important;
}

.dona3-auto {
	background: linear-gradient(90deg, #173426, #24513a) !important;
	border-color: rgba(80, 169, 118, .35) !important;
}

.dona3-manual {
	background: linear-gradient(90deg, #1d2a35, #253541) !important;
	border-color: rgba(201, 154, 67, .4) !important;
}

.dona3-card {
	background: linear-gradient(145deg, #17232d, #101920) !important;
	border: 1px solid #34434f !important;
}

.dona3-card:hover {
	border-color: #b88a35 !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .35), 0 0 0 2px rgba(184, 138, 53, .1) !important;
}

/* Donation landing page. */
#content .dona3-wrapper {
	max-width: none !important;
	padding: 0 0 25px !important;
	background: linear-gradient(145deg, rgba(17, 29, 39, .98), rgba(10, 18, 25, .98));
	border: 1px solid #2f3e49;
	border-radius: 14px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

#content .dona3-title {
	margin: 0 0 7px !important;
	color: #edf1f4 !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	font-size: 27px !important;
	letter-spacing: 0 !important;
}

#content .dona3-subtitle {
	margin-bottom: 30px !important;
	color: #91a1ad !important;
}

#content .dona3-section {
	margin: 0 24px 22px !important;
	padding: 20px;
	background: rgba(8, 15, 21, .45);
	border: 1px solid #293843;
	border-radius: 12px;
}

#content .dona3-section:last-child { margin-bottom: 0 !important; }

#content .dona3-section-header {
	margin-bottom: 20px !important;
	padding: 13px 18px !important;
	border-radius: 9px !important;
	font-size: 12px !important;
	line-height: 1.6;
	letter-spacing: 1px !important;
}

#content .dona3-grid { gap: 18px !important; }

#content .dona3-card {
	width: 220px !important;
	padding: 20px !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

#content .dona3-card:hover { transform: translateY(-4px) !important; }

#content .dona3-icon {
	height: 92px !important;
	margin-bottom: 16px !important;
	filter: none !important;
}

#content .dona3-name { color: #edf1f4 !important; font-size: 16px !important; }
#content .dona3-note { color: #91a0ab !important; opacity: 1 !important; }
#content .dona3-badge { padding: 5px 11px !important; }
#content .dona3-badge-auto { color: #65dea0 !important; background: rgba(40, 167, 105, .15) !important; border: 1px solid rgba(62, 190, 125, .25); }
#content .dona3-badge-manual { color: #e2bb64 !important; background: rgba(190, 139, 48, .13) !important; border: 1px solid rgba(201, 154, 67, .28); }

@media (max-width: 768px) {
	#content .dona3-wrapper { padding: 0 0 18px !important; }
	#content .dona3-section { margin-right: 16px !important; margin-left: 16px !important; padding: 12px; }
	#content .dona3-card { width: 100% !important; max-width: 290px; }
}

/* Product and donation cards shared by shop/webshop gateways. */
#content .card-img-top {
	min-height: 120px;
	border-bottom: 1px solid #34414c;
}

#content .card-title {
	color: #e6ebef;
}

#content .card-footer .text-muted,
#content .card-text .text-muted {
	color: #8f9daa !important;
}

/* One viewport-sized background layer; it never repeats or ends with the document. */
html {
	min-height: 100%;
	background: #070d13 !important;
}

body {
	position: relative;
	z-index: 0;
	min-height: 100vh;
	height: auto !important;
	background: transparent !important;
}

body::before {
	content: '';
	position: fixed;
	z-index: -1;
	inset: 0;
	background-color: #070d13;
	background-image: url('../img/fondo1.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	pointer-events: none;
}

/* Player profile presentation. */
.player-profile-hero {
	position: relative;
	display: grid;
	min-height: 235px;
	margin-bottom: 18px;
	grid-template-columns: 205px minmax(0, 1fr);
	background:
		radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--profile-character-accent) 18%, transparent), transparent 38%),
		linear-gradient(145deg, #17242e, #0e171f);
	border: 1px solid #3a4854;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
	overflow: hidden;
}

.player-profile-hero::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: var(--profile-character-accent);
	content: "";
}

.player-profile-hero-art {
	min-height: 235px;
	background-color: #0c141b;
	background-image: linear-gradient(180deg, transparent 58%, rgba(7, 12, 17, .72)), var(--profile-character-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-right: 1px solid #3a4854;
}

.player-profile-hero-content {
	display: flex;
	min-width: 0;
	padding: 24px 26px;
	flex-direction: column;
	justify-content: center;
}

.player-profile-eyebrow {
	margin-bottom: 14px;
	color: #8999a6;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.player-profile-eyebrow i {
	color: #d7b45a;
}

.player-profile-identity {
	display: flex;
	margin-bottom: 24px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.player-profile-identity h2 {
	display: flex;
	margin: 0 0 5px;
	align-items: center;
	gap: 9px;
	color: #f2f4f6;
	font: 500 27px/1.1 Georgia, "Times New Roman", serif;
}

.player-profile-identity h2 img {
	width: 24px;
	height: auto;
	border-radius: 2px;
}

.player-profile-class {
	color: var(--profile-character-accent);
	font-size: 13px;
	font-weight: 700;
}

.player-profile-status {
	display: inline-flex;
	padding: 7px 10px;
	align-items: center;
	gap: 6px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid #394752;
	border-radius: 999px;
	color: #9aa8b3;
	font-size: 10px;
	font-weight: 700;
}

.player-profile-status i {
	font-size: 7px;
}

.player-profile-status.is-online i { color: #43dc87; }
.player-profile-status.is-offline i { color: #df6269; }

.player-profile-core-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: rgba(8, 14, 19, .42);
	border: 1px solid #303e49;
	border-radius: 10px;
	overflow: hidden;
}

.player-profile-core-stats > div {
	display: flex;
	min-width: 0;
	padding: 12px 9px;
	align-items: center;
	flex-direction: column;
	gap: 6px;
	border-right: 1px solid #303e49;
}

.player-profile-core-stats > div:last-child {
	border-right: 0;
}

.player-profile-core-stats span {
	color: #82929f;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
}

.player-profile-core-stats span i {
	color: #c99a43;
}

.player-profile-core-stats strong {
	color: #edf1f4;
	font-size: 16px;
}

.player-profile-detail-card {
	display: flex;
	margin-bottom: 14px;
	padding: 17px 19px;
	align-items: center;
	gap: 15px;
	background: linear-gradient(145deg, #15212b, #101920);
	border: 1px solid #33414d;
	border-radius: 11px;
}

.player-profile-detail-icon {
	display: inline-flex;
	width: 43px;
	height: 43px;
	align-items: center;
	justify-content: center;
	color: #d7b45a;
	background: rgba(184, 138, 53, .1);
	border: 1px solid rgba(184, 138, 53, .28);
	border-radius: 10px;
}

.player-profile-detail-card > div:last-child {
	display: grid;
	flex: 1;
	grid-template-columns: minmax(150px, 1fr) auto;
	align-items: center;
	gap: 2px 16px;
}

.player-profile-detail-card span {
	color: #cbd4dc;
	font-size: 12px;
	font-weight: 700;
}

.player-profile-detail-card strong {
	grid-row: span 2;
	color: #e4bd68;
	font-size: 20px;
}

.player-profile-detail-card small {
	color: #7e8e9a !important;
	font-size: 10px;
}

.player-profile-more {
	margin-bottom: 18px;
	padding: 18px;
	background: linear-gradient(145deg, #15212b, #101920);
	border: 1px solid #33414d;
	border-radius: 11px;
}

.player-profile-guild {
	display: flex;
	width: fit-content;
	min-width: 270px;
	margin: 0 auto 18px;
	padding: 10px 24px 10px 11px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: rgba(9, 16, 22, .5);
	border: 1px solid #354651;
	border-radius: 13px;
}

.player-profile-guild-mark {
	display: flex;
	width: 54px;
	height: 54px;
	align-items: center;
	justify-content: center;
	color: #d7b45a;
	background: #0b1319;
	border: 1px solid rgba(201, 154, 67, .28);
	border-radius: 10px;
	overflow: hidden;
}

.player-profile-guild-mark img {
	width: 48px !important;
	height: 48px !important;
	object-fit: contain;
	image-rendering: pixelated;
}

.player-profile-guild > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
	text-align: left;
}

.player-profile-guild small {
	color: #8998a4;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.player-profile-guild strong,
.player-profile-guild strong a {
	color: #e2bd67 !important;
	font-size: 15px;
	line-height: 1.2;
}

.player-profile-secondary-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.player-profile-secondary-stats > div {
	display: flex;
	min-height: 76px;
	padding: 14px 16px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	background: #111b23;
	border: 1px solid #303e49;
	border-radius: 9px;
	text-align: center;
}

.player-profile-secondary-stats i {
	color: #d7b45a;
	font-size: 16px;
}

.player-profile-secondary-stats span {
	color: #7f8f9c;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.player-profile-secondary-stats strong {
	min-width: 0;
	overflow: hidden;
	color: #dde4e9;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.player-profile-inventory {
	border-color: color-mix(in srgb, var(--profile-character-accent) 48%, #33414d) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}

.player-profile-inventory table {
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
}

.player-profile-inventory thead,
.player-profile-inventory thead th {
	color: #fff !important;
	background: linear-gradient(
		100deg,
		color-mix(in srgb, var(--profile-character-accent) 78%, #101820),
		color-mix(in srgb, var(--profile-character-accent) 44%, #18252f)
	) !important;
	border: 0 !important;
	box-shadow: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}

.player-profile-inventory thead th {
	padding: 12px 14px !important;
	font-size: 13px !important;
	letter-spacing: .7px;
	outline: 0 !important;
}

.player-profile-inventory tbody th {
	padding: 12px !important;
	color: #aebbc5 !important;
	background: #151f28 !important;
	border: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #26343e !important;
}

.player-profile-inventory tbody td {
	padding: 22px 12px !important;
	background-image:
		linear-gradient(
			180deg,
			rgba(4, 10, 18, .52) 0%,
			rgba(5, 13, 23, .68) 58%,
			rgba(5, 12, 19, .91) 100%
		),
		radial-gradient(
			ellipse at 50% 42%,
			rgba(4, 11, 20, .08) 0%,
			rgba(2, 7, 13, .24) 48%,
			rgba(2, 7, 13, .8) 100%
		),
		url('../img/inventory-background.webp') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	border: 0 !important;
}

@media (max-width: 700px) {
	.player-profile-hero {
		grid-template-columns: 128px minmax(0, 1fr);
	}

	.player-profile-hero-art {
		min-height: 220px;
	}

	.player-profile-hero-content {
		padding: 17px 14px;
	}

	.player-profile-identity {
		margin-bottom: 16px;
		flex-direction: column;
		gap: 9px;
	}

	.player-profile-identity h2 {
		font-size: 20px;
	}

	.player-profile-core-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.player-profile-core-stats > div:nth-child(2) {
		border-right: 0;
	}

	.player-profile-core-stats > div:nth-child(-n+2) {
		border-bottom: 1px solid #303e49;
	}

	.player-profile-secondary-stats {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 576px) {
	.mu-section-body,
	.panel-downloads .panel-body,
	.register-card {
		padding: 16px !important;
	}

	.rankings-section-nav a {
		width: auto !important;
		min-width: 0;
		padding: 8px 12px !important;
	}

	.rankings-section-nav {
		padding-left: 8px;
	}


	.panel-downloads .table td {
		padding: 10px 8px;
	}

	.panel-downloads .btn {
		min-width: 0;
		padding: 8px 10px;
	}
}

/* Final sidebar normalization: every widget uses the same visual grammar. */
#sidebar.exodus-sidebar .sidebar-module-card { background:#111c24 !important; border:1px solid #31424e !important; border-radius:12px !important; }
#sidebar.exodus-sidebar .sidebar-module-card > .card-header { min-height:45px; padding:0 14px !important; color:#e0e6ea !important; background:#1a2a35 !important; border:0 !important; border-bottom:1px solid #344651 !important; box-shadow:inset 2px 0 0 #c99a43 !important; font:800 10px/1 Arial,sans-serif !important; text-align:left !important; }
#sidebar.exodus-sidebar .sidebar-module-card > .card-body { padding:0 !important; background:#111c24 !important; }
#sidebar.exodus-sidebar .sidebar-module-card table thead th { height:38px; padding:7px 8px !important; color:#8798a4 !important; background:#14212a !important; border:0 !important; border-bottom:1px solid #30414c !important; font:800 8px/1.25 Arial,sans-serif !important; }
#sidebar.exodus-sidebar .sidebar-module-card table tbody td { height:46px; padding:7px 8px !important; color:#bac5cd !important; background:transparent !important; border:0 !important; border-bottom:1px solid #293a44 !important; font:600 9px/1.3 Arial,sans-serif !important; }
#sidebar.exodus-sidebar .sidebar-module-card table tbody tr:last-child td { border-bottom:0 !important; }
#sidebar.exodus-sidebar .sidebar-module-card > .card-footer { min-height:52px; padding:9px 12px !important; background:#0d171e !important; border:0 !important; border-top:1px solid #2d3e49 !important; }
#sidebar.exodus-sidebar .sidebar-module-card > .card-footer .btn { min-width:104px; min-height:34px; padding:7px 13px !important; color:#17130d !important; background:linear-gradient(180deg,#c9993f,#ac7827) !important; border:1px solid #d8ac53 !important; border-radius:8px !important; font:700 10px/1 Arial,sans-serif !important; }
#sidebar.exodus-sidebar .sidebar-info-card > .card-header { padding-left:20px !important; }
#sidebar.exodus-sidebar .sidebar-info-card > .card-header { font-size:11px !important; letter-spacing:1px; }
#sidebar.exodus-sidebar .sidebar-info-card > .card-body { padding:4px 0 4px 12px !important; }
#sidebar.exodus-sidebar .sidebar-info-card table tbody td { height:42px; padding:7px 4px !important; }
#sidebar.exodus-sidebar .sidebar-info-card table tbody td:first-child { width:24px !important; padding-right:2px !important; color:#ddb34e !important; text-align:center; }
#sidebar.exodus-sidebar .sidebar-info-card table tbody td:first-child i { font-size:13px !important; }
#sidebar.exodus-sidebar .sidebar-info-card table tbody td:nth-child(2) { width:auto !important; padding-left:7px !important; color:#b8c3cb !important; font-size:11px !important; text-align:left; }
#sidebar.exodus-sidebar .sidebar-info-card table tbody td:last-child { width:82px !important; padding-left:8px !important; color:#e2bd67 !important; font-size:11px !important; text-align:left !important; white-space:nowrap; }
#sidebar.exodus-sidebar .sidebar-ranking-card table th:first-child,
#sidebar.exodus-sidebar .sidebar-ranking-card table td:first-child { width:42% !important; }
#sidebar.exodus-sidebar .sidebar-ranking-card table th:nth-child(2),
#sidebar.exodus-sidebar .sidebar-ranking-card table td:nth-child(2) { width:34% !important; }
#sidebar.exodus-sidebar .sidebar-ranking-card table th:last-child,
#sidebar.exodus-sidebar .sidebar-ranking-card table td:last-child { width:24% !important; text-align:center !important; }
#sidebar.exodus-sidebar .sidebar-ranking-card table td:last-child { color:#e1bb62 !important; white-space:nowrap; }
#sidebar.exodus-sidebar .sidebar-castle-widget > .card-body { padding:12px !important; }
#sidebar.exodus-sidebar .sidebar-castle-widget > .card-footer .btn { min-width:150px; }

#sidebar.exodus-sidebar .sidebar-module-card > .card-footer .btn,
#sidebar.exodus-sidebar .sidebar-module-card > .card-footer .btn:hover {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

/* Guild profile presentation. */
.guild-profile-hero {
	display: grid;
	min-height: 265px;
	margin-bottom: 16px;
	grid-template-columns: 245px minmax(0,1fr);
	background: radial-gradient(circle at 90% 0%,rgba(201,154,67,.11),transparent 42%),linear-gradient(145deg,#17242e,#0e171f);
	border: 1px solid #354651;
	border-radius: 14px;
	overflow: hidden;
}

.guild-profile-emblem {
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle,rgba(201,154,67,.13),transparent 68%),#0d161d;
	border-right: 1px solid #354651;
}

.guild-profile-emblem img { width: 170px !important; height: 170px !important; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 10px 18px rgba(0,0,0,.45)); }
.guild-profile-content { display:flex; min-width:0; padding:25px 28px; justify-content:center; flex-direction:column; }
.guild-profile-eyebrow { margin-bottom:6px; color:#92a1ac; font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.guild-profile-eyebrow i { color:#d7ad4c; }
.guild-profile-content h2 { margin:0 0 14px; color:#eef2f5; font:600 31px/1.15 Georgia,'Times New Roman',serif; }
.guild-profile-master { display:flex; margin-bottom:18px; flex-direction:column; gap:4px; }
.guild-profile-master small { color:#82939f !important; font-size:9px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.guild-profile-master strong { display:flex; align-items:center; gap:7px; font-size:16px; }
.guild-profile-master strong img { width:25px; height:auto; }
.guild-profile-master strong a { color:#e0ba63 !important; }
.guild-profile-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:rgba(8,14,19,.42); border:1px solid #344550; border-radius:11px; overflow:hidden; }
.guild-profile-metrics > div { display:flex; min-height:72px; padding:11px; align-items:center; justify-content:center; flex-direction:column; gap:3px; border-right:1px solid #30414c; text-align:center; }
.guild-profile-metrics > div:last-child { border-right:0; }
.guild-profile-metrics i { color:#d7ad4c; font-size:13px; }
.guild-profile-metrics span { color:#81919d; font-size:8px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }
.guild-profile-metrics strong { max-width:100%; overflow:hidden; color:#e2e8ec; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.guild-profile-metrics strong a { color:#e0ba63 !important; }

.guild-profile-notice { display:flex; min-height:82px; margin-bottom:16px; padding:15px 18px; align-items:center; justify-content:center; flex-direction:column; gap:7px; background:#14212a; border:1px solid #33444f; border-left:2px solid #c99a43; border-radius:11px; text-align:center; }
.guild-profile-notice > i { color:#d9ae4c; font-size:17px; }
.guild-profile-notice > div { display:flex; min-width:0; align-items:center; flex-direction:column; gap:3px; text-align:center; }
.guild-profile-notice small { color:#81919d !important; font-size:8px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; }
.guild-profile-notice strong { color:#d8e0e5; font-size:12px; font-weight:600; }
.guild-profile-notice.is-empty strong { color:#8d9ba5; font-weight:500; }

.guild-members-panel { background:linear-gradient(145deg,#15222c,#0e171f); border:1px solid #344550; border-radius:13px; overflow:hidden; }
.guild-members-panel > header { display:flex; min-height:48px; padding:0 17px; align-items:center; justify-content:space-between; background:#1b2a35; border-bottom:1px solid #354651; }
.guild-members-panel > header > div { display:flex; align-items:center; gap:8px; color:#dce4e9; font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.guild-members-panel > header i { color:#d7ad4c; }
.guild-members-panel > header > strong { display:inline-flex; min-width:27px; height:24px; padding:0 8px; align-items:center; justify-content:center; color:#e3bd65; background:rgba(201,154,67,.1); border:1px solid rgba(201,154,67,.25); border-radius:999px; font-size:10px; }
.guild-members-grid { display:grid; padding:14px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.guild-member-card { display:flex; min-width:0; min-height:54px; padding:9px 11px; align-items:center; gap:9px; background:#111c24; border:1px solid #30414c; border-radius:9px; }
.guild-member-card > img { width:25px; height:auto; flex:0 0 auto; }
.guild-member-card > div { display:flex; min-width:0; flex-direction:column; gap:2px; }
.guild-member-card strong { min-width:0; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.guild-member-card strong a { color:#cad4db !important; }
.guild-member-card span { width:fit-content; color:#8c9ca7; font-size:7px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }
.guild-member-card .is-master { color:#55a9ed; }
.guild-member-card .is-assistant { color:#57ce8d; }
.guild-member-card .is-battle { color:#ed7179; }

@media (max-width:768px) {
	.guild-profile-hero { grid-template-columns:135px minmax(0,1fr); }
	.guild-profile-emblem img { width:105px !important; height:105px !important; }
	.guild-profile-content { padding:18px 15px; }
	.guild-profile-content h2 { font-size:23px; }
	.guild-profile-metrics { grid-template-columns:1fr; }
	.guild-profile-metrics > div { min-height:58px; border-right:0; border-bottom:1px solid #30414c; }
	.guild-profile-metrics > div:last-child { border-bottom:0; }
	.guild-members-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Final account-character layout: compact stats and one integrated summary rail. */
.my-account-page .account-character-card .account-character-main {
	min-height: 0 !important;
	padding-bottom: 18px;
	align-items: center !important;
}

.my-account-page .account-character-stats h3.mini-ranks-hard-text {
	margin: 0 0 14px !important;
	text-align: center !important;
}

.my-account-page .account-character-stats > .row > div > .row {
	min-height: 82px;
	padding: 13px 15px !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center;
}

.my-account-page .account-character-stats > .row > div > .row > div,
.my-account-page .account-character-stats > .row > div > .row > .mini-ranks-hard-text {
	text-align: center !important;
}

.my-account-page .account-character-card .account-character-stats .progress {
	position:relative;
	display: flex;
	height: 28px !important;
	align-items: center;
	justify-content: flex-start;
	background: #0b141b !important;
	border: 1px solid #2e3e49 !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	overflow: hidden;
}

.my-account-page .account-character-stats .account-stat-value {
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	width:100%;
	color:#fff;
	font:700 15px/1 Arial,sans-serif;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.72);
	transform:translate(-50%,-50%);
	pointer-events:none;
}

/* Player and Guild profiles share My Account's restrained lift interaction. */
@media (hover:hover) and (pointer:fine) {
	.player-profile-hero,
	.player-profile-detail-card,
	.player-profile-more,
	.player-profile-inventory,
	.player-profile-core-stats > div,
	.player-profile-secondary-stats > div,
	.player-profile-guild,
	.guild-profile-hero,
	.guild-profile-notice,
	.guild-members-panel,
	.guild-profile-metrics > div,
	.guild-member-card {
		transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
		will-change:transform;
	}

	.player-profile-hero:hover,
	.player-profile-detail-card:hover,
	.player-profile-more:hover,
	.player-profile-inventory:hover,
	.guild-profile-hero:hover,
	.guild-profile-notice:hover,
	.guild-members-panel:hover {
		position:relative;
		z-index:2;
		transform:translateY(-4px);
		border-color:rgba(201,154,67,.48) !important;
		box-shadow:0 15px 32px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,67,.06) !important;
	}

	.player-profile-core-stats > div:hover,
	.player-profile-secondary-stats > div:hover,
	.player-profile-guild:hover,
	.guild-profile-metrics > div:hover,
	.guild-member-card:hover {
		position:relative;
		z-index:3;
		transform:translateY(-3px);
		background-color:rgba(24,37,47,.94) !important;
		border-color:rgba(201,154,67,.42) !important;
		box-shadow:0 9px 18px rgba(0,0,0,.24);
	}

	.player-profile-inventory:hover {
		border-color:var(--profile-character-accent) !important;
		box-shadow:0 15px 32px rgba(0,0,0,.3),0 0 0 1px var(--profile-character-accent) !important;
	}

	#content .player-profile-inventory .table tbody tr:hover {
		box-shadow:inset 3px 0 0 var(--profile-character-accent) !important;
	}
}

@media (prefers-reduced-motion:reduce) {
	.player-profile-hero,
	.player-profile-detail-card,
	.player-profile-more,
	.player-profile-inventory,
	.player-profile-core-stats > div,
	.player-profile-secondary-stats > div,
	.player-profile-guild,
	.guild-profile-hero,
	.guild-profile-notice,
	.guild-members-panel,
	.guild-profile-metrics > div,
	.guild-member-card {
		transition-duration:.01ms !important;
	}
}

/* Global Exodus interaction polish. */
@media (hover:hover) and (pointer:fine) {
	.server-stats-card,
	#sidebar .sidebar-module-card,
	#sidebar .panel-usercp,
	#sidebar .panel-sidebar,
	#sidebar .sidebar-banner a,
	#content .mu-section,
	#content .panel-general,
	#content .panel-addstats,
	#content .panel-downloads,
	#content .register-card,
	#content .donaciones-item,
	#content .dona3-section,
	#content .market-card,
	#content .referral-table-box,
	#content .ref-stat-box {
		transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
		will-change:transform;
	}

	.server-stats-card:hover,
	#sidebar .sidebar-module-card:hover,
	#sidebar .panel-usercp:hover,
	#sidebar .panel-sidebar:hover,
	#content .mu-section:hover,
	#content .panel-general:hover,
	#content .panel-addstats:hover,
	#content .panel-downloads:hover,
	#content .register-card:hover,
	#content .donaciones-item:hover,
	#content .dona3-section:hover,
	#content .market-card:hover,
	#content .referral-table-box:hover,
	#content .ref-stat-box:hover {
		position:relative;
		z-index:2;
		transform:translateY(-3px);
		border-color:rgba(201,154,67,.44) !important;
		box-shadow:0 14px 30px rgba(0,0,0,.27),0 0 0 1px rgba(201,154,67,.05) !important;
	}

	.server-stats-pill,
	#sidebar .panel-usercp li a,
	#sidebar .sidebar-module-card tbody tr,
	#content .table tbody tr,
	#content .rankings-section-nav a,
	#content .dona3-card,
	#content .download-link,
	#content .btn {
		transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
	}

	.server-stats-pill:hover {
		transform:translateY(-2px);
		color:#edf2f5 !important;
		background:rgba(201,154,67,.08) !important;
		border-color:rgba(201,154,67,.36) !important;
		box-shadow:0 7px 16px rgba(0,0,0,.2);
	}

	#sidebar .panel-usercp li a:hover {
		transform:translateX(3px);
		color:#e5c16a !important;
		background:rgba(201,154,67,.055);
	}

	#sidebar .sidebar-module-card tbody tr:hover,
	#content .table tbody tr:hover {
		transform:translateX(2px);
		box-shadow:inset 2px 0 0 rgba(201,154,67,.75);
	}

	#sidebar .sidebar-banner a:hover {
		transform:translateY(-3px) scale(1.01);
		border-color:rgba(201,154,67,.55) !important;
		box-shadow:0 12px 24px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,67,.08);
	}

	#content .dona3-card:hover,
	#content .download-link:hover,
	#content .btn:hover {
		transform:translateY(-2px);
	}
}

@media (prefers-reduced-motion:reduce) {
	.server-stats-card,
	.server-stats-pill,
	#sidebar *,
	#content .card,
	#content .panel,
	#content .table tbody tr,
	#content .btn {
		transition-duration:.01ms !important;
	}
}

.my-account-page .account-character-card .account-character-stats .progress-bar,
.my-account-page .account-character-card .account-character-stats .bg-aifos {
	display: block;
	min-width: 0 !important;
	max-width: none !important;
	color: #fff !important;
	background: linear-gradient(90deg,#9b7129,#c99a43) !important;
	font: 700 15px/28px Arial,sans-serif !important;
	text-align: center !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
}

.my-account-page .account-character-summary {
	display: grid !important;
	margin: 0 !important;
	padding: 14px 0 0 !important;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 9px;
	border-top: 1px solid #31414c;
}

.my-account-page .account-character-summary > span {
	display: flex;
	min-width: 0;
	min-height: 62px;
	padding: 10px 8px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 4px;
	background: rgba(10,17,23,.48);
	border: 1px solid #30414c;
	border-radius: 9px;
	text-align: center;
}

.my-account-page .account-character-summary i { color:#d8ad4b; text-align:center; }
.my-account-page .account-character-summary small { color:#7f909c !important; font-size:8px; font-weight:800; letter-spacing:.55px; text-transform:uppercase; }
.my-account-page .account-character-summary strong { width:100%; min-width:0; overflow:hidden; color:#dce4e9; font-size:11px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }

@media (max-width:768px) {
	.my-account-page .account-character-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Top General guild column: one compact cell, never a nested table. */
#RankingGeneral .general-guild-cell {
	padding:8px 10px !important;
	text-align:center !important;
	vertical-align:middle !important;
}

.general-guild-entry {
	display:inline-flex;
	min-width:0;
	align-items:center;
	justify-content:center;
	gap:9px;
	text-align:left;
}

.general-guild-mark {
	display:flex;
	width:38px;
	height:38px;
	flex:0 0 38px;
	align-items:center;
	justify-content:center;
	background:transparent;
	border:0;
	border-radius:4px;
	overflow:visible;
}

.general-guild-mark img { display:block; width:38px !important; height:38px !important; margin:0 !important; object-fit:contain; image-rendering:pixelated; }
.general-guild-copy { display:flex; min-width:0; flex-direction:column; gap:2px; }
.general-guild-copy strong { min-width:0; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.general-guild-copy strong a { color:#cbd5dc !important; }
.general-guild-role { color:#82939f; font-size:7px; font-weight:800; letter-spacing:.35px; text-transform:uppercase; }
.general-guild-role.is-master { color:#5da9e8; }
.general-guild-role.is-assistant { color:#55ca89; }
.general-guild-role.is-battle { color:#eb737b; }
.general-no-guild { display:inline-flex; min-height:38px; align-items:center; justify-content:center; gap:6px; color:#788994; font-size:9px; font-weight:700; }
.general-no-guild i { color:#a05b5e; }
#RankingGeneral.general-rank {
	margin-top:0 !important;
	border:1px solid #30404b !important;
	border-radius:10px !important;
}
#RankingGeneral.general-rank thead th { height:48px; vertical-align:middle !important; }
#RankingGeneral tbody td { height:56px; vertical-align:middle !important; }
#RankingGeneral tbody td > table { display:none !important; }

/* My Account interaction layer. */
@media (hover:hover) and (pointer:fine) {
	.my-account-page .account-balance-card,
	.my-account-page .account-welcome-card,
	.my-account-page .account-detail-row,
	.my-account-page .account-section-title,
	.my-account-page .account-character-card,
	.my-account-page .account-character-stats > .row > div > .row,
	.my-account-page .account-character-summary > span {
		transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
		will-change: transform;
	}

	.my-account-page .account-balance-card:hover,
	.my-account-page .account-welcome-card:hover,
	.my-account-page .account-character-card:hover {
		z-index:2;
		transform:translateY(-4px);
		border-color:rgba(201,154,67,.48) !important;
		box-shadow:0 15px 32px rgba(0,0,0,.3),0 0 0 1px rgba(201,154,67,.06) !important;
	}

	.my-account-page .account-detail-row:hover,
	.my-account-page .account-section-title:hover {
		transform:translateY(-2px);
		border-color:rgba(201,154,67,.45) !important;
		box-shadow:0 9px 20px rgba(0,0,0,.22);
	}

	.my-account-page .account-character-stats > .row > div > .row:hover,
	.my-account-page .account-character-summary > span:hover {
		transform:translateY(-3px);
		background-color:rgba(24,37,47,.92) !important;
		border-color:rgba(201,154,67,.42) !important;
		box-shadow:0 9px 18px rgba(0,0,0,.24);
	}

	.my-account-page #paypal_donations tbody tr,
	.my-account-page #mp_donations tbody tr {
		transition:background-color .18s ease,box-shadow .18s ease;
	}

	.my-account-page #paypal_donations tbody tr:hover,
	.my-account-page #mp_donations tbody tr:hover {
		background:rgba(201,154,67,.07) !important;
		box-shadow:inset 2px 0 0 #c99a43;
	}
}

@media (prefers-reduced-motion:reduce) {
	.my-account-page *,
	.my-account-page *::before,
	.my-account-page *::after {
		transition-duration:.01ms !important;
		animation-duration:.01ms !important;
	}
}

/* Exodus owns its accent icons; they no longer inherit WebEngine's primary blue. */
.panel-usercp .usercp-menu-icon {
	display:inline-flex;
	width:30px;
	height:30px;
	margin-right:9px;
	align-items:center;
	justify-content:center;
	color:#ddb34e !important;
	background:rgba(201,154,67,.09) !important;
	border:1px solid rgba(201,154,67,.32) !important;
	border-radius:7px !important;
	font-size:13px;
	transition:color .18s ease,background .18s ease,border-color .18s ease;
}

.panel-usercp li a:hover .usercp-menu-icon {
	color:#f1ca70 !important;
	background:rgba(201,154,67,.16) !important;
	border-color:rgba(220,177,82,.55) !important;
}

.server-stats-pill i {
	color:#d6aa45 !important;
}

.server-stats-pill i.fa-users,
.server-stats-pill i.fa-chart-line {
	filter:drop-shadow(0 0 6px rgba(201,154,67,.16));
}

/* Stat fill is drawn independently from WebEngine/Bootstrap's progress rules. */
.my-account-page .account-character-card .account-stat-progress {
	position:relative !important;
	isolation:isolate;
	overflow:hidden !important;
}

.my-account-page .account-character-card .account-stat-progress::before {
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:0;
	width:var(--account-stat-fill, 0%);
	background:linear-gradient(90deg,#9b7129 0%,#c99a43 72%,#d9ad52 100%);
	border-radius:inherit;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 12px rgba(201,154,67,.12);
	transition:width .45s ease;
}

.my-account-page .account-character-card .account-stat-progress > .progress-bar {
	position:absolute !important;
	inset:0 auto 0 0;
	width:var(--account-stat-fill, 0%) !important;
	opacity:0 !important;
	pointer-events:none;
}

.my-account-page .account-character-card .account-stat-progress > .account-stat-value {
	z-index:2;
	color:#fff !important;
	text-shadow:0 1px 2px rgba(0,0,0,.85);
}

/* WCoin P: a cool silver separates it from VIP gold and WCoin C green. */
.my-account-page .account-balance-wp .account-wp-value {
	color:#d6dee5 !important;
	text-shadow:0 1px 1px rgba(0,0,0,.75),0 0 12px rgba(201,216,228,.13);
}

.my-account-page .account-balance-wp:hover .account-wp-value {
	color:#f0f4f7 !important;
}

/* Donation gateways: one visual language for every payment provider. */
#content .page-content > .donaciones-item {
	margin-top:24px;
	background:linear-gradient(155deg,rgba(15,25,34,.98),rgba(9,17,24,.98)) !important;
	border:1px solid #30404c !important;
	border-radius:14px !important;
	box-shadow:0 16px 36px rgba(0,0,0,.2);
	overflow:hidden;
}

#content .donaciones-item > h3.bg-primary {
	margin:0 !important;
	padding:16px 20px !important;
	color:#edf2f5 !important;
	background:#1b2a35 !important;
	border:0 !important;
	border-bottom:1px solid #34434e !important;
	border-left:3px solid #d2a642 !important;
	border-radius:0 !important;
}

#content .donaciones-item > h3 .miniranks {
	margin:0 !important;
	padding:0 !important;
	color:#e8edf1 !important;
	background:transparent !important;
	border:0 !important;
	font-size:15px !important;
	letter-spacing:.8px;
}

#content .donaciones-item > h3 .miniranks i {
	margin-right:7px;
	color:#e0b449 !important;
}

#content .donaciones-item > .card-body {
	padding:20px !important;
	background:transparent !important;
}

#content .donaciones-item .row > [class*="col-"] {
	display:flex;
}

#content .donaciones-item .row > [class*="col-"] > .card {
	display:flex;
	width:100%;
	margin:0;
	background:#121d25 !important;
	border:1px solid #30404b !important;
	border-radius:12px !important;
	box-shadow:0 8px 20px rgba(0,0,0,.16);
	overflow:hidden;
}

#content .donaciones-item .card-footer {
	padding:13px 12px !important;
	background:#111b23 !important;
	border-color:#2b3944 !important;
}

#content .donaciones-item .card-footer:first-child {
	min-height:49px;
	border-top:0 !important;
}

#content .donaciones-item .card-footer .text-primary {
	color:#e2bd63 !important;
	font-weight:700;
}

#content .donaciones-item .card-img-top {
	min-height:132px;
	color:#e6ba50 !important;
	background:radial-gradient(circle at 50% 45%,rgba(201,154,67,.2),rgba(17,28,37,.97) 64%) !important;
	border-radius:0 !important;
}

#content .donaciones-item .card-img-top i {
	padding:30px !important;
	color:#e4b84e !important;
	font-size:56px !important;
	filter:drop-shadow(0 7px 12px rgba(0,0,0,.3));
}

#content .donaciones-item .card-body.text-center {
	padding:16px 12px !important;
	background:#15212a !important;
}

#content .donaciones-item .btn-outline-primary.disabled {
	min-width:130px;
	padding:8px 16px !important;
	color:#e5c46f !important;
	background:rgba(201,154,67,.06) !important;
	border:1px solid rgba(201,154,67,.54) !important;
	border-radius:9px !important;
}

#content .donaciones-item button.btn-primary,
#content .donaciones-item a.btn-primary {
	padding:9px 18px !important;
	color:#fff !important;
	background:linear-gradient(135deg,#a87827,#c4933b) !important;
	border:1px solid #d5a84d !important;
	border-radius:9px !important;
	font-weight:700;
	box-shadow:0 5px 12px rgba(0,0,0,.18);
}

#content .donaciones-item button.btn-primary:hover,
#content .donaciones-item a.btn-primary:hover {
	background:linear-gradient(135deg,#bd8b32,#d2a447) !important;
	box-shadow:0 8px 18px rgba(0,0,0,.24),0 0 0 2px rgba(201,154,67,.1);
}

/* The gateway dialogs used inline styles, so the theme deliberately overrides them. */
#binanceModal,#zinliModal,#astroModal,#mpModal {
	padding:20px;
	background:rgba(3,8,12,.82) !important;
	backdrop-filter:blur(5px);
}

#binanceModal > div,#zinliModal > div,#astroModal > div,#mpModal > div {
	max-height:calc(100vh - 40px);
	margin:20px auto !important;
	padding:25px !important;
	color:#d9e1e7 !important;
	background:linear-gradient(155deg,#182630,#101920) !important;
	border:1px solid #42515c;
	border-radius:14px !important;
	box-shadow:0 24px 70px rgba(0,0,0,.55);
	overflow:auto;
}

#binanceModal h4,#zinliModal h4,#astroModal h4,#mpModal h4 {
	color:#f0c764;
}

#binanceModal img,#zinliModal img,#astroModal img,#mpModal img {
	display:block;
	max-width:100%;
	margin:18px auto !important;
	background:transparent !important;
	border:0 !important;
	border-radius:0;
	box-shadow:none !important;
}

#binanceModal .btn-secondary,#zinliModal .btn-secondary,
#astroModal .btn-secondary,#mpModal .btn-secondary {
	color:#fff !important;
	background:#273641 !important;
	border-color:#52616c !important;
	border-radius:8px !important;
}

/* Legacy PayPal/MercadoPago boxes receive the same dark card treatment. */
#content .paypal-gateway-container {
	background:#121d25 !important;
	border:1px solid #30404b !important;
	border-radius:12px !important;
	overflow:hidden;
}

#content .paypal-gateway-content {
	background:transparent !important;
	border:0 !important;
}

#content .paypal-gateway-form,
#content .paypal-gateway-conversion-rate {
	color:#d9e1e7 !important;
}

/* Round legacy content tables, including server information and donation history. */
#content table.table,
#content table.rankings-table,
#content table.general-table-ui,
#content table.myaccount-table,
#content table.dataTable {
	border-collapse:separate !important;
	border-spacing:0 !important;
	border-radius:10px !important;
	overflow:hidden;
}

#content table.table > :first-child > tr:first-child > *:first-child,
#content table.table > tr:first-child > *:first-child {
	border-top-left-radius:9px;
}

#content table.table > :first-child > tr:first-child > *:last-child,
#content table.table > tr:first-child > *:last-child {
	border-top-right-radius:9px;
}

#content table.table > :last-child > tr:last-child > *:first-child,
#content table.table > tr:last-child > *:first-child {
	border-bottom-left-radius:9px;
}

#content table.table > :last-child > tr:last-child > *:last-child,
#content table.table > tr:last-child > *:last-child {
	border-bottom-right-radius:9px;
}

@media (hover:hover) and (pointer:fine) {
	#content .donaciones-item .row > [class*="col-"] > .card {
		transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
	}

	#content .donaciones-item .row > [class*="col-"] > .card:hover {
		transform:translateY(-4px);
		border-color:rgba(210,166,66,.55) !important;
		box-shadow:0 14px 28px rgba(0,0,0,.28);
	}
}

@media (max-width:767px) {
	#content .donaciones-item > .card-body { padding:12px !important; }
	#content .donaciones-item .card-img-top { min-height:108px; }
}

/* Some legacy rankings use td elements inside thead; color the whole header row. */
#content .general-rank thead > tr > th,
#content .general-rank thead > tr > td,
#content .dataTable thead > tr > th,
#content .dataTable thead > tr > td {
	height:48px;
	padding:11px 13px !important;
	color:#edf2f5 !important;
	background:#202d37 !important;
	border-color:#3a4853 !important;
	vertical-align:middle !important;
	font-weight:700 !important;
	letter-spacing:.35px;
	text-align:center;
	text-transform:uppercase;
}

#content .general-rank thead > tr > :first-child,
#content .dataTable thead > tr > :first-child {
	border-top-left-radius:9px;
}

#content .general-rank thead > tr > :last-child,
#content .dataTable thead > tr > :last-child {
	border-top-right-radius:9px;
}

/* Top General follows the same compact identity layout as the other rankings. */
#RankingGeneral .general-player-heading,
#RankingGeneral .general-player-cell {
	text-align:center !important;
}

#RankingGeneral .general-place-heading,
#RankingGeneral .general-place-cell {
	text-align:center !important;
	vertical-align:middle !important;
}

#RankingGeneral .general-player-entry {
	display:inline-flex;
	min-width:150px;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	text-align:left;
}

#RankingGeneral .general-player-cell .rankings-class-image { flex:0 0 40px; margin:0; }
#RankingGeneral .general-player-copy { display:flex; min-width:0; flex-direction:column; gap:2px; }
#RankingGeneral .general-player-copy strong { line-height:1.2; }
#RankingGeneral .general-player-copy small { color:#74848f; font-size:12px; line-height:1.2; }
#RankingGeneral .general-player-entry .rankings-gens-img { flex:0 0 auto; margin-left:2px; }

/* Castle Siege is a flagship event: cinematic hero and scannable information. */
.castle-siege-page {
	margin:0 !important;
}

.castle-page-title i,
.castle-siege-page .castle-section-title i {
	margin-right:8px;
	color:#ddb44f;
}

.castle-siege-page .castle-section-title {
	display:flex;
	margin:28px 0 12px !important;
	align-items:center;
	color:#e8edf1 !important;
	font:700 17px/1.25 Arial,sans-serif !important;
	letter-spacing:.2px;
}

.castle-siege-page .castle-owner-panel {
	position:relative;
	min-height:310px;
	padding:30px !important;
	background:
		linear-gradient(90deg,rgba(5,10,14,.9) 0%,rgba(8,14,19,.69) 52%,rgba(5,10,14,.86) 100%),
		url('../img/castle_owner_bg.jpg') center 46%/cover no-repeat !important;
	border:1px solid rgba(216,176,82,.42) !important;
	border-radius:15px !important;
	box-shadow:0 20px 45px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05) !important;
	overflow:hidden;
}

.castle-siege-page .castle-owner-panel::after {
	content:"";
	position:absolute;
	inset:auto 0 0;
	height:3px;
	background:linear-gradient(90deg,transparent,#d9aa43,transparent);
}

.castle-siege-page .castle-owner-panel .panel-body {
	position:relative;
	z-index:1;
	display:flex;
	min-height:248px;
	flex-direction:column;
	justify-content:center;
}

.castle-siege-page .castle-owner-kicker {
	margin-bottom:17px;
	color:#d8b45e;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.5px;
	text-align:center;
	text-transform:uppercase;
}

.castle-siege-page .castle-owner-panel .panel-body > .row {
	gap:20px !important;
}

.castle-siege-page .castle-owner-panel .col-xs-4 {
	width:270px !important;
	padding:20px !important;
	background:rgba(9,16,22,.72);
	border:1px solid rgba(202,169,91,.3);
	border-radius:13px;
	box-shadow:0 12px 30px rgba(0,0,0,.28);
	backdrop-filter:blur(3px);
}

.castle-siege-page .castle-owner-panel .col-xs-8:not(:empty) {
	padding:18px !important;
	background:rgba(9,16,22,.7);
	border:1px solid rgba(202,169,91,.24);
	border-radius:13px;
	backdrop-filter:blur(3px);
}

.castle-siege-page .castle-owner-name,
.castle-siege-page .castle-owner-name a {
	color:#f0c75f !important;
	font:700 24px/1.15 Georgia,"Times New Roman",serif !important;
}

.castle-siege-page .castle-owner-panel img {
	width:92px !important;
	height:92px !important;
	margin:4px auto !important;
	filter:drop-shadow(0 9px 13px rgba(0,0,0,.48));
}

.castle-siege-page .castle-owner-panel h4 {
	margin:12px 0 4px !important;
	color:#d8b451 !important;
}

.castle-siege-page .castle-owner-panel p,
.castle-siege-page .castle-owner-panel p a {
	margin:0;
	color:#e5ebef !important;
	font-weight:700;
}

.castle-siege-page #siegeTimer {
	position:relative;
	padding:24px !important;
	color:#f0c96c !important;
	background:linear-gradient(135deg,#172630,#101920) !important;
	border:1px solid rgba(210,166,66,.48) !important;
	border-radius:13px !important;
	box-shadow:0 12px 28px rgba(0,0,0,.22),inset 3px 0 0 #d5a844;
	font-size:38px !important;
	text-shadow:0 3px 10px rgba(0,0,0,.55);
}

.castle-siege-page #siegeTimer span {
	color:#aebbc4 !important;
	font-size:.58em !important;
}

.castle-siege-page .castle-info-table {
	display:block;
	padding:12px;
	background:rgba(13,22,29,.76) !important;
}

.castle-siege-page .castle-info-table tbody {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}

.castle-siege-page .castle-info-table tr {
	display:flex;
	min-width:0;
	padding:13px 15px;
	flex-direction:column;
	gap:5px;
	background:#14212a !important;
	border:1px solid #30414c;
	border-radius:9px;
}

.castle-siege-page .castle-info-table td {
	width:100% !important;
	padding:0 !important;
	background:transparent !important;
	border:0 !important;
}

.castle-siege-page .castle-info-table td:first-child {
	color:#82939f !important;
	font-size:9px;
	font-weight:800;
	letter-spacing:.65px;
	text-transform:uppercase;
}

.castle-siege-page .castle-info-table td:last-child {
	color:#e3e9ed !important;
	font-size:13px;
}

.castle-siege-page .castle-schedule-table thead th,
.castle-siege-page .castle-guilds-table thead th {
	color:#edf2f5 !important;
	background:#202e38 !important;
	text-transform:uppercase;
}

.castle-siege-page .castle-schedule-table tbody tr:hover td,
.castle-siege-page .castle-guilds-table tbody tr:hover td {
	background:#1a2832 !important;
}

@media (hover:hover) and (pointer:fine) {
	.castle-siege-page .castle-owner-panel,
	.castle-siege-page #siegeTimer,
	.castle-siege-page .castle-info-table tr {
		transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
	}

	.castle-siege-page .castle-owner-panel:hover {
		transform:translateY(-3px);
		filter:none !important;
		border-color:rgba(224,183,88,.66) !important;
		box-shadow:0 25px 52px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.06) !important;
	}

	.castle-siege-page #siegeTimer:hover,
	.castle-siege-page .castle-info-table tr:hover {
		transform:translateY(-2px);
		border-color:rgba(210,166,66,.46) !important;
	}
}

@media (max-width:767px) {
	.castle-siege-page .castle-owner-panel { min-height:0; padding:20px !important; }
	.castle-siege-page .castle-owner-panel .panel-body { min-height:0; }
	.castle-siege-page .castle-owner-panel .col-xs-4,
	.castle-siege-page .castle-owner-panel .col-xs-8 { width:100% !important; }
	.castle-siege-page .castle-info-table tbody { grid-template-columns:1fr; }
	.castle-siege-page #siegeTimer { font-size:28px !important; }
	.castle-siege-page .castle-schedule-table { display:block; overflow-x:auto; }
}

/* Real cards replace the legacy Castle Siege information table. */
.castle-siege-page .castle-info-grid {
	display:grid;
	padding:14px;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:11px;
	background:linear-gradient(145deg,rgba(16,27,35,.96),rgba(10,18,24,.96));
	border:1px solid #30414c;
	border-radius:13px;
	box-shadow:0 13px 30px rgba(0,0,0,.2);
}

.castle-siege-page .castle-info-item {
	display:grid;
	min-height:105px;
	padding:16px;
	grid-template-columns:30px minmax(0,1fr);
	grid-template-rows:auto 1fr;
	align-items:center;
	column-gap:10px;
	background:#14212a;
	border:1px solid #30414c;
	border-radius:10px;
}

.castle-siege-page .castle-info-item > i {
	grid-row:1 / 3;
	color:#deb34b;
	font-size:19px;
	text-align:center;
}

.castle-siege-page .castle-info-item > span {
	color:#8395a1;
	font-size:9px;
	font-weight:800;
	letter-spacing:.65px;
	text-transform:uppercase;
}

.castle-siege-page .castle-info-item > strong {
	min-width:0;
	color:#e5ebef;
	font-size:13px;
	line-height:1.35;
	overflow-wrap:anywhere;
}

.castle-siege-page .castle-info-item > strong small {
	display:block;
	margin-top:3px;
	color:#a5b2bb;
	font-size:10px;
}

.castle-siege-page .castle-info-item.is-featured {
	background:linear-gradient(135deg,rgba(35,46,52,.96),rgba(21,31,39,.96));
	border-color:rgba(207,166,71,.4);
}

.castle-siege-page .castle-info-treasury {
	grid-column:span 2;
}

.castle-siege-page .castle-schedule-table tbody td,
.castle-siege-page .castle-guilds-table tbody td {
	color:#bcc8d0 !important;
	background:#131e27 !important;
}

.castle-siege-page .castle-schedule-table tbody tr:nth-child(even) td,
.castle-siege-page .castle-guilds-table tbody tr:nth-child(even) td {
	color:#d4dce2 !important;
	background:#182630 !important;
}

.castle-siege-page .castle-schedule-table tbody td:first-child {
	color:#9eafba !important;
}

.castle-siege-page .castle-schedule-table tbody td:nth-child(2),
.castle-siege-page .castle-schedule-table tbody td:nth-child(3) {
	color:#e0e6ea !important;
}

@media (hover:hover) and (pointer:fine) {
	.castle-siege-page .castle-info-item {
		transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
	}
	.castle-siege-page .castle-info-item:hover {
		transform:translateY(-3px);
		border-color:rgba(214,172,75,.5);
		box-shadow:0 10px 22px rgba(0,0,0,.24);
	}
}

@media (max-width:900px) {
	.castle-siege-page .castle-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.castle-siege-page .castle-info-treasury { grid-column:span 2; }
}

@media (max-width:560px) {
	.castle-siege-page .castle-info-grid { grid-template-columns:1fr; }
	.castle-siege-page .castle-info-treasury { grid-column:auto; }
}

/* Castle information card layout: explicit placement avoids legacy table flow. */
.castle-siege-page .castle-info-grid {
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}

.castle-siege-page .castle-info-item {
	min-height:112px;
	padding:17px 18px;
	grid-template-columns:48px minmax(0,1fr);
	grid-template-rows:min-content min-content;
	align-content:center;
	align-items:center;
	column-gap:13px;
	row-gap:7px;
}

.castle-siege-page .castle-info-item > i {
	display:flex;
	width:44px;
	height:44px;
	grid-column:1;
	grid-row:1 / 3;
	align-items:center;
	justify-content:center;
	background:rgba(201,154,67,.1);
	border:1px solid rgba(201,154,67,.32);
	border-radius:10px;
	font-size:20px;
}

.castle-siege-page .castle-info-item > span {
	display:block;
	grid-column:2;
	grid-row:1;
	line-height:1.2;
}

.castle-siege-page .castle-info-item > strong {
	display:block;
	grid-column:2;
	grid-row:2;
	font-size:15px;
	line-height:1.35;
}

.castle-siege-page .castle-info-treasury {
	grid-column:span 2;
}

@media (max-width:650px) {
	.castle-siege-page .castle-info-grid { grid-template-columns:1fr; }
	.castle-siege-page .castle-info-treasury { grid-column:auto; }
}

.castle-siege-page .castle-schedule-table {
	box-shadow:0 14px 32px rgba(0,0,0,.2);
}

.castle-siege-page .castle-schedule-table tbody tr.is-current-stage td {
	color:#e4e9ed !important;
	background:#1a2831 !important;
	border-top-color:rgba(214,171,72,.42) !important;
	border-bottom-color:rgba(214,171,72,.42) !important;
	font-weight:700;
}

.castle-siege-page .castle-schedule-table tbody tr.is-current-stage td:first-child {
	box-shadow:inset 2px 0 0 #d8aa43;
}

.castle-siege-page .castle-stage-name {
	display:inline-block;
	vertical-align:middle;
}

.castle-siege-page .castle-stage-current {
	display:inline-flex;
	margin-left:10px;
	padding:4px 8px;
	align-items:center;
	color:#ebc766;
	background:rgba(201,154,67,.1);
	border:1px solid rgba(210,168,72,.38);
	border-radius:999px;
	font-size:8px;
	font-weight:800;
	letter-spacing:.65px;
	line-height:1;
	text-transform:uppercase;
	vertical-align:middle;
}

/* Center the treasury icon and copy as one compact unit. */
.castle-siege-page .castle-info-treasury {
	grid-template-columns:44px max-content;
	justify-content:center;
	column-gap:14px;
}

/* Sidebar login: compact, aligned and consistent with the module system. */
#sidebar.exodus-sidebar .sidebar-login-card > .card-body {
	padding:22px 24px 11px !important;
}

#sidebar.exodus-sidebar .sidebar-login-card form {
	display:flex;
	flex-direction:column;
	gap:11px;
}

#sidebar.exodus-sidebar .sidebar-login-card .input-group {
	margin:0 !important;
	flex-wrap:nowrap;
}

#sidebar.exodus-sidebar .sidebar-login-card .input-group-text {
	width:42px;
	padding:0 !important;
	justify-content:center;
	color:#d8ae48 !important;
	background:#111d25 !important;
	border-color:#354651 !important;
	font-size:13px;
}

#sidebar.exodus-sidebar .sidebar-login-card .form-control {
	min-width:0;
	height:44px;
	min-height:44px;
	padding-left:13px;
	font-size:13px;
}

#sidebar.exodus-sidebar .sidebar-login-actions {
	display:grid;
	grid-template-columns:1fr;
	gap:3px;
	margin-top:3px;
}

#sidebar.exodus-sidebar .sidebar-login-actions .btn {
	display:flex;
	min-width:0;
	min-height:40px;
	margin:0 !important;
	padding:8px 12px !important;
	align-items:center;
	justify-content:center;
	border-radius:8px !important;
	font-size:10px;
	font-weight:700;
	line-height:1.25;
	white-space:normal;
}

#sidebar.exodus-sidebar .sidebar-login-actions button {
	width:100%;
	color:#17130c !important;
	background:linear-gradient(135deg,#bb8730,#d2a348) !important;
	border-color:#e0b45b !important;
	font-size:14px !important;
	box-shadow:0 6px 14px rgba(0,0,0,.18);
}

#sidebar.exodus-sidebar .sidebar-login-actions .sidebar-forgot-link {
	display:inline;
	min-height:0;
	margin:5px auto 0 !important;
	padding:0 !important;
	color:#aab7c0 !important;
	background:transparent !important;
	border:0 !important;
	font-size:9px;
	font-weight:700;
	line-height:1.25;
	text-align:center;
	text-decoration:none !important;
}

#sidebar.exodus-sidebar .sidebar-login-actions .sidebar-forgot-link:hover {
	color:#e5c36d !important;
	background:transparent !important;
	box-shadow:none !important;
	transform:none;
}

@media (max-width:420px) {
	#sidebar.exodus-sidebar .sidebar-login-actions { grid-template-columns:1fr; }
}

/* Keep the shared hero authoritative over legacy module-specific headers. */
#content .dona3-wrapper > .module-hero.donation-page-title {
	min-height: 118px;
	margin: 0 0 24px !important;
	padding: 24px 28px 24px 31px !important;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.74) 42%, rgba(19,34,44,.94)), #101c24 !important;
	border: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 14px !important;
}

#content .exodus-dropfinder > .module-hero.dropfinder-header {
	min-height: 118px;
	margin: 0;
	padding: 24px 28px 24px 31px;
	justify-content: space-between;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.74) 42%, rgba(19,34,44,.94)), #101c24;
	border: 0;
	border-bottom: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
	border-radius: 14px 14px 0 0;
}

@media (max-width:767px) {
	#content .dona3-wrapper > .module-hero.donation-page-title {
		min-height: 0;
		padding: 20px !important;
	}
	#content .exodus-dropfinder > .module-hero.dropfinder-header {
		min-height: 0;
		padding: 20px;
	}
}

/* Full-page modules use one shell, just like the referrals screen. */
#content .module-page-card,
#content .dona3-wrapper.module-page-card {
	margin: 0 0 26px !important;
	padding: 0 !important;
	background: rgba(14, 27, 36, .95) !important;
	border: 1px solid #30434f !important;
	border-radius: 14px !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .2) !important;
	overflow: hidden;
}

#content .module-page-card > .module-hero,
#content .dona3-wrapper.module-page-card > .module-hero.donation-page-title {
	min-height: 118px;
	margin: 0 !important;
	padding: 24px 28px 24px 31px !important;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.74) 42%, rgba(19,34,44,.94)), #101c24 !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#content .module-page-card > .module-hero:hover {
	transform: none;
	border-color: #30434f !important;
	border-left-color: #d0a34d !important;
	box-shadow: none !important;
}

#content .module-page-body {
	padding: 26px 24px 4px;
}

#content .module-page-body > .mu-section,
#content .module-page-body > .panel-downloads {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

#content .donation-page-card > .donation-security-note {
	margin-top: 24px;
}

@media (max-width:767px) {
	#content .module-page-card > .module-hero,
	#content .dona3-wrapper.module-page-card > .module-hero.donation-page-title {
		min-height: 0;
		padding: 20px !important;
	}
	#content .module-page-body { padding: 18px 15px 2px; }
	#content .donation-page-card > .donation-security-note { margin-top: 18px; }
}

/* Donation accreditation groups: header and methods share one container. */
#content .donation-page-card > .dona3-section {
	margin: 0 24px 24px !important;
	padding: 0 !important;
	background: rgba(12, 23, 31, .72) !important;
	border: 1px solid #2f424e !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	overflow: hidden;
}

#content .donation-page-card .dona3-section-header {
	min-height: 76px;
	margin: 0 !important;
	padding: 16px 20px !important;
	gap: 11px;
	justify-content: center !important;
	text-align: center !important;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.86)) !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#content .donation-page-card .dona3-section-header strong {
	margin-bottom: 4px;
	color: #edf1f4 !important;
	font-size: 14px;
	letter-spacing: .8px;
}

#content .donation-page-card .dona3-section-header > span:last-child {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

#content .donation-page-card .dona3-section-header small {
	color: #96a6b0 !important;
	font-size: 12px;
	letter-spacing: .15px;
}

#content .donation-page-card .dona3-section-icon {
	color: #e0b651 !important;
	font-size: 19px !important;
}

#content .donation-page-card .dona3-grid {
	margin: 0 !important;
	padding: 28px 22px !important;
}

@media (max-width:767px) {
	#content .donation-page-card > .dona3-section {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}
	#content .donation-page-card .dona3-section-header {
		min-height: 0;
		padding: 15px 16px !important;
	}
	#content .donation-page-card .dona3-grid { padding: 20px 14px !important; }
}

/* Rankings: title, controls and table form one cohesive module. */
#content .ranking-page-card {
	margin-bottom: 26px !important;
}

#content .ranking-page-card > .page-title {
	display: flex;
	min-height: 92px;
	margin: 0 !important;
	padding: 20px 27px !important;
	align-items: center;
	color: #f2f3f3 !important;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.74) 42%, rgba(19,34,44,.94)), #101c24 !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	font-size: 31px !important;
}

#content .ranking-page-body {
	padding: 24px;
}

#content .ranking-page-card .rankings-toolbar {
	margin-bottom: 18px;
}

#content .ranking-page-card #RankingGeneral_wrapper #RankingGeneral {
	margin-top: 0 !important;
}

#content .ranking-page-card #collapseExample {
	margin-bottom: 18px !important;
}

#content .ranking-page-card .alert:last-child {
	margin: 18px 0 0 !important;
}

@media (max-width:767px) {
	#content .ranking-page-card > .page-title {
		min-height: 76px;
		padding: 17px 19px !important;
		font-size: 25px !important;
	}
	#content .ranking-page-body { padding: 16px 14px; }
}

/* Downloads groups follow the same header/body pattern as information. */
#content .downloads-page-card .download-featured {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 190px;
	margin: 0 0 22px;
	padding: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #172a35;
	border: 1px solid #3a4d58;
	border-left: 4px solid #d0a34d;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
	overflow: hidden;
}

#content .downloads-page-card .download-featured-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 78px;
	height: 78px;
	margin-right: 22px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 78px;
	flex: 0 0 78px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #e7b63e;
	background: #1c303b;
	border: 1px solid rgba(208, 163, 77, .45);
	border-radius: 12px;
	font-size: 31px;
}

#content .downloads-page-card .download-featured-icon i {
	-webkit-filter: drop-shadow(0 0 6px rgba(227, 181, 68, .32));
	filter: drop-shadow(0 0 6px rgba(227, 181, 68, .32));
	-webkit-animation: download-icon-pulse 1.9s ease-in-out infinite;
	animation: download-icon-pulse 1.9s ease-in-out infinite;
}

#content .downloads-page-card .download-featured-content {
	min-width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

#content .downloads-page-card .download-featured-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 7px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#content .downloads-page-card .download-featured-kicker {
	margin-right: 10px;
	color: #d0a34d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;
}

#content .downloads-page-card .download-featured-badge {
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 3;
	display: inline-block;
	padding: 4px 8px;
	color: #f1c75f;
	background: rgba(208, 163, 77, .1);
	border: 1px solid rgba(208, 163, 77, .4);
	border-radius: 12px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .35px;
}

#content .downloads-page-card .download-featured h2 {
	margin: 0 0 7px !important;
	color: #edf1f4 !important;
	font-size: 23px !important;
	font-weight: 800 !important;
}

#content .downloads-page-card .download-featured p {
	max-width: 580px;
	margin: 0 0 13px !important;
	color: #aebbc4 !important;
	font-size: 14px;
	line-height: 1.55;
}

#content .downloads-page-card .download-featured-benefits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #c5d0d6;
	font-size: 12px;
}

#content .downloads-page-card .download-featured-benefits span {
	margin: 3px 17px 3px 0;
}

#content .downloads-page-card .download-featured-benefits i {
	margin-right: 4px;
	color: #d0a34d;
}

#content .downloads-page-card .download-featured-action {
	margin-left: 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	text-align: center;
}

#content .downloads-page-card .download-featured-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 9px 0 0;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #aebbc3;
	font-size: 10px;
}

#content .downloads-page-card .download-featured-meta span {
	display: inline-block;
	margin: 2px 3px;
	padding: 3px 8px;
	background: rgba(9, 20, 27, .38);
	border: 1px solid #3b4e59;
	border-radius: 12px;
	line-height: 1.2;
}

#content .downloads-page-card .download-featured-meta i {
	margin-right: 4px;
	color: #d0a34d;
}

#content .downloads-page-card .download-featured-button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	min-width: 190px;
	padding: 12px 18px !important;
	border-color: #e0b247 !important;
	box-shadow: 0 0 0 1px rgba(231, 182, 62, .16), 0 7px 20px rgba(208, 163, 77, .24) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	-webkit-animation: download-cta-bounce 2.8s ease-in-out infinite;
	animation: download-cta-bounce 2.8s ease-in-out infinite;
}

#content .downloads-page-card .download-featured-button i {
	margin-right: 6px;
}

#content .downloads-page-card .download-featured-button:after {
	position: absolute;
	top: -45%;
	left: -42%;
	width: 18%;
	height: 190%;
	content: "";
	background: rgba(255, 235, 180, .18);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
	-webkit-animation: download-cta-shine 5.8s ease-in-out infinite;
	animation: download-cta-shine 5.8s ease-in-out infinite;
	pointer-events: none;
}

#content .downloads-page-card .download-featured-button:hover,
#content .downloads-page-card .download-featured-button:focus {
	box-shadow: 0 0 0 1px rgba(244, 198, 85, .28), 0 9px 27px rgba(208, 163, 77, .38) !important;
}

@-webkit-keyframes download-cta-bounce {
	0%, 68%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	76% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
	84% { -webkit-transform: translateY(0); transform: translateY(0); }
	90% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
}

@keyframes download-cta-bounce {
	0%, 68%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	76% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
	84% { -webkit-transform: translateY(0); transform: translateY(0); }
	90% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
}

@-webkit-keyframes download-cta-shine {
	0%, 64% { left: -42%; opacity: 0; }
	70% { opacity: .58; }
	84%, 100% { left: 122%; opacity: 0; }
}

@keyframes download-cta-shine {
	0%, 64% { left: -42%; opacity: 0; }
	70% { opacity: .58; }
	84%, 100% { left: 122%; opacity: 0; }
}

@-webkit-keyframes download-icon-pulse {
	0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	50% { opacity: .42; -webkit-transform: scale(.94); transform: scale(.94); }
}

@keyframes download-icon-pulse {
	0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	50% { opacity: .42; -webkit-transform: scale(.94); transform: scale(.94); }
}

@media (prefers-reduced-motion: reduce) {
	#content .downloads-page-card .download-featured-button,
	#content .downloads-page-card .download-featured-button:after,
	#content .downloads-page-card .download-featured-icon i {
		-webkit-animation: none;
		animation: none;
	}
}

#content .downloads-page-card .panel-downloads {
	margin-bottom: 16px !important;
	padding: 0 !important;
	background: rgba(12, 23, 31, .72) !important;
	border: 1px solid #2f424e !important;
	border-radius: 12px !important;
	overflow: hidden;
}

#content .downloads-page-card .panel-downloads .panel-body {
	padding: 0 !important;
}

#content .downloads-page-card .panel-downloads .panel-title {
	display: flex;
	min-height: 50px;
	margin: 0 !important;
	padding: 10px 16px !important;
	align-items: center;
	gap: 8px;
	color: #edf1f4 !important;
	background: #21313d !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

#content .downloads-page-card .download-section-emoji {
	display: inline-flex;
	width: 20px;
	align-items: center;
	justify-content: center;
	font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
	font-size: 15px;
	line-height: 1;
	text-align: center;
}

#content .downloads-page-card .panel-downloads .table {
	width: calc(100% - 32px) !important;
	margin: 10px 16px 12px !important;
	border-radius: 10px !important;
}

#content .downloads-page-card .panel-downloads .table td {
	padding: 10px 12px !important;
}

#content .downloads-page-card .panel-downloads .btn {
	min-height: 38px !important;
	padding: 8px 17px !important;
	font-size: 13px !important;
}

@media (max-width:767px) {
	#content .downloads-page-card .download-featured {
		display: block;
		min-height: 0;
		margin-bottom: 18px;
		padding: 20px 16px;
		text-align: center;
	}
	#content .downloads-page-card .download-featured-icon {
		width: 66px;
		height: 66px;
		margin: 0 auto 15px;
		font-size: 27px;
	}
	#content .downloads-page-card .download-featured-badge {
		position: static;
		margin: 0 auto 14px;
	}
	#content .downloads-page-card .download-featured-heading,
	#content .downloads-page-card .download-featured-benefits {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#content .downloads-page-card .download-featured-kicker { margin: 3px 8px 3px 0; }
	#content .downloads-page-card .download-featured h2 { font-size: 20px !important; }
	#content .downloads-page-card .download-featured p { margin-right: auto !important; margin-left: auto !important; }
	#content .downloads-page-card .download-featured-meta {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#content .downloads-page-card .download-featured-meta span { margin: 3px 4px; }
	#content .downloads-page-card .download-featured-benefits span { margin: 4px 8px; }
	#content .downloads-page-card .download-featured-action { margin: 17px 0 0; }
	#content .downloads-page-card .download-featured-button { width: 100%; min-width: 0; }
	#content .downloads-page-card .panel-downloads .panel-title {
		min-height: 48px;
		padding: 9px 13px !important;
		font-size: 14px !important;
	}
	#content .downloads-page-card .panel-downloads .table {
		width: calc(100% - 20px) !important;
		margin: 9px 10px 11px !important;
	}
}

/* Server information widget: full-width separators and restrained hover. */
#sidebar.exodus-sidebar .sidebar-info-card > .card-body {
	padding: 4px 0 !important;
}

#sidebar.exodus-sidebar .sidebar-info-card table tbody td:first-child {
	width: 42px !important;
	padding-right: 3px !important;
	padding-left: 12px !important;
}

#sidebar.exodus-sidebar .sidebar-info-card table tbody td:nth-child(2) {
	padding-left: 8px !important;
}

#sidebar.exodus-sidebar .sidebar-info-card table tbody tr,
#sidebar.exodus-sidebar .sidebar-info-card table tbody tr:hover {
	transform: none !important;
	box-shadow: none !important;
}

#sidebar.exodus-sidebar .sidebar-info-card table tbody tr:hover td {
	background: rgba(201, 154, 67, .055) !important;
}

/* UserCP pages share one shell with an integrated heading. */
#content .usercp-page-shell {
	padding: 0 24px 24px !important;
}

#content .usercp-page-shell > .page-title {
	display: flex;
	min-height: 92px;
	width: calc(100% + 48px);
	margin: 0 -24px 24px !important;
	padding: 20px 27px !important;
	align-items: center;
	color: #f2f3f3 !important;
	background: linear-gradient(90deg, rgba(201,154,67,.1), rgba(24,40,51,.74) 42%, rgba(19,34,44,.94)), #101c24 !important;
	border: 0 !important;
	border-bottom: 1px solid #30434f !important;
	border-left: 3px solid #d0a34d !important;
	border-radius: 0 !important;
	font-size: 31px !important;
}

#content .usercp-page-shell > .page-title > span { width: 100%; }

/* Buy Zen: replace its legacy black/blue cards with Exodus surfaces. */
#content .usercp-page-shell .buyzen-module {
	max-width: none;
}

#content .buyzen-module .buyzen-top {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(210px, 1fr);
	gap: 16px;
	margin: 0 0 16px !important;
}

#content .buyzen-module .buyzen-top > [class*="col-"] {
	width: 100%;
	padding: 0;
}

#content .buyzen-module .buyzen-box {
	margin: 0 0 16px;
	padding: 20px;
	color: #dce3e8;
	background: #121f28;
	border: 1px solid #30434f;
	border-radius: 11px;
	box-shadow: none;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#content .buyzen-module .buyzen-box:hover {
	transform: translateY(-2px);
	border-color: rgba(201,154,67,.48);
	box-shadow: 0 12px 26px rgba(0,0,0,.2);
}

#content .buyzen-module .buyzen-intro {
	min-height: 116px;
	border-left: 3px solid #d0a34d;
}

#content .buyzen-module .buyzen-intro h3,
#content .buyzen-module .buyzen-box-title {
	color: #edf1f4 !important;
}

#content .buyzen-module .buyzen-intro h3 {
	margin: 0 0 8px;
	font: 600 24px/1.2 Georgia, "Times New Roman", serif;
}

#content .buyzen-module .buyzen-intro p,
#content .buyzen-module .buyzen-help li,
#content .buyzen-module .buyzen-summary-row span {
	color: #96a6b0 !important;
}

#content .buyzen-module .buyzen-balance {
	min-height: 116px;
	margin-bottom: 0;
	background: linear-gradient(145deg, rgba(201,154,67,.09), #121f28);
	border-color: rgba(201,154,67,.38);
}

#content .buyzen-module .buyzen-label {
	color: #91a3af;
}

#content .buyzen-module .buyzen-balance-value {
	color: #e2ba61;
}

#content .buyzen-module .buyzen-balance-currency {
	color: #aeb9c1;
}

#content .buyzen-module .buyzen-panel,
#content .buyzen-module .buyzen-panel > .panel-body {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

#content .buyzen-module .buyzen-panel > .panel-body > .row {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
	gap: 16px;
	margin: 0;
}

#content .buyzen-module .buyzen-panel > .panel-body > .row > [class*="col-"] {
	width: 100%;
	padding: 0;
}

#content .buyzen-module .buyzen-box-title {
	margin: -20px -20px 18px;
	padding: 15px 18px;
	background: #1d2d38;
	border-bottom: 1px solid #30434f;
	border-left: 3px solid #d0a34d;
	border-radius: 10px 10px 0 0;
	font-size: 14px;
	letter-spacing: .7px;
	text-transform: uppercase;
}

#content .buyzen-module .form-control {
	height: 46px;
	color: #e2e8ec !important;
	background: #0c171f !important;
	border: 1px solid #344752 !important;
	border-radius: 9px !important;
}

#content .buyzen-module .form-control:focus {
	border-color: #b88a35 !important;
	box-shadow: 0 0 0 3px rgba(201,154,67,.12) !important;
}

#content .buyzen-module .buyzen-help {
	background: rgba(201,154,67,.055);
	border: 1px solid rgba(201,154,67,.22);
}

#content .buyzen-module .buyzen-summary-row {
	border-bottom-color: #2d3f49;
}

#content .buyzen-module .buyzen-summary-row strong {
	color: #e8edf0;
}

#content .buyzen-module .buyzen-btn {
	color: #17130d !important;
	background: linear-gradient(180deg,#d3a546,#b47d28) !important;
	border: 1px solid #e0b45b !important;
}

#content .buyzen-modal-box {
	color: #dce3e8;
	background: #121f28;
	border-color: #40515c;
}

@media (max-width:767px) {
	#content .usercp-page-shell { padding: 0 15px 18px !important; }
	#content .usercp-page-shell > .page-title {
		min-height: 76px;
		width: calc(100% + 30px);
		margin: 0 -15px 18px !important;
		padding: 17px 19px !important;
		font-size: 25px !important;
	}
	#content .buyzen-module .buyzen-top,
	#content .buyzen-module .buyzen-panel > .panel-body > .row {
		grid-template-columns: 1fr;
	}
}

/* Sidebar finishing pass: no loose separators and centered module headings. */
#sidebar.exodus-sidebar > hr {
	display: block !important;
	height: 1px !important;
	margin: 18px 0 !important;
	background: linear-gradient(90deg, transparent, #31424d 12%, #31424d 88%, transparent) !important;
	border: 0 !important;
	opacity: .72 !important;
}

#sidebar.exodus-sidebar .sidebar-module-card > .card-header {
	justify-content: center !important;
	gap: 8px !important;
	padding-right: 14px !important;
	padding-left: 14px !important;
	font-size: 11px !important;
	letter-spacing: 1.1px !important;
	text-align: center !important;
}

#sidebar.exodus-sidebar .sidebar-module-card > .card-header i {
	width: auto !important;
	font-size: 12px !important;
}

#sidebar.exodus-sidebar .sidebar-castle-owner strong,
#sidebar.exodus-sidebar .sidebar-castle-owner strong a {
	color: #56d692 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	text-shadow: 0 0 10px rgba(86, 214, 146, .18);
}

#sidebar.exodus-sidebar .sidebar-castle-owner span,
#sidebar.exodus-sidebar .sidebar-castle-owner span a {
	color: #d8b451 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	text-shadow: none;
}

/* Buy Zen controls: independent cards and explicit select affordance. */
#content .buyzen-module .buyzen-panel,
#content .buyzen-module .buyzen-panel:hover {
	transform: none !important;
	box-shadow: none !important;
	will-change: auto !important;
}

#content .buyzen-module .form-group {
	margin: 0 0 20px !important;
}

#content .buyzen-module .form-group + .form-group {
	margin-top: 4px !important;
}

#content .buyzen-module select.form-control {
	padding-right: 44px !important;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%23d9ad50' d='M1.4 1.2 7 6.8l5.6-5.6L14 2.6l-7 7-7-7z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 15px center !important;
	background-size: 12px 8px !important;
	cursor: pointer;
}

#content .buyzen-module .buyzen-box:hover {
	position: relative;
	z-index: 2;
}

/* Referral copy action keeps its absolute vertical centering on hover. */
#content .referral-input-wrap {
	position: relative;
}

#content .referral-copy-btn-inline,
#content .referral-copy-btn-inline:hover,
#content .referral-copy-btn-inline:focus,
#content .referral-copy-btn-inline:active {
	top: 50% !important;
	right: 6px !important;
	height: 34px !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	transform: translateY(-50%) !important;
	box-shadow: none !important;
}
/* =========================================================
   REFERRAL POINTS HUB
========================================================= */
#content .referral-hub { display:grid; gap:24px; }
#content .referral-hero,
#content .referral-panel,
#content .account-referral-widget {
	border:1px solid #2c4050;
	border-radius:18px;
	background:rgba(12,25,34,.96);
	box-shadow:0 18px 45px rgba(0,0,0,.18);
}
#content .referral-hero {
	display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:36px; padding:38px;
	border-color:rgba(218,168,60,.48);
	background:linear-gradient(120deg,rgba(218,168,60,.09),transparent 42%),linear-gradient(135deg,#111e27,#0b1720 70%,#172131);
}
.referral-eyebrow,.referral-panel-heading span { display:block; color:#e3b94e; font-size:12px; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; }
#content .referral-hero h1 { margin:12px 0; color:#f3f5f7; font:700 42px/1.08 Cinzel,serif; }
#content .referral-hero p { max-width:760px; margin:0; color:#9eacb8; font-size:16px; line-height:1.65; }
.referral-steps { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.referral-steps span { display:flex; align-items:center; gap:10px; min-width:180px; padding:11px 14px; border:1px solid #344957; border-radius:12px; background:rgba(4,13,19,.35); }
.referral-steps b { display:grid; place-items:center; width:30px; height:30px; border:1px solid #9b7726; border-radius:50%; color:#efc34f; }
.referral-steps em { color:#cbd3da; font-size:13px; font-style:normal; font-weight:700; }
.referral-wallet { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:240px; padding:24px; border:1px solid rgba(218,168,60,.48); border-radius:16px; background:rgba(7,15,21,.55); text-align:center; }
.referral-wallet>i { display:grid; place-items:center; width:64px; height:64px; margin-bottom:14px; border:1px solid #806522; border-radius:50%; color:#efc34f; font-size:25px; }
.referral-wallet small,.referral-wallet span { color:#98a5b0; font-size:11px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; }
.referral-wallet strong { margin:3px 0; color:#f1c75e; font:700 48px/1 Roboto,sans-serif; }
.referral-wallet div { width:100%; margin-top:18px; padding-top:16px; border-top:1px solid #2a3a45; color:#8795a1; font-size:12px; }
#content .referral-panel { overflow:hidden; padding:28px; }
.referral-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:-28px -28px 24px; padding:22px 28px; border-bottom:1px solid #304451; border-left:4px solid #d7a93a; background:linear-gradient(90deg,rgba(218,168,60,.09),rgba(28,47,60,.68)); }
#content .referral-panel-heading h2 { margin:4px 0 0; color:#ecf0f3; font:700 25px/1.2 Cinzel,serif; }
.referral-panel-heading>i { display:grid; place-items:center; width:48px; height:48px; border:1px solid #685522; border-radius:12px; color:#e7b944; font-size:20px; background:rgba(218,168,60,.07); }
.referral-link-control { display:flex; overflow:hidden; border:1px solid #40535f; border-radius:12px; background:#09131a; }
.referral-link-control input { flex:1; min-width:0; height:56px; padding:0 18px; border:0; outline:0; color:#dbe3e8; background:transparent; }
.referral-link-control button,.referral-reward-card button { border:1px solid #e4b64a; color:#111; background:linear-gradient(#ddb04a,#b77d20); font-weight:800; }
.referral-link-control button { min-width:170px; padding:0 20px; }
.referral-invite-panel>small { display:block; margin-top:10px; color:#83939e; }
.referral-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.referral-summary-grid>div { position:relative; min-height:125px; padding:22px 22px 20px 76px; border:1px solid #304450; border-radius:15px; background:#101d26; transition:.22s ease; }
.referral-summary-grid>div:hover,.referral-milestone:hover,.referral-reward-card:hover { transform:translateY(-3px); border-color:#856a2a; }
.referral-summary-grid i { position:absolute; left:22px; top:28px; color:#e0b345; font-size:28px; }
.referral-summary-grid span { display:block; color:#82929e; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.referral-summary-grid strong { display:block; margin-top:7px; color:#eef2f4; font-size:28px; }
.referral-milestones { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.referral-milestone { padding:18px 14px; border:1px solid #30434f; border-radius:13px; background:#0e1a22; text-align:center; transition:.22s ease; }
.referral-milestone span,.referral-milestone em { display:block; color:#8999a5; font-size:11px; font-style:normal; text-transform:uppercase; }
.referral-milestone strong { display:block; margin:8px 0; color:#edf1f4; font-size:18px; }
.referral-milestone em { color:#e1b347; font-weight:800; }
.referral-modern-table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #30434f; border-radius:13px; color:#c9d1d7; }
.referral-modern-table th { padding:15px 17px; color:#e8edf0; background:#20313d; font-size:12px; letter-spacing:.6px; text-transform:uppercase; }
.referral-modern-table td { padding:15px 17px; border-top:1px solid #293c47; background:#111e27; vertical-align:middle; }
.referral-modern-table tbody tr:hover td { background:#172630; }
.referral-modern-table td small { display:block; margin-top:4px; color:#758691; }
.ref-progress { width:180px; max-width:100%; height:8px; overflow:hidden; border-radius:20px; background:#24343e; }
.ref-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#b57d22,#e2b84e); }
.ref-points { color:#ebbd4d; font-weight:800; }
.ref-points.is-negative { color:#e66d74; }
.ref-status { display:inline-flex; padding:5px 9px; border:1px solid #41535e; border-radius:99px; font-size:11px; font-weight:800; }
.ref-status.is-complete { color:#54d797; border-color:#237a55; background:#0d3529; }
.ref-status.is-progress { color:#ebbd4d; border-color:#755d24; background:#2b2515; }
.ref-status.is-invalid { color:#ed7b82; border-color:#71343a; background:#2e171c; }
.referral-reward-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
.referral-reward-card { padding:24px; border:1px solid #30434f; border-radius:15px; background:#0e1a22; transition:.22s ease; }
.referral-reward-card>i { color:#e2b447; font-size:28px; }.referral-reward-card>small { float:right; color:#82919c; font-weight:800; letter-spacing:1px; }
.referral-reward-card h3 { clear:both; margin:20px 0; color:#eef2f4; font-size:21px; }.referral-reward-card>div { display:flex; justify-content:space-between; padding-top:16px; border-top:1px solid #293b46; color:#8f9da7; }.referral-reward-card>div strong { color:#ebbd4d; }
.referral-reward-card button { width:100%; margin-top:18px; padding:12px; border-radius:10px; }.referral-reward-card button:disabled { border-color:#34444d; color:#64737d; background:#17232b; }
.referral-empty-state { display:flex; min-height:150px; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#7e8d98; }.referral-empty-state i { color:#dbae41; font-size:28px; }.referral-empty-state strong { color:#d8dfe4; }

#content .account-referral-widget { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:20px; margin:0 0 24px; padding:20px 24px; border-color:rgba(218,168,60,.45); color:inherit; text-decoration:none; background:linear-gradient(100deg,rgba(218,168,60,.08),rgba(14,29,39,.96)); transition:.22s ease; }
#content .account-referral-widget:hover { transform:translateY(-3px); border-color:#d2a53d; }
.account-referral-icon { display:grid; place-items:center; width:58px; height:58px; border:1px solid #806424; border-radius:14px; color:#e9ba48; font-size:23px; }
.account-referral-copy small,.account-referral-copy strong,.account-referral-copy em { display:block; }.account-referral-copy small { color:#dbae41; font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; }.account-referral-copy strong { margin:4px 0; color:#f1f3f5; font-size:20px; }.account-referral-copy em { color:#8999a5; font-size:13px; font-style:normal; }
.account-referral-metrics { display:flex; gap:12px; }.account-referral-metrics>span { min-width:90px; padding:9px 12px; border:1px solid #344954; border-radius:11px; text-align:center; }.account-referral-metrics small { display:block; color:#81919d; font-size:9px; font-weight:800; text-transform:uppercase; }.account-referral-metrics b { color:#e8bb4c; font-size:18px; }.account-referral-arrow { color:#ddb043; }

@media(max-width:991px){#content .referral-hero{grid-template-columns:1fr}.referral-summary-grid{grid-template-columns:repeat(2,1fr)}.referral-milestones{grid-template-columns:repeat(3,1fr)}#content .account-referral-widget{grid-template-columns:auto 1fr auto}.account-referral-metrics{grid-column:1/-1}.account-referral-arrow{grid-column:3;grid-row:1}}
@media(max-width:575px){#content .referral-hero,#content .referral-panel{padding:20px}#content .referral-hero h1{font-size:30px}.referral-panel-heading{margin:-20px -20px 20px;padding:18px 20px}.referral-summary-grid,.referral-milestones{grid-template-columns:1fr}.referral-link-control{display:block;border:0;background:transparent}.referral-link-control input{width:100%;border:1px solid #40535f;border-radius:10px;background:#09131a}.referral-link-control button{width:100%;height:48px;margin-top:10px;border-radius:10px}.account-referral-metrics{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.account-referral-copy em{display:none}}

/* Referral hub — identidad MU Exodus */
#content .referral-exodus-hero { grid-template-columns:minmax(0,1fr) 250px; min-height:0; padding:34px; background:linear-gradient(105deg,rgba(218,168,60,.09),rgba(13,29,39,.98) 45%,rgba(16,45,83,.9)); }
#content .referral-exodus-hero h1 { margin:10px 0 8px; font-size:38px; }
.referral-hero-rule { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; color:#c6d0d7; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; }
.referral-hero-rule i { color:#e4b744; }.referral-hero-rule .fa-arrow-right { color:#536571; font-size:10px; }
#content .referral-exodus-hero .referral-wallet { min-height:170px; padding:18px; border-radius:13px; }
#content .referral-exodus-hero .referral-wallet>i { width:48px; height:48px; margin-bottom:8px; font-size:19px; }
#content .referral-exodus-hero .referral-wallet strong { font-size:38px; }
.referral-milestone-track { position:relative; }
.referral-milestone-track:before { content:""; position:absolute; top:50%; right:5%; left:5%; height:1px; background:#6c5520; opacity:.55; }
.referral-milestone-track .referral-milestone { position:relative; background:#0d1921; }
.referral-table-tools { display:grid; grid-template-columns:minmax(240px,1fr) 210px auto auto; gap:10px; margin-bottom:18px; }
.referral-search { display:flex; align-items:center; min-width:0; border:1px solid #344955; border-radius:10px; background:#09131a; }
.referral-search i { padding-left:15px; color:#d9ac3f; }.referral-search input { width:100%; height:46px; padding:0 14px; border:0; outline:0; color:#dbe2e7; background:transparent; }
.referral-table-tools select { height:46px; padding:0 13px; border:1px solid #344955; border-radius:10px; color:#d0d8de; background:#0b161d; }
.referral-table-tools button,.referral-table-tools>a { display:flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border:1px solid #b98a29; border-radius:10px; color:#121212; background:linear-gradient(#ddb04a,#ba8225); font-weight:800; text-decoration:none; }
.referral-table-tools>a { color:#dcb34c; background:transparent; }
.referral-pagination { display:flex; justify-content:center; gap:7px; margin-top:18px; }.referral-pagination a { display:grid; place-items:center; min-width:38px; height:38px; border:1px solid #344955; border-radius:9px; color:#c8d1d7; background:#0e1a22; text-decoration:none; }.referral-pagination a:hover,.referral-pagination a.is-active { border-color:#d3a63c; color:#111; background:#d3a13a; }
@media(max-width:991px){#content .referral-exodus-hero{grid-template-columns:1fr}.referral-table-tools{grid-template-columns:1fr 1fr}.referral-table-tools .referral-search{grid-column:1/-1}}
@media(max-width:575px){.referral-hero-rule{display:grid;grid-template-columns:auto 1fr}.referral-hero-rule .fa-arrow-right{display:none}.referral-table-tools{display:flex;flex-direction:column}.referral-milestone-track:before{display:none}}

/* Referral hero and counters — MU Exodus dark-gold identity */
#content .referral-exodus-hero {
	position:relative;
	border-color:rgba(188,143,42,.66);
	background:
		radial-gradient(circle at 10% 35%,rgba(184,132,37,.11),transparent 31%),
		linear-gradient(110deg,#101b1b 0%,#0d1c24 52%,#101d27 100%);
}
#content .referral-exodus-hero:before {
	content:"";
	position:absolute;
	top:24px;
	bottom:24px;
	left:0;
	width:3px;
	border-radius:0 4px 4px 0;
	background:linear-gradient(transparent,#e2b240,transparent);
}
#content .referral-exodus-hero .referral-wallet {
	border-color:rgba(207,158,46,.58);
	background:linear-gradient(145deg,rgba(12,23,29,.96),rgba(8,17,23,.88));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 35px rgba(0,0,0,.18);
}
#content .referral-exodus-hero .referral-wallet div { color:#84939e; }
#content .referral-exodus-hero .referral-wallet div b { color:#e9bb4b; font-weight:800; }
.referral-summary-grid { gap:16px; }
.referral-summary-grid>div {
	display:flex;
	min-height:145px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:7px;
	padding:20px;
	overflow:hidden;
	text-align:center;
	background:linear-gradient(155deg,#12212a,#0d1921);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12);
}
.referral-summary-grid>div:before {
	content:"";
	position:absolute;
	top:0;
	right:22%;
	left:22%;
	height:2px;
	border-radius:0 0 4px 4px;
	background:#d9aa3c;
	box-shadow:0 0 14px rgba(217,170,60,.28);
}
.referral-summary-grid>div:nth-child(2):before { background:#49c98b; box-shadow:0 0 14px rgba(73,201,139,.25); }
.referral-summary-grid>div:nth-child(3):before { background:#d79745; }
.referral-summary-grid>div:nth-child(4):before { background:#d9b653; }
.referral-summary-grid i {
	position:static;
	display:grid;
	place-items:center;
	width:48px;
	height:48px;
	margin-bottom:2px;
	border:1px solid rgba(217,170,60,.32);
	border-radius:50%;
	background:rgba(217,170,60,.07);
	font-size:21px;
}
.referral-summary-grid>div:nth-child(2) i { color:#55d095; border-color:rgba(85,208,149,.3); background:rgba(85,208,149,.07); }
.referral-summary-grid span { font-size:11px; letter-spacing:1.4px; }
.referral-summary-grid strong { margin:0; font-size:31px; line-height:1; }
.referral-summary-grid>div:hover { transform:translateY(-4px); box-shadow:0 15px 30px rgba(0,0,0,.22),0 0 0 1px rgba(218,168,60,.14); }
@media(max-width:575px){.referral-summary-grid>div{min-height:125px}}
/* King of MU recognition widget */
.sidebar-king-widget{overflow:hidden;border:1px solid #344752!important;background:linear-gradient(155deg,#16242e,#0e171e)!important;border-radius:14px!important}.sidebar-king-widget .card-header{padding:15px!important;background:#1c2d38!important;border-bottom:1px solid #3a4c57!important;border-left:3px solid #d9a632!important;color:#e9eef1!important;text-align:center!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sidebar-king-widget .card-header i{margin-right:7px;color:#e0b84f}.sidebar-king-widget .card-body{padding:16px!important}.sidebar-king-owner{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;padding:13px;background:#101a21;border:1px solid #31414d;border-radius:11px}.sidebar-king-mark{display:flex;width:90px;height:90px;align-items:center;justify-content:center;background:#080c0f;border:1px solid #394b56;border-radius:10px;overflow:hidden}.sidebar-king-mark img{width:82px!important;height:82px!important;object-fit:contain;image-rendering:pixelated}.sidebar-king-owner>div:last-child{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center}.sidebar-king-owner small{display:block;color:#d7a83f;font-size:8px;font-weight:800;letter-spacing:.11em}.sidebar-king-owner strong,.sidebar-king-owner strong a{display:block;max-width:100%;overflow:hidden;color:#fff!important;font-size:21px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.sidebar-king-owner span,.sidebar-king-owner span a{color:#d8b451!important;font-size:11px;font-weight:800;text-decoration:none}.sidebar-king-reign{display:grid;grid-template-columns:1.4fr .8fr;gap:10px;margin-top:11px}.sidebar-king-reign>div{padding:10px 7px;background:#111c24;border:1px solid #2e3e49;border-radius:9px;text-align:center}.sidebar-king-reign i{display:block;margin-bottom:4px;color:#d9aa42}.sidebar-king-reign small{display:block;color:#7e8e9a;font-size:7px;font-weight:800;letter-spacing:.08em}.sidebar-king-reign strong{display:block;margin-top:3px;color:#dce4e9;font-size:9px;line-height:1.3}
#sidebar .sidebar-king-widget>.card-body,#sidebar.exodus-sidebar .sidebar-king-widget>.card-body{padding:16px!important}.sidebar-king-reign{margin-top:14px;margin-bottom:1px;gap:12px}.sidebar-king-reign>div{display:flex;min-height:67px;align-items:center;justify-content:center;flex-direction:column;padding:10px 9px}
/* Compact progress cell for the sidebar Top General. */
.sidebar-general-progress{display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.2}.sidebar-general-progress b{color:#e1bb62;font-size:10px}.sidebar-general-progress small{margin-top:3px;color:#82949e;font-size:8px;white-space:nowrap}