/* Avroramu theme overrides - keep Bootstrap/forms consistent with theme */
:root {
	--bg-panel: #1e1238;
	--panel-border: rgba(157, 77, 255, 0.4);
	--accent-purple: #6a00ff;
	--text-main: #e6dcff;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: none !important;
}

a:focus,
a:hover {
	text-decoration: none !important;
}

.form-control {
	background: rgba(30, 18, 56, 0.9);
	border: 1px solid var(--panel-border);
	color: var(--text-main);
}
.form-control:focus {
	border-color: var(--accent-purple);
	box-shadow: 0 0 12px rgba(106, 0, 255, 0.35);
	outline: none;
}

/* Referral System (usercp/referral) readability + theme alignment */
.referral-system-page .referral-link-input {
	background: rgba(22, 12, 46, 0.96) !important;
	border: 1px solid rgba(157, 77, 255, 0.55) !important;
	color: #f3ecff !important;
	-webkit-text-fill-color: #f3ecff !important;
	font-weight: 600;
}

.referral-system-page .referral-link-input[readonly] {
	opacity: 1 !important;
	cursor: text;
}

.referral-system-page .referral-link-input:focus {
	border-color: rgba(182, 118, 255, 0.95) !important;
	box-shadow: 0 0 0 3px rgba(157, 77, 255, 0.2) !important;
}

.referral-system-page .referral-list-table {
	background: rgba(18, 11, 39, 0.66);
	border: 1px solid rgba(157, 77, 255, 0.3);
	border-radius: 10px;
	overflow: hidden;
}

.referral-system-page .referral-list-table > thead > tr > th,
.referral-system-page .referral-list-table > tbody > tr > td {
	color: #e8dcff !important;
}

.referral-system-page .alert-warning {
	background: rgba(255, 219, 120, 0.12) !important;
	border: 1px solid rgba(255, 194, 89, 0.5) !important;
	color: #ffe2a8 !important;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.thumbnail {
	background: var(--bg-panel);
	border: 1px solid var(--panel-border);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: var(--accent-purple);
}

.form-horizontal .control-label {
	text-align: left !important;
}

/* Force theme over Bootstrap panel defaults */
.panel-default > .panel-heading {
	background: rgba(26, 16, 51, 0.92) !important;
	border-color: var(--panel-border) !important;
	color: var(--text-heading) !important;
}

.panel-default > .panel-body {
	background: transparent !important;
	color: var(--text-main) !important;
	border-color: var(--panel-border) !important;
}

.panel-default {
	background: rgba(20, 12, 42, 0.72) !important;
	border-color: var(--panel-border) !important;
	border-radius: 10px !important;
}

/* Home layout: keep Bootstrap/default container flow (no flex forcing) */
.home-page-mode .site-main-shell {
	width: calc(100% - 120px);
	max-width: 1360px;
	margin: 350px auto 100px;
	border: 1px solid rgba(157, 77, 255, 0.45);
	border-radius: 10px;
	background: rgba(22, 14, 44, 0.66);
	box-shadow: 0 0 32px rgba(157, 77, 255, 0.2), 0 8px 32px rgba(15, 10, 31, 0.45);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.home-page-mode #container {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.home-page-mode .footer {
	width: 100%;
	max-width: none;
	margin: 0;
	border: 0;
	border-top: 1px solid rgba(157, 77, 255, 0.35);
	border-radius: 0;
	box-shadow: none;
	background: transparent !important;
}

/* Keep footer width aligned with wide rankings container (character/guilds/weekly). */
body.rankings-wide-footer-mode .footer {
	width: calc(100% - 80px) !important;
	max-width: 1520px !important;
}

.home-page-mode .home-top-row,
.home-page-mode .home-three-panels {
	display: block !important;
}

.home-page-mode .home-top-row::before,
.home-page-mode .home-top-row::after,
.home-page-mode .home-three-panels::before,
.home-page-mode .home-three-panels::after {
	content: " ";
	display: table;
}

.home-page-mode .home-top-row::after,
.home-page-mode .home-three-panels::after {
	clear: both;
}

.home-page-mode .home-top-row > [class*="col-"],
.home-page-mode .home-three-panels > [class*="col-"] {
	display: block !important;
	float: left;
}

.home-page-mode .home-top-row .home-top-primary-panel,
.home-page-mode .home-three-panels .panel-sidebar,
.home-page-mode .home-three-panels .panel-sidebar .panel-body {
	min-height: 0 !important;
	height: auto !important;
	flex: initial !important;
}

/* Make the lower castle panel border align with footer/container width */
.home-page-mode .home-castle-widget-wrap {
	margin-left: -20px;
	margin-right: -20px;
}

.home-page-mode .home-castle-widget-wrap > .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

/* Home countdown card */
.home-page-mode #content {
	overflow: visible;
	position: relative;
}

.home-countdown-wrap {
	position: absolute;
	top: -146px;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 60;
	pointer-events: none;
}

.home-countdown-card {
	position: relative;
	width: min(560px, calc(100% - 40px));
	margin: 0 auto;
	border-radius: 12px;
	border: 1px solid rgba(157, 77, 255, 0.4);
	background: rgba(24, 15, 46, 0.62);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
	color: var(--text-main);
	text-align: center;
	padding: 10px 14px;
	pointer-events: auto;
}

.home-countdown-card:before {
	display: none;
}

.home-countdown-title {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 0 8px;
	color: rgba(233, 223, 255, 0.9);
}

.home-countdown-title:after {
	display: none;
}

.home-countdown-metrics {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0 0 8px;
}

.home-countdown-unit {
	min-width: 68px;
	padding-right: 12px;
	border-right: 1px solid rgba(196, 160, 255, 0.25);
}

.home-countdown-unit:not(:last-child):after {
	display: none;
}

.home-countdown-unit:last-child {
	padding-right: 0;
	border-right: 0;
}

.home-countdown-value {
	font-size: 26px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: #f5efff;
}

.home-countdown-label {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: rgba(225, 206, 255, 0.78);
	margin-top: 2px;
}

.home-countdown-subtext {
	display: block;
	margin-top: 2px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(227, 209, 255, 0.72);
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

@media (max-width: 991px) {
	.home-page-mode .site-main-shell {
		width: 100%;
		max-width: 100%;
		margin: 0 0 32px;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}

	.home-countdown-wrap {
		top: -134px;
	}

	.home-countdown-card {
		width: min(500px, calc(100% - 24px));
	}

	.home-countdown-title {
		font-size: 10px;
	}

	.home-countdown-value {
		font-size: 22px;
	}

	.home-countdown-label {
		font-size: 9px;
	}

	.home-countdown-subtext {
		font-size: 9px;
	}
}

@media (max-width: 640px) {
	.home-countdown-wrap {
		top: -120px;
	}

	.home-countdown-card {
		width: calc(100% - 12px);
		padding: 9px 10px;
	}

	.home-countdown-title {
		font-size: 9px;
		margin-bottom: 6px;
	}

	.home-countdown-metrics {
		gap: 8px;
		flex-wrap: wrap;
	}

	.home-countdown-unit {
		min-width: 58px;
		padding-right: 8px;
	}

	.home-countdown-value {
		font-size: 20px;
	}

	.home-countdown-label {
		font-size: 8px;
	}

	.home-countdown-subtext {
		font-size: 8px;
	}
}

/* Green-gold theme sync with hero image */
:root {
	--bg-main: #08110c;
	--bg-panel: #102019;
	--bg-dark: #0c1712;
	--panel-border: rgba(146, 200, 72, 0.34);
	--accent-purple: #d9b437;
	--glow-purple: #8ddc39;
	--accent-cyan: #43c6a0;
	--text-main: #edf3dd;
	--text-heading: #fff4bf;
	--gold-accent: #f0c84b;
	--panel-glow: rgba(240, 200, 75, 0.22);
	--panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.58);
}

body,
body.news-focus-mode,
body.rankings-focus-mode,
body.profile-focus-mode,
body.login-fullscreen-mode {
	background-color: #08110c !important;
	color: var(--text-main) !important;
}

a:hover,
a:focus {
	color: #f0d461 !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.28) !important;
}

#header::before {
	background: radial-gradient(ellipse at center, rgba(141, 220, 57, 0.2) 0%, rgba(240, 200, 75, 0.12) 35%, transparent 72%) !important;
}

#container,
.home-page-mode .site-main-shell,
.panel-default,
.thumbnail,
.home-countdown-card,
.dropdown-menu,
.panel,
.box-style1,
.box-style2 {
	background: linear-gradient(180deg, rgba(15, 30, 22, 0.92) 0%, rgba(9, 18, 13, 0.95) 100%) !important;
	border-color: rgba(146, 200, 72, 0.34) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, 0.42), 0 0 24px rgba(240, 200, 75, 0.12) !important;
	color: var(--text-main) !important;
}

.panel-heading,
body .panel-heading,
.panel-default > .panel-heading,
.panel-sidebar > .panel-heading,
body.userpanel-dashboard-mode .panel-usercp .panel-heading,
.panel-news .panel-heading,
.castle-owner-widget .panel-heading,
.home-castle-widget-wrap .castle-owner-widget .panel-heading {
	background: linear-gradient(180deg, rgba(31, 61, 32, 0.95) 0%, rgba(18, 37, 20, 0.98) 100%) !important;
	border-color: rgba(178, 224, 88, 0.38) !important;
	color: var(--text-heading) !important;
	text-shadow: 0 0 10px rgba(141, 220, 57, 0.22) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.06) !important;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=url],
select,
textarea,
.form-control,
.webengine-language-switcher .lang-trigger-btn {
	background: rgba(14, 27, 20, 0.92) !important;
	border: 1px solid rgba(146, 200, 72, 0.36) !important;
	color: var(--text-main) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.04) !important;
}

input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
textarea::placeholder,
.form-control::placeholder {
	color: rgba(192, 225, 133, 0.68) !important;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
select:focus,
textarea:focus,
.form-control:focus,
.webengine-language-switcher .lang-trigger-btn:hover,
.webengine-language-switcher.lang-dropdown-open .lang-trigger-btn {
	border-color: rgba(240, 200, 75, 0.85) !important;
	box-shadow: 0 0 0 3px rgba(141, 220, 57, 0.12), 0 0 18px rgba(240, 200, 75, 0.18) !important;
	outline: none !important;
}

.btn,
button[type=submit],
input[type=submit],
.btn-primary,
.login-submit-btn,
.dashboard-nav-btn,
.news-switch-btn,
.rankings-mode-btn,
.vip-package-btn,
.vip-confirm-btn,
.myaccount-action-btn,
.home-news-more-btn,
.header-notify-btn,
.home-castle-widget-wrap .castle-owner-widget .btn-castlewidget {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border: 1px solid #f0d36a !important;
	color: #17160a !important;
	text-shadow: none !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), 0 0 16px rgba(240, 200, 75, 0.18) !important;
}

.btn:hover,
.btn:focus,
.btn:active,
button[type=submit]:hover,
button[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.btn-primary:hover,
.btn-primary:focus,
.login-submit-btn:hover,
.dashboard-nav-btn:hover,
.news-switch-btn:hover,
.news-switch-btn.active,
.rankings-mode-btn:hover,
.rankings-mode-btn.active,
.vip-package-btn:hover,
.vip-confirm-btn:hover,
.myaccount-action-btn:hover,
.home-news-more-btn:hover,
.header-notify-btn:hover,
.header-notify-btn:focus,
.home-castle-widget-wrap .castle-owner-widget .btn-castlewidget:hover {
	background: linear-gradient(180deg, #f1d35d 0%, #bf9321 100%) !important;
	border-color: #fff1a7 !important;
	color: #121107 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34), 0 0 22px rgba(240, 200, 75, 0.28) !important;
	transform: translateY(-1px);
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.pagination > .active > a,
.pagination > .active > span {
	background: linear-gradient(180deg, rgba(36, 72, 30, 0.95) 0%, rgba(22, 45, 18, 0.98) 100%) !important;
	border-color: rgba(201, 230, 126, 0.42) !important;
	color: #fff3b8 !important;
	box-shadow: 0 0 16px rgba(141, 220, 57, 0.16) !important;
}

.table,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	color: var(--text-main) !important;
	border-color: rgba(146, 200, 72, 0.14) !important;
}

.table > thead > tr > th,
.s6vote-table > thead > tr > th,
.info-page .table > thead > tr > th {
	background: linear-gradient(180deg, rgba(26, 54, 28, 0.94) 0%, rgba(17, 34, 19, 0.98) 100%) !important;
	color: #fff2b2 !important;
	border-bottom: 1px solid rgba(194, 226, 108, 0.35) !important;
	text-shadow: 0 0 8px rgba(240, 200, 75, 0.16) !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.s6vote-table.table-hover > tbody > tr:hover > td,
.s6vote-table.table-hover > tbody > tr:hover > th,
.info-page .table-hover > tbody > tr:hover > td,
.info-page .table-hover > tbody > tr:hover > th {
	background: rgba(42, 78, 34, 0.24) !important;
}

.label,
.badge,
.news-type-badge,
.news-new-badge,
.rankings-guild-featured-badge,
.home-news-block-article .home-news-block-article-tag-notice,
.home-news-block-article .home-news-block-article-tag-news,
.home-news-block-article .home-news-block-article-tag-changelog,
.home-news-block-article .home-news-block-article-tag-update {
	background: linear-gradient(180deg, rgba(36, 72, 30, 0.9) 0%, rgba(22, 45, 18, 0.92) 100%) !important;
	border: 1px solid rgba(194, 226, 108, 0.42) !important;
	color: #fff0b0 !important;
	box-shadow: 0 0 12px rgba(141, 220, 57, 0.12) !important;
}

.news-type-badge-update,
.home-news-block-article .home-news-block-article-tag-update,
.news-type-badge-notice,
.home-news-block-article .home-news-block-article-tag-notice {
	background: linear-gradient(180deg, rgba(111, 86, 18, 0.92) 0%, rgba(79, 60, 12, 0.95) 100%) !important;
	border-color: rgba(240, 210, 110, 0.42) !important;
	color: #fff0b0 !important;
}

.header-notify-badge,
.news-new-badge-corner,
.news-new-badge-corner-detail {
	background: linear-gradient(180deg, #92df3e 0%, #5ca51f 100%) !important;
	border-color: rgba(220, 247, 154, 0.65) !important;
	color: #091006 !important;
	box-shadow: 0 0 16px rgba(141, 220, 57, 0.3) !important;
}

.profiles_guild_card,
.profiles_guild_card_rework .guild_logo img,
.profile-player-focus-mode .profiles_player_card,
.profile-player-focus-mode .profiles-player-side-card,
.profile-player-focus-mode .profiles-player-panel,
.profile-player-focus-mode .profiles-player-hero,
.profiles_guild_card_rework .guild-meta-item {
	border-color: rgba(146, 200, 72, 0.34) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.42), 0 0 22px rgba(240, 200, 75, 0.12) !important;
	color: var(--text-main) !important;
}

.profiles_guild_card::before,
.profile-player-focus-mode .profiles-player-hero::before,
.profile-player-focus-mode .profiles_player_card::before {
	background: linear-gradient(120deg, rgba(7, 17, 12, 0.84) 0%, rgba(17, 38, 24, 0.78) 54%, rgba(86, 67, 11, 0.28) 100%) !important;
}

.home-countdown-title,
.home-countdown-value,
.home-news-block-title,
.rankings-level-hero-line1,
.rankings-level-hero-line2,
.guild_name,
.guild_members,
.profiles-player-hero-name,
.profiles-player-hero-class {
	color: #fff3b8 !important;
	text-shadow: 0 0 14px rgba(240, 200, 75, 0.18) !important;
}

.home-countdown-label,
.home-countdown-subtext,
.profiles-player-hero-status,
.home-news-block-subtitle,
.rankings-level-menu-note {
	color: rgba(219, 232, 184, 0.84) !important;
}

.referral-system-page .alert-warning,
.alert-warning {
	background: rgba(111, 86, 18, 0.18) !important;
	border-color: rgba(240, 210, 110, 0.42) !important;
	color: #ffe9a3 !important;
}

.text-success,
.panel-sidebar .table tr td[style*="color:#00aa00"],
.castle-widget-registered-badge-giveup.is-no .castle-widget-registered-badge-label,
.castle-widget-registered-badge-giveup.is-no .castle-widget-registered-badge-value {
	color: #a8ef58 !important;
	text-shadow: 0 0 10px rgba(141, 220, 57, 0.22) !important;
}

.text-info,
.news-type-badge-news,
.home-news-block-article .home-news-block-article-tag-news {
	color: #c8ffe9 !important;
	border-color: rgba(67, 198, 160, 0.42) !important;
	background: linear-gradient(180deg, rgba(17, 72, 58, 0.92) 0%, rgba(11, 45, 36, 0.95) 100%) !important;
}

.text-danger,
.castle-widget-registered-badge-giveup.is-yes .castle-widget-registered-badge-label,
.castle-widget-registered-badge-giveup.is-yes .castle-widget-registered-badge-value {
	color: #ffb989 !important;
}

body.userpanel-dashboard-mode {
	background-color: #050807 !important;
	color: var(--text-main) !important;
}

body.userpanel-dashboard-mode #navbar {
	background: linear-gradient(180deg, rgba(12, 15, 12, 0.98) 0%, rgba(5, 8, 7, 0.98) 100%) !important;
	border-bottom-color: rgba(240, 200, 75, 0.22) !important;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.42), 0 0 18px rgba(240, 200, 75, 0.08) !important;
}

body.userpanel-dashboard-mode #container {
	background:
		radial-gradient(circle at 86% 12%, rgba(240, 200, 75, 0.12) 0%, transparent 26%),
		radial-gradient(circle at 14% 88%, rgba(67, 198, 160, 0.06) 0%, transparent 28%),
		linear-gradient(180deg, #080d0a 0%, #030605 100%) !important;
}

body.userpanel-dashboard-mode .userpanel-content-wrap {
	background: linear-gradient(180deg, rgba(9, 15, 11, 0.94) 0%, rgba(4, 8, 6, 0.98) 100%) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.42), 0 0 20px rgba(240, 200, 75, 0.07) !important;
}

body.userpanel-dashboard-mode .page-title span,
body.userpanel-dashboard-mode h1,
body.userpanel-dashboard-mode h2,
body.userpanel-dashboard-mode h3,
body.userpanel-dashboard-mode h4 {
	color: var(--text-heading) !important;
	text-shadow: 0 0 14px rgba(240, 200, 75, 0.14);
}

body.userpanel-dashboard-mode .panel-usercp,
body.userpanel-dashboard-mode .panel-default,
body.userpanel-dashboard-mode .panel,
body.userpanel-dashboard-mode .panel-addstats,
body.userpanel-dashboard-mode .panel-general {
	background: linear-gradient(180deg, rgba(11, 18, 13, 0.96) 0%, rgba(5, 10, 7, 0.98) 100%) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.38), 0 0 14px rgba(240, 200, 75, 0.06), inset 0 1px 0 rgba(255, 243, 191, 0.05) !important;
}

body.userpanel-dashboard-mode .panel-usercp .panel-heading,
body.userpanel-dashboard-mode .panel-default > .panel-heading,
body.userpanel-dashboard-mode .panel > .panel-heading,
body.userpanel-dashboard-mode .panel-addstats > .panel-heading {
	background: linear-gradient(180deg, rgba(40, 36, 20, 0.92) 0%, rgba(14, 19, 13, 0.98) 100%) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.24) !important;
	color: var(--text-heading) !important;
}

body.userpanel-dashboard-mode .panel-title,
body.userpanel-dashboard-mode .panel-title a {
	color: var(--text-heading) !important;
	text-shadow: none !important;
}

body.userpanel-dashboard-mode .panel-body,
body.userpanel-dashboard-mode .panel-body p,
body.userpanel-dashboard-mode .panel-body li,
body.userpanel-dashboard-mode .panel-body span,
body.userpanel-dashboard-mode .panel-body label,
body.userpanel-dashboard-mode .text-muted {
	color: #e6eed1 !important;
}

body.userpanel-dashboard-mode a,
body.userpanel-dashboard-mode .panel-body a {
	color: #fff0ae;
}

body.userpanel-dashboard-mode a:hover,
body.userpanel-dashboard-mode .panel-body a:hover {
	color: #fff7cc !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.2) !important;
}

body.userpanel-dashboard-mode .panel-usercp ul li {
	border-bottom-color: rgba(240, 200, 75, 0.12) !important;
	position: relative;
	margin-bottom: 6px;
	padding: 4px 8px 4px 4px;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.userpanel-dashboard-mode .panel-usercp ul li::before {
	content: "";
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

body.userpanel-dashboard-mode .panel-usercp ul li::before {
	inset: 0;
	border-radius: inherit;
	background:
		radial-gradient(circle at 12% 50%, rgba(141, 220, 57, 0.14) 0%, transparent 44%),
		linear-gradient(90deg, rgba(240, 200, 75, 0.13), rgba(240, 200, 75, 0.02) 62%, transparent);
}

body.userpanel-dashboard-mode .panel-usercp ul li::after {
	display: none !important;
	content: none !important;
}

body.userpanel-dashboard-mode .panel-usercp ul li:hover,
body.userpanel-dashboard-mode .panel-usercp ul li:focus-within {
	transform: translateX(3px);
	background: linear-gradient(90deg, rgba(22, 34, 18, 0.78), rgba(6, 11, 7, 0.38)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.06), 0 0 16px rgba(240, 200, 75, 0.09);
}

body.userpanel-dashboard-mode .panel-usercp ul li:hover::before,
body.userpanel-dashboard-mode .panel-usercp ul li:focus-within::before {
	opacity: 1;
}

body.userpanel-dashboard-mode .panel-usercp ul li img {
	position: relative;
	z-index: 1;
	transition: transform 0.22s ease, filter 0.22s ease, box-shadow 0.22s ease;
}

body.userpanel-dashboard-mode .panel-usercp ul li:hover img,
body.userpanel-dashboard-mode .panel-usercp ul li:focus-within img {
	transform: scale(1.08);
	filter: brightness(1.16) saturate(1.18) drop-shadow(0 0 7px rgba(240, 200, 75, 0.34));
}

body.userpanel-dashboard-mode .panel-usercp ul li a {
	color: #ecf3d7 !important;
	position: relative;
	z-index: 1;
	transition: color 0.22s ease, text-shadow 0.22s ease, letter-spacing 0.22s ease;
}

body.userpanel-dashboard-mode .panel-usercp ul li a:focus,
body.userpanel-dashboard-mode .panel-usercp ul li a:active {
	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

body.userpanel-dashboard-mode .panel-usercp ul li:hover a,
body.userpanel-dashboard-mode .panel-usercp ul li:focus-within a,
body.userpanel-dashboard-mode .panel-usercp ul li a:hover {
	color: #fff0ae !important;
	letter-spacing: 0.01em;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.22), 0 0 16px rgba(141, 220, 57, 0.12) !important;
}

body.userpanel-dashboard-mode .usercp-wallet {
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	background: linear-gradient(180deg, rgba(12, 19, 14, 0.96) 0%, rgba(5, 10, 7, 0.98) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04);
}

body.userpanel-dashboard-mode .usercp-wallet-title {
	color: #dce8b3 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-name {
	color: #edf4db !important;
}

body.userpanel-dashboard-mode .usercp-wallet-value {
	color: #fff7cc !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.14) !important;
}

body.userpanel-dashboard-mode .usercp-wallet-wcoinc,
body.userpanel-dashboard-mode .myaccount-credit-chip-wcoinc {
	background: linear-gradient(180deg, rgba(103, 140, 34, 0.3), rgba(65, 94, 20, 0.34)) !important;
	border-color: rgba(172, 214, 88, 0.72) !important;
	color: #eef7d2 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-wcoinp,
body.userpanel-dashboard-mode .myaccount-credit-chip-wcoinp {
	background: linear-gradient(180deg, rgba(46, 136, 109, 0.3), rgba(25, 88, 69, 0.34)) !important;
	border-color: rgba(88, 205, 170, 0.72) !important;
	color: #dbfff3 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-ruud,
body.userpanel-dashboard-mode .myaccount-credit-chip-ruud {
	background: linear-gradient(180deg, rgba(169, 135, 43, 0.28), rgba(116, 86, 20, 0.34)) !important;
	border-color: rgba(240, 200, 75, 0.72) !important;
	color: #fff0bb !important;
}

body.userpanel-dashboard-mode .usercp-wallet-goblin,
body.userpanel-dashboard-mode .usercp-wallet-default,
body.userpanel-dashboard-mode .myaccount-credit-chip-default {
	background: linear-gradient(180deg, rgba(56, 90, 39, 0.28), rgba(31, 55, 23, 0.34)) !important;
	border-color: rgba(146, 200, 72, 0.62) !important;
	color: #e8f3cb !important;
}

body.userpanel-dashboard-mode .general-table-ui,
body.userpanel-dashboard-mode .myaccount-table,
body.userpanel-dashboard-mode .table,
body.userpanel-dashboard-mode .table-responsive {
	background: transparent !important;
	color: var(--text-main) !important;
}

body.userpanel-dashboard-mode .table > thead > tr > th,
body.userpanel-dashboard-mode .table > tbody > tr > td,
body.userpanel-dashboard-mode .table > tbody > tr > th,
body.userpanel-dashboard-mode .table > tfoot > tr > td,
body.userpanel-dashboard-mode .table > tfoot > tr > th {
	border-color: rgba(146, 200, 72, 0.18) !important;
	color: #e8efd3 !important;
	background: transparent !important;
}

body.userpanel-dashboard-mode .table > thead > tr > th {
	background: rgba(20, 40, 28, 0.88) !important;
	color: var(--text-heading) !important;
}

body.userpanel-dashboard-mode .table-striped > tbody > tr:nth-of-type(odd) > td,
body.userpanel-dashboard-mode .table-striped > tbody > tr:nth-of-type(odd) > th {
	background: rgba(15, 30, 22, 0.78) !important;
}

body.userpanel-dashboard-mode .table-striped > tbody > tr:nth-of-type(even) > td,
body.userpanel-dashboard-mode .table-striped > tbody > tr:nth-of-type(even) > th {
	background: rgba(10, 21, 15, 0.78) !important;
}

body.userpanel-dashboard-mode .table-hover > tbody > tr:hover > td,
body.userpanel-dashboard-mode .table-hover > tbody > tr:hover > th {
	background: rgba(141, 220, 57, 0.08) !important;
}

body.userpanel-dashboard-mode .general-table-ui tr:first-child td,
body.userpanel-dashboard-mode .myaccount-table tr td:first-child {
	color: #d8e8a0 !important;
}

body.userpanel-dashboard-mode .general-table-ui tr:nth-child(2n+2) td {
	background: rgba(141, 220, 57, 0.04) !important;
}

body.userpanel-dashboard-mode input[type=text],
body.userpanel-dashboard-mode input[type=password],
body.userpanel-dashboard-mode input[type=number],
body.userpanel-dashboard-mode input[type=email],
body.userpanel-dashboard-mode input[type=url],
body.userpanel-dashboard-mode select,
body.userpanel-dashboard-mode textarea,
body.userpanel-dashboard-mode .form-control {
	background: rgba(14, 27, 20, 0.94) !important;
	border: 1px solid rgba(146, 200, 72, 0.34) !important;
	color: #edf4db !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04) !important;
}

body.userpanel-dashboard-mode input::placeholder,
body.userpanel-dashboard-mode textarea::placeholder,
body.userpanel-dashboard-mode .form-control::placeholder {
	color: rgba(192, 225, 133, 0.62) !important;
}

body.userpanel-dashboard-mode input:focus,
body.userpanel-dashboard-mode select:focus,
body.userpanel-dashboard-mode textarea:focus,
body.userpanel-dashboard-mode .form-control:focus {
	border-color: rgba(240, 200, 75, 0.82) !important;
	box-shadow: 0 0 0 3px rgba(141, 220, 57, 0.12), 0 0 16px rgba(240, 200, 75, 0.16) !important;
	outline: none !important;
}

body.userpanel-dashboard-mode .control-label,
body.userpanel-dashboard-mode .form-group label {
	color: #eef4d9 !important;
}

body.userpanel-dashboard-mode .btn,
body.userpanel-dashboard-mode button[type=submit],
body.userpanel-dashboard-mode input[type=submit],
body.userpanel-dashboard-mode .btn-primary,
body.userpanel-dashboard-mode .myaccount-action-btn,
body.userpanel-dashboard-mode .dashboard-nav-btn {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border: 1px solid #f0d36a !important;
	color: #17160a !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28), 0 0 16px rgba(240, 200, 75, 0.18) !important;
	text-transform: uppercase !important;
}

body.userpanel-dashboard-mode .btn:hover,
body.userpanel-dashboard-mode .btn:focus,
body.userpanel-dashboard-mode button[type=submit]:hover,
body.userpanel-dashboard-mode button[type=submit]:focus,
body.userpanel-dashboard-mode input[type=submit]:hover,
body.userpanel-dashboard-mode input[type=submit]:focus,
body.userpanel-dashboard-mode .btn-primary:hover,
body.userpanel-dashboard-mode .btn-primary:focus,
body.userpanel-dashboard-mode .myaccount-action-btn:hover,
body.userpanel-dashboard-mode .dashboard-nav-btn:hover {
	background: linear-gradient(180deg, #f1d35d 0%, #bf9321 100%) !important;
	border-color: #fff1a7 !important;
	color: #121107 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34), 0 0 22px rgba(240, 200, 75, 0.28) !important;
}

body.userpanel-dashboard-mode .alert {
	border: 1px solid rgba(146, 200, 72, 0.24) !important;
	background: linear-gradient(180deg, rgba(17, 33, 24, 0.94) 0%, rgba(10, 19, 14, 0.97) 100%) !important;
	color: #edf4db !important;
}

body.userpanel-dashboard-mode .alert-success {
	border-color: rgba(88, 205, 170, 0.34) !important;
}

body.userpanel-dashboard-mode .alert-info {
	border-color: rgba(240, 200, 75, 0.34) !important;
}

body.userpanel-dashboard-mode .alert-warning,
body.userpanel-dashboard-mode .alert-danger {
	border-color: rgba(234, 178, 62, 0.34) !important;
}

/* Home latest news: remove layered card effects and keep one clean style. */
.home-page-mode .home-news-block {
	padding: 0 10px;
}

.home-page-mode .home-news-block-header {
	margin: 0 0 10px;
}

.home-page-mode .home-news-block-header .col-xs-8,
.home-page-mode .home-news-block-body .col-xs-12 {
	width: 100%;
	float: none;
	padding-left: 0;
	padding-right: 0;
}

.home-page-mode .home-news-block-header h2 {
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: #fff4bd !important;
	font-family: var(--font-heading);
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-shadow: 0 0 14px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .home-news-block-body {
	margin-left: 0;
	margin-right: 0;
}

.home-page-mode .home-news-block-article {
	margin: 8px 0 0 !important;
	padding: 11px 12px !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, rgba(8, 13, 10, 0.92), rgba(4, 8, 6, 0.96)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 8px 18px rgba(0, 0, 0, 0.24) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.home-page-mode .home-news-block-article::before,
.home-page-mode .home-news-block-article::after {
	display: none !important;
	content: none !important;
}

.home-page-mode .home-news-block-article:hover {
	transform: translateY(-1px);
	border-color: rgba(240, 200, 75, 0.42) !important;
	background: linear-gradient(180deg, rgba(17, 20, 12, 0.94), rgba(7, 10, 7, 0.98)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.06), 0 10px 22px rgba(0, 0, 0, 0.3), 0 0 14px rgba(240, 200, 75, 0.09) !important;
}

.home-page-mode .home-news-block-article .home-news-block-article-tag {
	display: none !important;
}

.home-page-mode .home-news-block-article .home-news-block-article-icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	font-size: 0;
	border: 1px solid rgba(0, 255, 156, 0.28);
	background: #00c97a !important;
	box-shadow: 0 0 10px rgba(0, 255, 156, 0.22) !important;
}

.home-page-mode .home-news-block-article .home-news-block-article-icon::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #03110b;
	opacity: 0.34;
}

.home-page-mode .home-news-block-article .home-news-block-article-icon.is-new {
	background: linear-gradient(180deg, #00d884, #00b56f) !important;
	color: transparent !important;
}

.home-page-mode .home-news-block-article .home-news-block-article-title {
	color: #f6f1d8 !important;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-shadow: none !important;
}

.home-page-mode .home-news-block-article:hover .home-news-block-article-title {
	color: #fff4bd !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
}

.home-page-mode .home-news-block-article .home-news-block-article-date {
	min-width: 82px;
	padding: 0;
	color: rgba(226, 218, 177, 0.72) !important;
	font-size: 12px;
	font-weight: 600;
	background: transparent !important;
	border: 0 !important;
}

.home-page-mode .home-news-more-btn {
	margin-top: 8px !important;
	background: linear-gradient(180deg, #d8b436, #a87f19) !important;
	border-color: rgba(255, 241, 167, 0.56) !important;
	color: #17160a !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26), 0 0 12px rgba(240, 200, 75, 0.14) !important;
}

/* Home lower panels: keep the same positions, but make the row read as one section. */
.home-page-mode .home-three-panels {
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
	padding: 12px 10px 0;
	background:
		linear-gradient(180deg, rgba(240, 200, 75, 0.06) 0%, rgba(240, 200, 75, 0) 28%),
		linear-gradient(180deg, rgba(6, 10, 7, 0.32), rgba(6, 10, 7, 0));
	border-top: 1px solid rgba(240, 200, 75, 0.16);
}

.home-page-mode .home-three-panels::before {
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	top: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(240, 200, 75, 0.34), transparent);
	pointer-events: none;
}

.home-page-mode .home-three-panels > [class*="col-"] {
	position: relative;
	z-index: 1;
}

.home-page-mode .home-three-panels .panel-sidebar {
	border-color: rgba(240, 200, 75, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 8px 18px rgba(0, 0, 0, 0.22) !important;
}

.home-page-mode .home-three-panels .panel-sidebar > .panel-heading {
	border-bottom-color: rgba(240, 200, 75, 0.18) !important;
	background: linear-gradient(180deg, rgba(26, 33, 20, 0.94), rgba(9, 13, 10, 0.98)) !important;
}

/* Home page final polish: one outer frame, no border-inside-border look. */
.home-page-mode .site-main-shell {
	border: 1px solid rgba(240, 200, 75, 0.28) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(240, 200, 75, 0.08) 0%, transparent 24%),
		radial-gradient(circle at 8% 34%, rgba(0, 255, 156, 0.045) 0%, transparent 22%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.86) 0%, rgba(4, 7, 6, 0.94) 100%) !important;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.52), 0 0 28px rgba(240, 200, 75, 0.08) !important;
}

.home-page-mode #container {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.home-page-mode .home-top-row,
.home-page-mode .home-three-panels {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.home-page-mode .home-three-panels {
	padding-top: 10px;
}

.home-page-mode .home-three-panels::before {
	left: 20px;
	right: 20px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(240, 200, 75, 0.18) 18%, rgba(0, 255, 156, 0.08) 50%, rgba(240, 200, 75, 0.18) 82%, transparent 100%);
}

.home-page-mode .hall-fame-home-block,
.home-page-mode .home-top-row .home-top-primary-panel,
.home-page-mode .home-three-panels .panel-sidebar {
	border: 0 !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.06) 0%, transparent 22%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.88) 0%, rgba(2, 5, 4, 0.96) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.055), 0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

.home-page-mode .home-top-row .home-top-primary-panel .panel-heading,
.home-page-mode .home-three-panels .panel-sidebar > .panel-heading {
	border: 0 !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.14) !important;
	background: linear-gradient(180deg, rgba(21, 25, 15, 0.86), rgba(8, 12, 8, 0.92)) !important;
	box-shadow: none !important;
}

.home-page-mode .home-top-row .home-top-primary-panel .panel-body,
.home-page-mode .home-three-panels .panel-sidebar .panel-body,
.home-page-mode .home-three-panels .panel-sidebar-events .panel-body {
	border: 0 !important;
	background: linear-gradient(180deg, rgba(5, 9, 6, 0.62), rgba(0, 0, 0, 0.18)) !important;
	box-shadow: none !important;
}

.home-page-mode .home-three-panels .panel-sidebar table,
.home-page-mode .home-three-panels .panel-sidebar thead,
.home-page-mode .home-three-panels .panel-sidebar tbody,
.home-page-mode .home-three-panels .panel-sidebar tr,
.home-page-mode .home-three-panels .panel-sidebar th,
.home-page-mode .home-three-panels .panel-sidebar td {
	background: transparent !important;
}

.home-page-mode .panel-sidebar .table th,
.home-page-mode .table.table-condensed th {
	border-bottom-color: rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .panel-sidebar .table td,
.home-page-mode .table.table-condensed td {
	border-top-color: rgba(240, 200, 75, 0.055) !important;
}

/* Home Events widget: soften the neon green and blend it into the dark/gold panels. */
.home-page-mode .panel-sidebar-events .event-schedule-switcher {
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055), transparent 28%),
		linear-gradient(180deg, rgba(7, 13, 9, 0.92), rgba(2, 5, 4, 0.96)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-switch {
	color: rgba(226, 218, 177, 0.78) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-switch:hover,
.home-page-mode .panel-sidebar-events .event-schedule-switch:focus {
	color: #fff4bd !important;
	border-color: rgba(240, 200, 75, 0.18) !important;
	background: rgba(240, 200, 75, 0.055) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-switch.is-active {
	color: #17160a !important;
	border-color: rgba(255, 241, 167, 0.48) !important;
	background: linear-gradient(180deg, #d8b436 0%, #9f7618 100%) !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), 0 0 12px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-list {
	gap: 10px;
	padding-right: 8px;
	background: transparent !important;
	scrollbar-color: rgba(240, 200, 75, 0.72) rgba(5, 9, 6, 0.9) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row {
	background: linear-gradient(180deg, rgba(5, 9, 7, 0.86), rgba(1, 4, 3, 0.88)) !important;
	border: 1px solid rgba(240, 200, 75, 0.105) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row:hover {
	background: linear-gradient(180deg, rgba(12, 16, 10, 0.92), rgba(4, 8, 5, 0.94)) !important;
	border-color: rgba(240, 200, 75, 0.18) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-name,
.home-page-mode .panel-sidebar-events .event-schedule-next,
.home-page-mode .panel-sidebar-events .smalltext,
.home-page-mode .panel-sidebar-events .event-schedule-list .smalltext {
	color: #f4f0d6 !important;
	text-shadow: none !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-next {
	color: #fff4bd !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row.is-soon {
	background: linear-gradient(90deg, rgba(240, 200, 75, 0.14), rgba(6, 10, 7, 0.86)) !important;
	border-color: rgba(240, 200, 75, 0.24) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row.is-soon .event-schedule-name,
.home-page-mode .panel-sidebar-events .event-schedule-row.is-soon .event-schedule-next,
.home-page-mode .panel-sidebar-events .event-schedule-row.is-soon .smalltext {
	color: #ffe89b !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.1) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row.is-active {
	background: linear-gradient(90deg, rgba(240, 200, 75, 0.16), rgba(0, 255, 156, 0.055), rgba(6, 10, 7, 0.9)) !important;
	border-color: rgba(240, 200, 75, 0.28) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-row.is-active .event-schedule-name,
.home-page-mode .panel-sidebar-events .event-schedule-row.is-active .event-schedule-next,
.home-page-mode .panel-sidebar-events .event-schedule-row.is-active .smalltext,
.home-page-mode .panel-sidebar-events .event-schedule-open,
.home-page-mode .panel-sidebar-events .event-schedule-inprogress {
	color: #fff4bd !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-list::-webkit-scrollbar-track {
	background: rgba(5, 9, 6, 0.9) !important;
}

.home-page-mode .panel-sidebar-events .event-schedule-list::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #d8b436 0%, #9f7618 100%) !important;
	border: 2px solid rgba(5, 9, 6, 0.95) !important;
	box-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
}

/* Home Castle Siege widget: same single-piece treatment as the home panels. */
.home-page-mode .home-castle-widget-wrap {
	margin-top: 12px;
	padding: 0 20px 18px;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget {
	overflow: hidden;
	border: 0 !important;
	border-radius: 12px !important;
	background:
		radial-gradient(circle at 18% 20%, rgba(0, 255, 156, 0.055) 0%, transparent 28%),
		radial-gradient(circle at 78% 22%, rgba(240, 200, 75, 0.075) 0%, transparent 26%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.9) 0%, rgba(1, 4, 3, 0.98) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.055), 0 12px 26px rgba(0, 0, 0, 0.28) !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .panel-heading,
.home-page-mode .home-castle-widget-wrap .castle-owner-widget .panel-body {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Hall of Fame home showcase: softer framed hero strip. */
.home-page-mode .hall-fame-home-block {
	position: relative;
	overflow: hidden;
	padding: 22px 24px 24px !important;
	border: 1px solid rgba(240, 200, 75, 0.22) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(ellipse at 50% 0%, rgba(240, 200, 75, 0.12) 0%, rgba(240, 200, 75, 0.04) 34%, transparent 68%),
		radial-gradient(circle at 12% 70%, rgba(67, 198, 160, 0.08) 0%, transparent 32%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94) 0%, rgba(1, 4, 3, 0.98) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 243, 191, 0.07),
		inset 0 0 0 1px rgba(255, 243, 191, 0.035),
		0 18px 38px rgba(0, 0, 0, 0.36),
		0 0 24px rgba(240, 200, 75, 0.08) !important;
}

.home-page-mode .hall-fame-home-block::before {
	content: "";
	position: absolute;
	left: 24px;
	right: 24px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(240, 200, 75, 0.54) 18%, rgba(141, 220, 57, 0.26) 50%, rgba(240, 200, 75, 0.54) 82%, transparent 100%);
	pointer-events: none;
}

.home-page-mode .hall-fame-home-block::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 78px;
	width: min(820px, 90%);
	height: 110px;
	transform: translateX(-50%);
	border-radius: 999px;
	background: radial-gradient(ellipse at center, rgba(240, 200, 75, 0.09) 0%, rgba(67, 198, 160, 0.045) 42%, transparent 72%);
	filter: blur(2px);
	pointer-events: none;
}

.home-page-mode .hall-fame-home-title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 0 0 8px !important;
	color: #fff4bf !important;
	font-size: clamp(30px, 3.2vw, 48px) !important;
	line-height: 1.08 !important;
	letter-spacing: 0.06em !important;
	text-align: center;
	text-shadow: 0 0 16px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .hall-fame-home-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(240, 200, 75, 0.1);
	border: 1px solid rgba(240, 200, 75, 0.26);
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.1), 0 0 16px rgba(240, 200, 75, 0.12);
	font-size: 22px;
}

.home-page-mode .hall-fame-home-date {
	position: relative;
	z-index: 1;
	margin: 0 0 18px !important;
}

.home-page-mode .hall-fame-home-date-badge {
	border-radius: 999px !important;
	background: rgba(5, 9, 6, 0.78) !important;
	border: 1px solid rgba(240, 200, 75, 0.24) !important;
	color: #fff4bf !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.05), 0 8px 16px rgba(0, 0, 0, 0.22) !important;
}

.home-page-mode .hall-fame-home-list {
	position: relative;
	z-index: 1;
	display: grid !important;
	grid-template-columns: repeat(7, minmax(104px, 1fr));
	gap: 16px 14px !important;
	align-items: start;
	padding: 6px 4px 2px;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-block {
	padding: 20px 14px 22px !important;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-title {
	gap: 8px;
	font-size: clamp(18px, 1.75vw, 26px) !important;
	letter-spacing: 0.04em !important;
	white-space: nowrap;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-icon {
	width: 30px;
	height: 30px;
	font-size: 16px;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-list {
	grid-template-columns: repeat(7, minmax(54px, 1fr));
	gap: 8px 5px !important;
	padding: 5px 0 2px;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-item {
	padding: 6px 2px 8px;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-avatar {
	width: 48px !important;
	height: 48px !important;
	margin-bottom: 7px !important;
	box-shadow:
		0 0 0 3px rgba(5, 9, 6, 0.8),
		0 0 12px rgba(240, 200, 75, 0.16),
		0 7px 14px rgba(0, 0, 0, 0.24) !important;
}

.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-name {
	font-size: 9px !important;
	letter-spacing: -0.02em;
}

.home-page-mode .home-promotions-block {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	padding: 0;
	border: 1px solid rgba(0, 255, 156, 0.18);
	border-radius: 16px;
	background:
		radial-gradient(circle at 8% 10%, rgba(0, 255, 156, 0.12) 0%, transparent 40%),
		radial-gradient(circle at 95% 90%, rgba(240, 200, 75, 0.12) 0%, transparent 42%),
		linear-gradient(180deg, rgba(6, 10, 8, 0.95) 0%, rgba(1, 4, 3, 0.98) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.05), 0 14px 26px rgba(0, 0, 0, 0.3);
}

.home-page-mode .home-promotions-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 0 16px;
	color: #f6f0d6;
	font-size: clamp(20px, 2vw, 28px);
	letter-spacing: 0.05em;
}

.home-page-mode .home-promotions-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(0, 255, 156, 0.12);
	border: 1px solid rgba(0, 255, 156, 0.24);
	font-size: 14px;
}

.home-page-mode .home-promotions-slider {
	position: relative;
	overflow: hidden;
	border-radius: inherit;
}

.home-page-mode .home-promotions-track {
	display: flex;
	width: 100%;
	transition: transform .45s ease;
	will-change: transform;
}

.home-page-mode .home-promo-slide {
	position: relative;
	display: block;
	flex: 0 0 100%;
	height: 220px;
	border-radius: 0;
	overflow: hidden;
	border: 0;
	box-shadow: none;
	transform: translateY(0);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-page-mode .home-promo-slide:hover {
	transform: none;
	border-color: transparent;
	box-shadow: none;
}

.home-page-mode .home-promo-slide-image {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: fill;
	object-position: center center;
}

.home-page-mode .home-promo-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(3, 9, 6, 0.74);
	color: #fff6d5;
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	z-index: 3;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.home-page-mode .home-promo-nav:hover {
	background: rgba(4, 30, 20, 0.86);
	border-color: rgba(0, 255, 156, 0.65);
	transform: translateY(-50%) scale(1.04);
}

.home-page-mode .home-promo-nav-prev { left: 12px; }
.home-page-mode .home-promo-nav-next { right: 12px; }

.home-page-mode .home-promo-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 0;
}

.home-page-mode .home-promo-dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
	transition: background .2s ease, transform .2s ease;
}

.home-page-mode .home-promo-dot.is-active {
	background: #00ff9c;
	transform: scale(1.18);
}

.home-page-mode .hall-fame-home-item {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	padding: 8px 6px 10px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(255, 243, 191, 0.035), rgba(67, 198, 160, 0.018));
	border: 1px solid transparent;
	transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.home-page-mode .hall-fame-home-link,
.home-page-mode .hall-fame-home-link:hover,
.home-page-mode .hall-fame-home-link:focus,
.home-page-mode .hall-fame-home-link:active {
	color: inherit !important;
	text-decoration: none !important;
	outline: none !important;
}

.home-page-mode .hall-fame-home-item:hover {
	transform: translateY(-3px);
	border-color: rgba(240, 200, 75, 0.2);
	background: linear-gradient(180deg, rgba(240, 200, 75, 0.06), rgba(67, 198, 160, 0.026));
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
}

.home-page-mode .hall-fame-home-link:focus-visible {
	border-color: rgba(255, 241, 167, 0.38) !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24), 0 0 14px rgba(240, 200, 75, 0.12) !important;
}


.home-page-mode .hall-fame-home-avatar {
	width: 72px !important;
	height: 72px !important;
	margin-bottom: 9px !important;
	border-radius: 50%;
	border: 1px solid rgba(255, 241, 167, 0.58) !important;
	background: radial-gradient(circle at center, rgba(240, 200, 75, 0.18), rgba(5, 9, 6, 0.96) 62%) !important;
	box-shadow:
		0 0 0 4px rgba(5, 9, 6, 0.8),
		0 0 16px rgba(240, 200, 75, 0.18),
		0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.home-page-mode .hall-fame-home-avatar .hall-fame-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.home-page-mode .hall-fame-home-name {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	color: #fff4bf !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
	text-align: center;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-page-mode .hall-fame-home-name a {
	display: block;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: inherit !important;
}

.home-page-mode .hall-fame-home-item small,
.home-page-mode .hall-fame-home-item .small,
.home-page-mode .hall-fame-home-item div:not(.hall-fame-home-avatar):not(.hall-fame-home-name) {
	display: block !important;
	width: 100% !important;
	min-width: 0;
	color: rgba(226, 218, 177, 0.76) !important;
	text-align: center;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-shadow: none !important;
}

@media (max-width: 1180px) {
	.home-page-mode .hall-fame-home-list {
		grid-template-columns: repeat(4, minmax(100px, 1fr));
	}
}

@media (max-width: 640px) {
	.home-page-mode .hall-fame-home-block {
		padding: 18px 14px 20px !important;
	}

	.home-page-mode .hall-fame-home-title {
		font-size: 28px !important;
		letter-spacing: 0.04em !important;
	}

	.home-page-mode .hall-fame-home-list {
		grid-template-columns: repeat(2, minmax(100px, 1fr));
		gap: 12px !important;
	}

	.home-page-mode .home-news-block.col-xs-6 .hall-fame-home-list {
		grid-template-columns: repeat(2, minmax(100px, 1fr));
	}

	.home-page-mode .home-promotions-block {
		padding: 8px;
	}

	.home-page-mode .home-promo-slide,
	.home-page-mode .home-promo-slide-image {
		height: 150px;
	}

	.home-page-mode .home-promo-slide-content {
		left: 12px;
		right: 12px;
		padding-bottom: 11px;
	}

	.home-page-mode .home-promo-slide-title {
		font-size: 13px;
	}

	.home-page-mode .home-promo-slide-subtitle {
		font-size: 10px;
	}

	.home-page-mode .home-promo-nav {
		width: 26px;
		height: 26px;
		font-size: 16px;
	}
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .panel-heading {
	position: relative;
	padding: 10px 14px !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, rgba(21, 30, 17, 0.72), rgba(8, 12, 8, 0.44)) !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .panel-heading::after {
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(240, 200, 75, 0.18), rgba(0, 255, 156, 0.08), rgba(240, 200, 75, 0.18));
	pointer-events: none;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .panel-body {
	padding: 16px 20px 20px !important;
	border-radius: 0 !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-art {
	filter: drop-shadow(0 0 18px rgba(240, 200, 75, 0.1)) drop-shadow(0 18px 20px rgba(0, 0, 0, 0.45)) !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-info-col .alt,
.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-registered-title {
	color: #fff4bd !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-value {
	color: #f6f1d8 !important;
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-registered {
	border-top: 1px solid rgba(240, 200, 75, 0.12) !important;
	box-shadow: inset 0 1px 0 rgba(0, 255, 156, 0.035);
}

.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-held-logo,
.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-registered-item,
.home-page-mode .home-castle-widget-wrap .castle-owner-widget .castle-widget-registered-badge {
	border-color: rgba(240, 200, 75, 0.18) !important;
	background: rgba(5, 9, 6, 0.72) !important;
	box-shadow: none !important;
}

/* =========================================================
   Dark Gold Site Redesign - global final layer
   Public site + UserCP + Webshop shell, AdminCP excluded.
========================================================= */
:root {
	--dg-bg: #030605;
	--dg-bg-soft: #070d09;
	--dg-panel: rgba(8, 14, 10, 0.94);
	--dg-panel-deep: rgba(2, 5, 4, 0.98);
	--dg-panel-soft: rgba(13, 20, 13, 0.9);
	--dg-gold: #f0c84b;
	--dg-gold-soft: #fff4bd;
	--dg-gold-muted: rgba(240, 200, 75, 0.22);
	--dg-green: #00d884;
	--dg-green-soft: rgba(0, 255, 156, 0.12);
	--dg-text: #f4f0d6;
	--dg-muted: rgba(226, 218, 177, 0.76);
	--dg-line: rgba(240, 200, 75, 0.16);
	--dg-line-soft: rgba(240, 200, 75, 0.075);
	--bg-main: var(--dg-bg);
	--bg-panel: var(--dg-panel);
	--bg-dark: var(--dg-bg-soft);
	--accent-purple: var(--dg-gold);
	--glow-purple: var(--dg-gold);
	--accent-cyan: var(--dg-green);
	--text-main: var(--dg-text);
	--text-heading: var(--dg-gold-soft);
	--gold-accent: var(--dg-gold);
	--panel-border: var(--dg-line);
	--panel-glow: rgba(240, 200, 75, 0.1);
}

body.avro-theme,
body.news-focus-mode,
body.rankings-focus-mode,
body.profile-focus-mode,
body.wiki-focus-mode,
body.downloads-focus-mode,
body.userpanel-dashboard-mode,
body.userpanel-topbar-mode {
	background-color: var(--dg-bg) !important;
	color: var(--dg-text) !important;
}

body:not(.home-page-mode):not(.login-fullscreen-mode) #container,
body.news-focus-mode #container,
body.rankings-focus-mode #container,
body.profile-focus-mode #container,
body.downloads-focus-mode #container,
body.wiki-focus-mode #container,
body.userpanel-dashboard-mode #container {
	background:
		radial-gradient(circle at 86% 10%, rgba(240, 200, 75, 0.1) 0%, transparent 26%),
		radial-gradient(circle at 14% 92%, rgba(0, 255, 156, 0.055) 0%, transparent 30%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94) 0%, rgba(3, 6, 5, 0.98) 100%) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.52), 0 0 26px rgba(240, 200, 75, 0.075) !important;
	color: var(--dg-text) !important;
}

.page-title,
.page-title span,
h1, h2, h3, h4,
.panel-title,
.panel-title a {
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 14px rgba(240, 200, 75, 0.1) !important;
}

a,
.panel-body a,
.table a {
	color: #fff1ae;
}

a:hover,
a:focus,
.panel-body a:hover,
.table a:hover {
	color: #fff7d0 !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.18) !important;
}

.panel,
.panel-default,
.panel-sidebar,
.panel-news,
.panel-downloads,
.panel-general,
.panel-addstats,
.news-hub-item,
.vip-plan-card,
.vip-status-note,
.paypal-gateway-content,
.thumbnail,
.dropdown-menu,
.general-table-ui,
.myaccount-table,
.rankings-table,
.rankings-topall-table,
.rankings-table-compact,
.rankings_menu,
.rankings-mode-switch,
.rankings-weekly-score-switch,
.score-rules-drawer,
.score-rule-item,
.header-notify-menu,
.streams-usercp-card,
.referral-list-table {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055) 0%, transparent 22%),
		linear-gradient(180deg, var(--dg-panel) 0%, var(--dg-panel-deep) 100%) !important;
	border: 1px solid var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 12px 26px rgba(0, 0, 0, 0.34) !important;
	color: var(--dg-text) !important;
}

.panel > .panel-heading,
.panel-default > .panel-heading,
.panel-sidebar > .panel-heading,
.panel-news > .panel-heading,
.panel-downloads > .panel-heading,
.panel-general > .panel-heading,
.panel-addstats > .panel-heading {
	background: linear-gradient(180deg, rgba(24, 28, 17, 0.9), rgba(8, 12, 8, 0.94)) !important;
	border-color: var(--dg-line) !important;
	border-bottom: 1px solid var(--dg-line) !important;
	box-shadow: none !important;
	color: var(--dg-gold-soft) !important;
}

.panel > .panel-body,
.panel-default > .panel-body,
.panel-sidebar > .panel-body,
.panel-news > .panel-body,
.panel-downloads > .panel-body,
.panel-general > .panel-body,
.panel-addstats > .panel-body {
	background: linear-gradient(180deg, rgba(5, 9, 6, 0.38), rgba(0, 0, 0, 0.08)) !important;
	color: var(--dg-text) !important;
}

.table,
.table > thead,
.table > tbody,
.table > tfoot,
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr,
.general-table-ui,
.general-table-ui tr,
.myaccount-table,
.myaccount-table tr,
.rankings-table,
.rankings-table tr {
	background: transparent !important;
}

.table > thead > tr > th,
.general-table-ui tr:first-child td,
.rankings-table thead th,
.rankings-topall-table thead th,
.myaccount-table tr:first-child td {
	background: linear-gradient(180deg, rgba(17, 23, 14, 0.88), rgba(8, 12, 8, 0.92)) !important;
	border-color: var(--dg-line) !important;
	color: var(--dg-gold-soft) !important;
	font-family: var(--font-heading);
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.general-table-ui td,
.myaccount-table td,
.rankings-table td,
.rankings-topall-table td {
	border-color: var(--dg-line-soft) !important;
	color: var(--dg-text) !important;
	background: transparent !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th,
.rankings-table tbody tr:nth-child(odd) td {
	background: rgba(240, 200, 75, 0.022) !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.rankings-table tbody tr:hover td,
.general-table-ui tr:hover td {
	background: rgba(240, 200, 75, 0.055) !important;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=url],
select,
textarea,
.form-control {
	background: rgba(4, 8, 6, 0.94) !important;
	border: 1px solid rgba(240, 200, 75, 0.22) !important;
	color: var(--dg-text) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.035) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
	border-color: rgba(240, 200, 75, 0.62) !important;
	box-shadow: 0 0 0 3px rgba(240, 200, 75, 0.1), 0 0 16px rgba(240, 200, 75, 0.12) !important;
	outline: none !important;
}

.btn,
button[type=submit],
input[type=submit],
.btn-primary,
.dashboard-nav-btn,
.myaccount-action-btn,
.home-news-more-btn,
.news-switch-btn,
.rankings-mode-btn,
.rankings_menu a,
.vip-package-btn,
.vip-confirm-btn,
.btn-castlewidget {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border: 1px solid rgba(255, 241, 167, 0.58) !important;
	color: #17160a !important;
	text-shadow: none !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.28), 0 0 14px rgba(240, 200, 75, 0.14) !important;
	font-weight: 800;
}

.btn:hover,
.btn:focus,
button[type=submit]:hover,
button[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.btn-primary:hover,
.btn-primary:focus,
.dashboard-nav-btn:hover,
.myaccount-action-btn:hover,
.home-news-more-btn:hover,
.news-switch-btn:hover,
.rankings-mode-btn:hover,
.rankings_menu a:hover,
.vip-package-btn:hover,
.vip-confirm-btn:hover,
.btn-castlewidget:hover {
	background: linear-gradient(180deg, #f1d35d 0%, #bf9321 100%) !important;
	border-color: rgba(255, 248, 200, 0.72) !important;
	color: #111006 !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.34), 0 0 20px rgba(240, 200, 75, 0.22) !important;
}

.rankings-mode-btn:not(.active),
.rankings_menu a:not(.active),
.news-switch-btn:not(.active) {
	background: rgba(6, 10, 7, 0.74) !important;
	color: var(--dg-muted) !important;
	border-color: rgba(240, 200, 75, 0.12) !important;
	box-shadow: none !important;
}

.rankings-mode-btn.active,
.rankings_menu a.active,
.news-switch-btn.active {
	color: #17160a !important;
}

.label,
.badge,
.news-type-badge,
.news-new-badge,
.rankings-guild-featured-badge {
	border: 1px solid rgba(240, 200, 75, 0.26) !important;
	background: rgba(240, 200, 75, 0.1) !important;
	color: var(--dg-gold-soft) !important;
}

.label-success,
.text-success,
.isonline,
.online-status-indicator,
.profiles-player-hero-status {
	color: #92f0bd !important;
	text-shadow: 0 0 10px rgba(0, 255, 156, 0.2) !important;
}

.alert {
	background: linear-gradient(180deg, rgba(10, 16, 11, 0.94), rgba(4, 8, 6, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	color: var(--dg-text) !important;
}

/* Public pages: News, Rankings, Downloads */
.news-hub-layout,
.rankings-hero-header,
.rankings-guild-featured,
.downloads-page-layout {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.07), transparent 25%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.68), rgba(2, 5, 4, 0.38)) !important;
	border: 0 !important;
	box-shadow: none !important;
}

.news-hub-sidebar,
.news-hub-detail .panel-news,
.rankings-class-filter,
.rankings-level-menu-wrap,
.score-rules-overlay + .score-rules-drawer {
	border-color: var(--dg-line) !important;
}

.news-hub-item.is-active,
.news-hub-item:hover,
.rankings-class-filter-selection,
.rankings-class-filter-selection:hover,
.rankings-class-filter-selection.active {
	background: rgba(240, 200, 75, 0.08) !important;
	border-color: rgba(240, 200, 75, 0.28) !important;
}

.news-hub-item-title,
.rankings-guild-featured-name,
.rankings-guild-featured-master,
.rankings-score-value,
.home-rank-main-number,
.home-ranking-name,
.home-ranking-name a {
	color: var(--dg-gold-soft) !important;
}

.home-page-mode a:focus,
.home-page-mode a:active,
.home-page-mode .home-ranking-name a:focus,
.home-page-mode .home-ranking-name a:active {
	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* Remove browser focus ring around character links across all pages. */
.home-ranking-name a:focus,
.home-ranking-name a:active,
.rankings-table td a:focus,
.rankings-table td a:active {
	outline: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.home-rank-sub-number,
.rankings-accent-substat,
.rankings-accent-subvalue,
.rankings-weekly-score-cell,
.rankings-vip-name {
	color: #ffd95a !important;
	text-shadow: 0 0 8px rgba(240, 200, 75, 0.14) !important;
}

body.rankings-focus-mode .rankings-class-filter {
	padding: 8px 0 10px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .rankings-class-filter li {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection,
body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection:hover,
body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection.active {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--dg-muted) !important;
}

body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection:hover,
body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection:not(.rankings-class-filter-grayscale) {
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.16) !important;
}

body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-image,
body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection img {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection:hover img,
body.rankings-focus-mode .rankings-class-filter .rankings-class-filter-selection:not(.rankings-class-filter-grayscale) img {
	filter: grayscale(0%) drop-shadow(0 0 10px rgba(240, 200, 75, 0.2)) !important;
}

/* Profiles */
.profiles_player_card,
.profiles_guild_card,
.profiles_guild_card_rework,
.profiles-player-hero,
.profiles-player-extra-card,
.profiles-player-maininfo-table,
.profiles-player-detail-table,
.guild-member-card,
.guild_members,
.av-inventory-section {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.06), transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94), rgba(2, 5, 4, 0.98)) !important;
	border-color: var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

.profiles_player_table td,
.profiles-player-maininfo-table td,
.profiles-player-detail-table td,
.guild-member-card,
.guild_members td {
	border-color: var(--dg-line-soft) !important;
	color: var(--dg-text) !important;
}

.profiles_player_name,
.profiles_guild_card_rework .guild-name,
.guild-member-name,
.profiles-player-hero-name {
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.1) !important;
}

/* Full Castle Siege page */
.castle-siege-block .castle-owner-panel,
.castle-siege-block .panel,
.castle-siege-block .table,
.castle-siege-block #castle-information + table {
	background:
		radial-gradient(circle at 18% 20%, rgba(0, 255, 156, 0.05) 0%, transparent 28%),
		radial-gradient(circle at 78% 22%, rgba(240, 200, 75, 0.075) 0%, transparent 26%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94) 0%, rgba(1, 4, 3, 0.98) 100%) !important;
	border-color: var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 16px 32px rgba(0, 0, 0, 0.36) !important;
}

.castle-siege-block .castle-owner-panel .castle-owner-summary .alt,
.castle-siege-block .panel-body h4,
.castle-siege-block #siegeTimer,
.castle-siege-block h2 {
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.14) !important;
}

.castle-siege-block .castle-owner-panel .castle-owner-statue {
	filter: drop-shadow(0 0 18px rgba(240, 200, 75, 0.1)) drop-shadow(0 18px 20px rgba(0, 0, 0, 0.45)) !important;
}

.castle-siege-block hr {
	border-top-color: rgba(240, 200, 75, 0.14) !important;
	box-shadow: none !important;
}

/* UserCP normalization */
body.userpanel-dashboard-mode .userpanel-content-wrap,
body.userpanel-dashboard-mode .usercp-character-showcase,
body.userpanel-dashboard-mode .usercp-hero-summary,
body.userpanel-dashboard-mode .usercp-hero-stats,
body.userpanel-dashboard-mode .usercp-equipment-card,
body.userpanel-dashboard-mode .usercp-market-card,
body.userpanel-dashboard-mode .s6vote-site-card,
body.userpanel-dashboard-mode .s6vote-reward-card,
body.userpanel-dashboard-mode .s6-payment-usercp,
body.userpanel-dashboard-mode .s6-payment-layout,
body.userpanel-dashboard-mode .vote-container,
body.userpanel-dashboard-mode .bonus-scale-box,
body.userpanel-dashboard-mode .promotion-banner,
body.userpanel-dashboard-mode .streams-usercp-panel,
body.userpanel-dashboard-mode .module-requirements,
body.userpanel-dashboard-mode .ticket-message,
body.userpanel-dashboard-mode .referral-system-page .referral-list-table {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.06), transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 12px 26px rgba(0, 0, 0, 0.32) !important;
	color: var(--dg-text) !important;
}

body.userpanel-dashboard-mode .panel-usercp ul li a,
body.userpanel-dashboard-mode .usercp-wallet,
body.userpanel-dashboard-mode .usercp-hero-guild,
body.userpanel-dashboard-mode .usercp-hero-meta-box,
body.userpanel-dashboard-mode .usercp-hero-stat,
body.userpanel-dashboard-mode .usercp-market-row,
body.userpanel-dashboard-mode .av-slot,
body.userpanel-dashboard-mode .s6vote-weekly-reward-pill,
body.userpanel-dashboard-mode .payment-method-tabs,
body.userpanel-dashboard-mode .payment-tab,
body.userpanel-dashboard-mode .bonus-progress {
	background: linear-gradient(180deg, rgba(10, 16, 11, 0.82), rgba(4, 8, 6, 0.92)) !important;
	border-color: rgba(240, 200, 75, 0.16) !important;
	color: var(--dg-text) !important;
}

body.userpanel-dashboard-mode .usercp-hero-stat-value,
body.userpanel-dashboard-mode .usercp-market-price-value,
body.userpanel-dashboard-mode .usercp-wallet-value,
body.userpanel-dashboard-mode .s6vote-reward-card-coin,
body.userpanel-dashboard-mode .bonus-progress-fill {
	color: #ffd95a !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.16) !important;
}

body.userpanel-dashboard-mode .bonus-progress-fill {
	background: linear-gradient(90deg, #a87f19, #f1d35d) !important;
}

body.userpanel-dashboard-mode .s6vote-main-layout,
body.userpanel-dashboard-mode .s6-payment-layout {
	gap: 18px;
}

body.userpanel-dashboard-mode .text-muted,
body.userpanel-dashboard-mode .small,
body.userpanel-dashboard-mode small,
body.userpanel-dashboard-mode .usercp-hero-meta-label,
body.userpanel-dashboard-mode .usercp-hero-stat-label,
body.userpanel-dashboard-mode .usercp-market-meta,
body.userpanel-dashboard-mode .s6vote-site-meta {
	color: var(--dg-muted) !important;
}

/* UserCP module-specific cleanup */
body.userpanel-dashboard-mode .avro-panel,
body.userpanel-dashboard-mode .avro-table,
body.userpanel-dashboard-mode .s6vote-rewards-panel,
body.userpanel-dashboard-mode .s6vote-sites-grid .panel,
body.userpanel-dashboard-mode .s6-payment-usercp .package-card,
body.userpanel-dashboard-mode .s6-payment-usercp .payment-panel,
body.userpanel-dashboard-mode .s6-payment-usercp .leaderboard-card,
body.userpanel-dashboard-mode .s6-payment-usercp .bonus-card,
body.userpanel-dashboard-mode .starterpack-pack,
body.userpanel-dashboard-mode .pvppack-pack,
body.userpanel-dashboard-mode .starterpack-controls,
body.userpanel-dashboard-mode .pvppack-controls,
body.userpanel-dashboard-mode .starterpack-additional,
body.userpanel-dashboard-mode .pvppack-additional {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055), transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 12px 26px rgba(0, 0, 0, 0.32) !important;
	color: var(--dg-text) !important;
}

body.userpanel-dashboard-mode .s6-payment-usercp .payment-method-tabs,
body.userpanel-dashboard-mode .s6-payment-usercp .payment-tab,
body.userpanel-dashboard-mode .s6-payment-usercp .form-label,
body.userpanel-dashboard-mode .s6-payment-usercp .form-input,
body.userpanel-dashboard-mode .sp-race-tab,
body.userpanel-dashboard-mode .sp-level-btn,
body.userpanel-dashboard-mode .starterpack-price-chip,
body.userpanel-dashboard-mode .starterpack-additional-box,
body.userpanel-dashboard-mode .pvppack-price-chip,
body.userpanel-dashboard-mode .pvppack-additional-box {
	background: rgba(5, 9, 6, 0.78) !important;
	border-color: rgba(240, 200, 75, 0.18) !important;
	color: var(--dg-text) !important;
	box-shadow: none !important;
}

body.userpanel-dashboard-mode .s6-payment-usercp .payment-tab.active,
body.userpanel-dashboard-mode .sp-race-tab.active,
body.userpanel-dashboard-mode .sp-level-btn.active,
body.userpanel-dashboard-mode .starterpack-buy-btn,
body.userpanel-dashboard-mode .pvppack-buy-btn {
	background: linear-gradient(180deg, #d8b436, #a87f19) !important;
	border-color: rgba(255, 241, 167, 0.58) !important;
	color: #17160a !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.28), 0 0 14px rgba(240, 200, 75, 0.14) !important;
}

body.userpanel-dashboard-mode .s6vote-reward-card[style],
body.userpanel-dashboard-mode .s6vote-reward-coin-text[style],
body.userpanel-dashboard-mode .s6resetsystem-discount,
body.userpanel-dashboard-mode .avro-panel[style],
body.userpanel-dashboard-mode .avro-panel .panel-body[style] {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.07), transparent 24%),
		linear-gradient(180deg, rgba(12, 18, 11, 0.94), rgba(3, 7, 5, 0.98)) !important;
	border-color: var(--dg-line) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 12px 26px rgba(0, 0, 0, 0.32) !important;
	color: var(--dg-gold-soft) !important;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel {
	position: relative;
	overflow: hidden;
	border-color: rgba(240, 200, 75, 0.26) !important;
	background:
		radial-gradient(circle at 90% 0%, rgba(240, 200, 75, 0.11), transparent 34%),
		radial-gradient(circle at 8% 88%, rgba(141, 220, 57, 0.07), transparent 30%),
		linear-gradient(180deg, rgba(10, 17, 11, 0.98), rgba(2, 6, 4, 0.99)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.07), 0 16px 34px rgba(0, 0, 0, 0.38), 0 0 22px rgba(240, 200, 75, 0.08) !important;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 244, 191, 0.74), rgba(141, 220, 57, 0.24), transparent);
	pointer-events: none;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel > .panel-heading {
	position: relative;
	padding: 13px 16px 12px !important;
	background: linear-gradient(180deg, rgba(42, 38, 21, 0.74), rgba(7, 13, 8, 0.9)) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.22) !important;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel > .panel-heading::after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(240, 200, 75, 0.12), rgba(255, 244, 191, 0.58), rgba(141, 220, 57, 0.14), transparent);
	box-shadow: 0 0 12px rgba(240, 200, 75, 0.18);
	pointer-events: none;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel > .panel-heading .panel-title {
	color: #fff4bf !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.16) !important;
}

body.userpanel-dashboard-mode .s6vote-main-right > .avro-panel > .panel-body {
	padding: 12px !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table {
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 7px !important;
	background: transparent !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > thead > tr > th {
	padding: 8px 10px !important;
	border: 0 !important;
	background: rgba(18, 38, 25, 0.86) !important;
	color: #fff4bf !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-shadow: 0 0 8px rgba(240, 200, 75, 0.14) !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > thead > tr > th:first-child {
	border-radius: 8px 0 0 8px;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > thead > tr > th:last-child {
	border-radius: 0 8px 8px 0;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > td,
body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > th {
	padding: 9px 10px !important;
	border-top: 1px solid rgba(240, 200, 75, 0.13) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.13) !important;
	background: linear-gradient(180deg, rgba(11, 21, 14, 0.92), rgba(5, 10, 7, 0.96)) !important;
	color: #edf4db !important;
	vertical-align: middle !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > td:first-child,
body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > th:first-child {
	border-left: 1px solid rgba(240, 200, 75, 0.13) !important;
	border-radius: 9px 0 0 9px;
	color: #fff4bf !important;
	font-weight: 800;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > td:last-child,
body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table > tbody > tr > th:last-child {
	border-right: 1px solid rgba(240, 200, 75, 0.13) !important;
	border-radius: 0 9px 9px 0;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table.table-hover > tbody > tr:hover > td,
body.userpanel-dashboard-mode .s6vote-main-right .s6vote-table.table-hover > tbody > tr:hover > th {
	background:
		radial-gradient(circle at 8% 50%, rgba(141, 220, 57, 0.12), transparent 44%),
		linear-gradient(180deg, rgba(20, 30, 14, 0.96), rgba(7, 12, 7, 0.98)) !important;
	border-color: rgba(240, 200, 75, 0.28) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.05), 0 0 14px rgba(240, 200, 75, 0.08);
	color: #fff4bf !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-weekly-reward-list {
	gap: 6px !important;
	justify-content: flex-start !important;
	overflow: visible !important;
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-weekly-reward-pill {
	min-width: 72px !important;
	height: 22px !important;
	padding: 0 8px !important;
	border-color: rgba(240, 200, 75, 0.26) !important;
	background: linear-gradient(180deg, rgba(19, 29, 14, 0.96), rgba(5, 10, 6, 0.98)) !important;
	color: #fff0ae !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.06), 0 0 10px rgba(240, 200, 75, 0.11) !important;
	text-shadow: 0 0 8px rgba(240, 200, 75, 0.14);
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-weekly-footer {
	position: relative;
	margin-top: 12px;
	padding: 12px 10px 1px !important;
	border-top: 0 !important;
	color: #eaf3d4 !important;
	font-size: 12px !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.14);
}

body.userpanel-dashboard-mode .s6vote-main-right .s6vote-weekly-footer::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(240, 200, 75, 0.3), rgba(141, 220, 57, 0.1), transparent);
}

body.userpanel-dashboard-mode [style*="color:#dce8b3"],
body.userpanel-dashboard-mode [style*="color: #777"],
body.userpanel-dashboard-mode [style*="color:#777"],
body.userpanel-dashboard-mode [style*="color:#c7d2fe"],
body.userpanel-dashboard-mode [style*="color:#dbeafe"],
body.userpanel-dashboard-mode [style*="color:#e6fffa"],
body.userpanel-dashboard-mode [style*="color:#bae6fd"] {
	color: var(--dg-muted) !important;
}

body.userpanel-dashboard-mode [style*="color:#bbf7d0"],
body.userpanel-dashboard-mode [style*="color:#a7f3d0"],
body.userpanel-dashboard-mode [style*="color:#76ffab"] {
	color: var(--dg-gold-soft) !important;
}

body.userpanel-dashboard-mode [style*="border-bottom: 1px solid #1f1f1f"],
body.userpanel-dashboard-mode [style*="border-bottom:1px solid #1f1f1f"] {
	border-bottom-color: rgba(240, 200, 75, 0.12) !important;
}

body.userpanel-dashboard-mode textarea[style*="height"],
body.userpanel-dashboard-mode input[style*="width"],
body.userpanel-dashboard-mode select[style*="min-width"] {
	background: rgba(4, 8, 6, 0.94) !important;
	border-color: rgba(240, 200, 75, 0.22) !important;
	color: var(--dg-text) !important;
}

body.userpanel-dashboard-mode .panel-general .row,
body.userpanel-dashboard-mode .ticket-reply,
body.userpanel-dashboard-mode .ticket-message {
	color: var(--dg-text) !important;
}

/* News detail panel needs higher specificity than legacy body.news-focus-mode rules. */
body.news-focus-mode .news-hub-layout {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.news-focus-mode .news-hub-detail .panel-news {
	overflow: hidden;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055) 0%, transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94) 0%, rgba(2, 5, 4, 0.98) 100%) !important;
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 12px 26px rgba(0, 0, 0, 0.32) !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-heading {
	position: relative;
	background: linear-gradient(180deg, rgba(21, 25, 15, 0.86), rgba(8, 12, 8, 0.92)) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.14) !important;
	box-shadow: none !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-title,
body.news-focus-mode .news-hub-detail .panel-news .panel-title a {
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.12) !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-body {
	background: linear-gradient(180deg, rgba(5, 9, 6, 0.62), rgba(0, 0, 0, 0.18)) !important;
	color: var(--dg-text) !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-body p,
body.news-focus-mode .news-hub-detail .panel-news .panel-body div,
body.news-focus-mode .news-hub-detail .panel-news .panel-body span,
body.news-focus-mode .news-hub-detail .panel-news .panel-body li {
	color: var(--dg-text) !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-body strong,
body.news-focus-mode .news-hub-detail .panel-news .panel-body b {
	color: var(--dg-gold-soft) !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-body hr {
	background: linear-gradient(90deg, transparent, rgba(240, 200, 75, 0.18), transparent) !important;
}

body.news-focus-mode .news-hub-detail .panel-news .panel-footer {
	background: rgba(4, 8, 6, 0.76) !important;
	border-top: 1px solid rgba(240, 200, 75, 0.12) !important;
	color: var(--dg-muted) !important;
}

body.news-focus-mode .news-hub-detail .news-type-badge,
body.news-focus-mode .news-hub-detail .news-new-badge {
	background: rgba(240, 200, 75, 0.1) !important;
	border-color: rgba(240, 200, 75, 0.26) !important;
	color: var(--dg-gold-soft) !important;
}

/* Downloads page: match dark/gold single-piece style with higher specificity. */
body.downloads-focus-mode #container {
	background:
		radial-gradient(circle at 86% 10%, rgba(240, 200, 75, 0.1) 0%, transparent 26%),
		radial-gradient(circle at 14% 92%, rgba(0, 255, 156, 0.05) 0%, transparent 30%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.94) 0%, rgba(3, 6, 5, 0.98) 100%) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	box-shadow: 0 22px 52px rgba(0, 0, 0, 0.52), 0 0 26px rgba(240, 200, 75, 0.075) !important;
}

body.downloads-focus-mode .downloads-page-layout {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.downloads-focus-mode .panel-downloads {
	overflow: hidden;
	margin-bottom: 18px;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055) 0%, transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.9), rgba(2, 5, 4, 0.96)) !important;
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	border-radius: 9px !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

body.downloads-focus-mode .panel-downloads .panel-body {
	padding: 14px 18px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.downloads-focus-mode .panel-downloads .panel-title {
	margin: 0 0 10px;
	color: var(--dg-gold-soft) !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
}

body.downloads-focus-mode .panel-downloads .table,
body.downloads-focus-mode .panel-downloads .table tbody,
body.downloads-focus-mode .panel-downloads .table tr,
body.downloads-focus-mode .panel-downloads .table td {
	background: transparent !important;
	border-color: rgba(240, 200, 75, 0.075) !important;
	color: var(--dg-text) !important;
}

body.downloads-focus-mode .panel-downloads .table tr {
	background: rgba(4, 8, 6, 0.34) !important;
}

body.downloads-focus-mode .download-description {
	color: var(--dg-muted) !important;
}

body.downloads-focus-mode .footer {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.045) 0%, transparent 24%),
		linear-gradient(180deg, rgba(7, 13, 9, 0.9), rgba(2, 5, 4, 0.96)) !important;
	border-top: 1px solid rgba(240, 200, 75, 0.14) !important;
	box-shadow: none !important;
}

/* Footer final cleanup: remove old purple/green accents and match the dark/gold shell. */
body.avro-theme .footer,
body.news-focus-mode .footer,
body.rankings-focus-mode .footer,
body.profile-focus-mode .footer,
body.wiki-focus-mode .footer,
body.downloads-focus-mode .footer {
	background:
		radial-gradient(circle at 84% 16%, rgba(240, 200, 75, 0.055) 0%, transparent 28%),
		linear-gradient(180deg, rgba(5, 9, 7, 0.94) 0%, rgba(1, 4, 3, 0.98) 100%) !important;
	border-color: rgba(240, 200, 75, 0.14) !important;
	border-top: 1px solid rgba(240, 200, 75, 0.14) !important;
	color: var(--dg-muted) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.035), 0 18px 38px rgba(0, 0, 0, 0.32) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.home-page-mode .footer {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-top: 1px solid rgba(240, 200, 75, 0.14) !important;
	border-radius: 0 !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.035) !important;
}

body.avro-theme .footer hr,
body.news-focus-mode .footer hr,
body.rankings-focus-mode .footer hr,
body.profile-focus-mode .footer hr,
body.wiki-focus-mode .footer hr,
body.downloads-focus-mode .footer hr {
	border-top: 1px solid rgba(240, 200, 75, 0.12) !important;
	box-shadow: none !important;
}

body.avro-theme .footer .footer-links-row a,
body.avro-theme .footer .footer-links-row span,
body.avro-theme .footer .footer-separator,
body.news-focus-mode .footer .footer-links-row a,
body.news-focus-mode .footer .footer-links-row span,
body.news-focus-mode .footer .footer-separator,
body.rankings-focus-mode .footer .footer-links-row a,
body.rankings-focus-mode .footer .footer-links-row span,
body.rankings-focus-mode .footer .footer-separator,
body.profile-focus-mode .footer .footer-links-row a,
body.profile-focus-mode .footer .footer-links-row span,
body.profile-focus-mode .footer .footer-separator,
body.wiki-focus-mode .footer .footer-links-row a,
body.wiki-focus-mode .footer .footer-links-row span,
body.wiki-focus-mode .footer .footer-separator,
body.downloads-focus-mode .footer .footer-links-row a,
body.downloads-focus-mode .footer .footer-links-row span,
body.downloads-focus-mode .footer .footer-separator {
	color: rgba(255, 244, 189, 0.84) !important;
	text-shadow: none !important;
}

body.avro-theme .footer .footer-meta-row .footer-meta-copy,
body.avro-theme .footer .footer-meta-row .footer-meta-copy p,
body.avro-theme .footer .footer-meta-row .footer-meta-copy a,
body.news-focus-mode .footer .footer-meta-row .footer-meta-copy,
body.news-focus-mode .footer .footer-meta-row .footer-meta-copy p,
body.news-focus-mode .footer .footer-meta-row .footer-meta-copy a,
body.rankings-focus-mode .footer .footer-meta-row .footer-meta-copy,
body.rankings-focus-mode .footer .footer-meta-row .footer-meta-copy p,
body.rankings-focus-mode .footer .footer-meta-row .footer-meta-copy a,
body.profile-focus-mode .footer .footer-meta-row .footer-meta-copy,
body.profile-focus-mode .footer .footer-meta-row .footer-meta-copy p,
body.profile-focus-mode .footer .footer-meta-row .footer-meta-copy a,
body.wiki-focus-mode .footer .footer-meta-row .footer-meta-copy,
body.wiki-focus-mode .footer .footer-meta-row .footer-meta-copy p,
body.wiki-focus-mode .footer .footer-meta-row .footer-meta-copy a,
body.downloads-focus-mode .footer .footer-meta-row .footer-meta-copy,
body.downloads-focus-mode .footer .footer-meta-row .footer-meta-copy p,
body.downloads-focus-mode .footer .footer-meta-row .footer-meta-copy a,
body.avro-theme .webengine-powered,
body.avro-theme .webengine-powered:hover {
	color: rgba(226, 218, 177, 0.72) !important;
	text-shadow: none !important;
}

body.avro-theme .footer > .footer-container a:hover,
body.news-focus-mode .footer > .footer-container a:hover,
body.rankings-focus-mode .footer > .footer-container a:hover,
body.profile-focus-mode .footer > .footer-container a:hover,
body.wiki-focus-mode .footer > .footer-container a:hover,
body.downloads-focus-mode .footer > .footer-container a:hover {
	color: #fff4bd !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
}

body.avro-theme .footer-time-row,
body.avro-theme .footer-time-row #tServerDate,
body.avro-theme .footer-time-row #tLocalDate {
	color: rgba(226, 218, 177, 0.72) !important;
	text-shadow: none !important;
}

body.avro-theme .footer-time-row strong,
body.avro-theme .footer-time-row #tServerTime,
body.avro-theme .footer-time-row #tLocalTime {
	color: #f0c84b !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.12) !important;
}

body.avro-theme .footer .footer-social-link {
	width: 56px;
	height: 56px;
	background:
		radial-gradient(circle at top, rgba(240, 200, 75, 0.08), transparent 55%),
		linear-gradient(180deg, rgba(9, 15, 10, 0.96), rgba(3, 6, 5, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 8px 18px rgba(0, 0, 0, 0.24) !important;
	filter: none !important;
}

body.avro-theme .footer .footer-social-link img {
	width: 30px !important;
	height: 30px !important;
}

body.avro-theme .footer .footer-social-link:hover {
	transform: translateY(-2px);
	border-color: rgba(240, 200, 75, 0.34) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.06), 0 12px 22px rgba(0, 0, 0, 0.3), 0 0 14px rgba(240, 200, 75, 0.1) !important;
}

/* Header/navbar final cleanup: one clean gold divider under language, menu and actions. */
body.avro-theme #navbar {
	background:
		radial-gradient(circle at 50% 0%, rgba(240, 200, 75, 0.055), transparent 34%),
		linear-gradient(180deg, rgba(5, 8, 7, 0.98) 0%, rgba(2, 5, 4, 0.98) 100%) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.16) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

body.avro-theme #navbar::after {
	content: '' !important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(240, 200, 75, 0.34) 18%, rgba(240, 200, 75, 0.52) 50%, rgba(240, 200, 75, 0.34) 82%, transparent 100%) !important;
	opacity: 1 !important;
	pointer-events: none;
	box-shadow: none !important;
}

body.avro-theme #navbar .navbar-inner > ul > li > a {
	color: rgba(244, 240, 214, 0.94) !important;
	outline: none !important;
	border: 0 !important;
	text-shadow: none !important;
}

body.avro-theme #navbar .navbar-inner > ul > li > a::after {
	background: linear-gradient(90deg, transparent, rgba(240, 200, 75, 0.92), transparent) !important;
	box-shadow: 0 0 10px rgba(240, 200, 75, 0.16) !important;
}

body.avro-theme #navbar .navbar-inner > ul > li > a:hover,
body.avro-theme #navbar .navbar-inner > ul > li > a:focus,
body.avro-theme #navbar .navbar-inner > ul > li > a:focus-visible,
body.avro-theme #navbar .navbar-inner > ul > li > a:active {
	color: #fff4bd !important;
	outline: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.14) !important;
}

body.avro-theme #navbar .webengine-language-switcher,
body.avro-theme #navbar .stage-system-toggle,
body.avro-theme #navbar .header-info-pill,
body.avro-theme #navbar .header-notify-btn,
body.avro-theme #navbar .header-dashboard-link {
	background: linear-gradient(180deg, rgba(8, 14, 10, 0.94), rgba(3, 6, 5, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	color: var(--dg-text) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

body.avro-theme #navbar .webengine-language-switcher .lang-trigger-btn {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--dg-text) !important;
}

body.avro-theme #navbar .webengine-language-switcher li {
	border-bottom-color: rgba(240, 200, 75, 0.1) !important;
}

body.avro-theme #navbar .webengine-language-switcher li:hover,
body.avro-theme #navbar .webengine-language-switcher li a:hover {
	background: rgba(240, 200, 75, 0.07) !important;
	color: #fff4bd !important;
}

body.avro-theme #navbar .webengine-language-switcher .lang-trigger-btn::after {
	border-top-color: rgba(240, 200, 75, 0.9) !important;
}

body.avro-theme #navbar .header-dashboard-link {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.5) !important;
	color: #17160a !important;
}

body.avro-theme #navbar .header-dashboard-link:hover,
body.avro-theme #navbar .header-dashboard-link:focus {
	background: linear-gradient(180deg, #f1d35d 0%, #bf9321 100%) !important;
	border-color: rgba(255, 248, 200, 0.68) !important;
	color: #111006 !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3), 0 0 16px rgba(240, 200, 75, 0.16) !important;
}

/* UserCP wallet currency colors. */
body.userpanel-dashboard-mode .usercp-wallet-chip,
body.userpanel-dashboard-mode .myaccount-credit-chip {
	border-radius: 999px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 18px rgba(0, 0, 0, 0.26) !important;
}

body.userpanel-dashboard-mode .usercp-wallet-wcoinc,
body.userpanel-dashboard-mode .myaccount-credit-chip-wcoinc {
	background: linear-gradient(180deg, rgba(28, 82, 178, 0.92), rgba(14, 45, 114, 0.98)) !important;
	border-color: rgba(104, 151, 255, 0.86) !important;
	color: #eef5ff !important;
}

body.userpanel-dashboard-mode .usercp-wallet-wcoinp,
body.userpanel-dashboard-mode .myaccount-credit-chip-wcoinp {
	background: linear-gradient(180deg, rgba(0, 137, 86, 0.92), rgba(0, 91, 61, 0.98)) !important;
	border-color: rgba(69, 232, 157, 0.86) !important;
	color: #edfff7 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-goblin,
body.userpanel-dashboard-mode .myaccount-credit-chip-goblin {
	background: linear-gradient(180deg, rgba(153, 92, 34, 0.94), rgba(103, 56, 21, 0.98)) !important;
	border-color: rgba(230, 159, 85, 0.88) !important;
	color: #fff2df !important;
}

body.userpanel-dashboard-mode .usercp-wallet-scrap,
body.userpanel-dashboard-mode .myaccount-credit-chip-scrap {
	background: linear-gradient(180deg, rgba(160, 34, 34, 0.95), rgba(94, 18, 22, 0.98)) !important;
	border-color: rgba(255, 92, 92, 0.88) !important;
	color: #fff0f0 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-ruud,
body.userpanel-dashboard-mode .myaccount-credit-chip-ruud {
	background: linear-gradient(180deg, rgba(158, 119, 30, 0.94), rgba(102, 70, 14, 0.98)) !important;
	border-color: rgba(240, 200, 75, 0.86) !important;
	color: #fff5c8 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-default,
body.userpanel-dashboard-mode .myaccount-credit-chip-default {
	background: linear-gradient(180deg, rgba(71, 77, 90, 0.86), rgba(37, 43, 54, 0.96)) !important;
	border-color: rgba(166, 176, 190, 0.58) !important;
	color: #eef2f8 !important;
}

body.userpanel-dashboard-mode .usercp-wallet-chip .usercp-wallet-name,
body.userpanel-dashboard-mode .usercp-wallet-chip .usercp-wallet-value {
	color: inherit !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42) !important;
}

/* VIP packages: dark row with bright readable values instead of a full gold button. */
body.userpanel-dashboard-mode .vip-plan-packages .vip-package-btn,
.vip-plan-packages .vip-package-btn {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.08), transparent 34%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.26) !important;
	color: #f4f0d6 !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.05), 0 10px 22px rgba(0, 0, 0, 0.3) !important;
	text-shadow: none !important;
}

body.userpanel-dashboard-mode .vip-plan-packages .vip-package-btn:hover,
.vip-plan-packages .vip-package-btn:hover {
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.12), transparent 36%),
		linear-gradient(180deg, rgba(12, 20, 13, 0.98), rgba(4, 8, 6, 0.98)) !important;
	border-color: rgba(255, 241, 167, 0.46) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.07), 0 12px 26px rgba(0, 0, 0, 0.34), 0 0 16px rgba(240, 200, 75, 0.12) !important;
	transform: translateY(-1px);
}

body.userpanel-dashboard-mode .vip-package-days,
.vip-package-days {
	color: #fff4bf !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.16) !important;
}

body.userpanel-dashboard-mode .vip-package-cost,
.vip-package-cost {
	color: #f6d45b !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.18) !important;
}

body.userpanel-dashboard-mode .vip-package-action,
.vip-package-action {
	background: linear-gradient(180deg, rgba(240, 200, 75, 0.18), rgba(120, 91, 20, 0.18)) !important;
	border: 1px solid rgba(255, 241, 167, 0.36) !important;
	color: #fff4bf !important;
	box-shadow: none !important;
	text-shadow: 0 0 8px rgba(240, 200, 75, 0.16) !important;
}

body.userpanel-dashboard-mode .vip-package-btn:hover .vip-package-action,
.vip-package-btn:hover .vip-package-action {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.62) !important;
	color: #17160a !important;
	text-shadow: none !important;
}

/* Character weekly ranking polish. */
body.rankings-focus-mode .rankings-weekly-score-switch {
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 16px !important;
	padding: 6px !important;
	border-radius: 14px !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.08), transparent 44%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 12px 24px rgba(0, 0, 0, 0.28) !important;
}

body.rankings-focus-mode .rankings-weekly-score-switch .rankings-mode-btn {
	min-width: 142px;
	border-radius: 10px !important;
	background: rgba(5, 9, 6, 0.78) !important;
	border: 1px solid rgba(240, 200, 75, 0.12) !important;
	color: var(--dg-muted) !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .rankings-weekly-score-switch .rankings-mode-btn:hover,
body.rankings-focus-mode .rankings-weekly-score-switch .rankings-mode-btn.active {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.62) !important;
	color: #17160a !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.28), 0 0 14px rgba(240, 200, 75, 0.14) !important;
	text-shadow: none !important;
}

body.rankings-focus-mode .rankings-weekly-table {
	width: 100% !important;
	min-width: 980px;
	margin: 0 auto 20px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 14px !important;
	overflow: hidden;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055), transparent 26%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 16px 34px rgba(0, 0, 0, 0.36) !important;
}

body.rankings-focus-mode .rankings-weekly-table tr:first-child td {
	padding: 12px 10px !important;
	background: linear-gradient(180deg, rgba(24, 28, 17, 0.96), rgba(8, 12, 8, 0.98)) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.2) !important;
	color: var(--dg-gold-soft) !important;
	font-family: var(--font-heading);
	font-size: 12px !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase;
	white-space: nowrap;
}

body.rankings-focus-mode .rankings-weekly-table tr td {
	padding: 10px 10px !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.08) !important;
	color: var(--dg-text) !important;
	vertical-align: middle !important;
	background: rgba(5, 10, 7, 0.58) !important;
}

body.rankings-focus-mode .rankings-weekly-table tr:nth-child(2n+2) td {
	background: rgba(10, 18, 12, 0.74) !important;
}

body.rankings-focus-mode .rankings-weekly-table tr:hover td {
	background: rgba(240, 200, 75, 0.055) !important;
}

body.rankings-focus-mode .rankings-weekly-table .rankings-table-place {
	min-width: 42px;
	color: #17160a !important;
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-radius: 999px;
	font-weight: 900 !important;
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.18), 0 0 12px rgba(240, 200, 75, 0.12);
}

body.rankings-focus-mode .rankings-weekly-table .rankings-score-cell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 104px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(240, 200, 75, 0.18);
	background: rgba(5, 9, 6, 0.66);
	color: #ffd95a !important;
	font-weight: 900;
}

body.rankings-focus-mode .rankings-weekly-table .score-rules-info-dot {
	background: rgba(240, 200, 75, 0.16) !important;
	border-color: rgba(255, 241, 167, 0.38) !important;
	color: #fff4bf !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .rankings-weekly-reward-list {
	gap: 6px !important;
	min-width: 150px;
}

body.rankings-focus-mode .rankings-weekly-reward-pill {
	width: auto !important;
	min-width: 104px;
	min-height: 26px;
	padding: 5px 9px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 900;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 12px rgba(0, 0, 0, 0.22) !important;
}

body.rankings-focus-mode .weekly-archive-link {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	background: rgba(5, 9, 6, 0.72) !important;
	border-color: rgba(240, 200, 75, 0.2) !important;
	color: #fff4bf !important;
	box-shadow: none !important;
}

body.rankings-focus-mode .weekly-archive-link:hover,
body.rankings-focus-mode .weekly-archive-link:focus {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.62) !important;
	color: #17160a !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.26), 0 0 14px rgba(240, 200, 75, 0.16) !important;
}

/* Weekly rankings final force layer. Applies even when content is swapped without body classes. */
.rankings-weekly-score-switch {
	width: fit-content !important;
	max-width: 100% !important;
	margin: 0 auto 16px !important;
	padding: 6px !important;
	border-radius: 14px !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.08), transparent 44%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.04), 0 12px 24px rgba(0, 0, 0, 0.28) !important;
}

.rankings-weekly-score-switch .rankings-mode-btn {
	min-width: 142px !important;
	border-radius: 10px !important;
	background: rgba(5, 9, 6, 0.78) !important;
	border: 1px solid rgba(240, 200, 75, 0.12) !important;
	color: var(--dg-muted, #c8d5a7) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.rankings-weekly-score-switch .rankings-mode-btn:hover,
.rankings-weekly-score-switch .rankings-mode-btn.active {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.62) !important;
	color: #17160a !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.28), 0 0 14px rgba(240, 200, 75, 0.14) !important;
	text-shadow: none !important;
}

.rankings-weekly-table {
	width: 100% !important;
	min-width: 980px !important;
	margin: 0 auto 20px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.055), transparent 26%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 16px 34px rgba(0, 0, 0, 0.36) !important;
}

.rankings-weekly-table tr:first-child td {
	padding: 12px 10px !important;
	background: linear-gradient(180deg, rgba(24, 28, 17, 0.96), rgba(8, 12, 8, 0.98)) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.2) !important;
	color: var(--dg-gold-soft, #fff4bf) !important;
	font-family: var(--font-heading);
	font-size: 12px !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.rankings-weekly-table tr td {
	padding: 10px 10px !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.08) !important;
	color: var(--dg-text, #edf3dd) !important;
	vertical-align: middle !important;
	background: rgba(5, 10, 7, 0.58) !important;
}

.rankings-weekly-table tr:nth-child(2n+2) td {
	background: rgba(10, 18, 12, 0.74) !important;
}

.rankings-weekly-table tr:hover td {
	background: rgba(240, 200, 75, 0.055) !important;
}

.rankings-weekly-table .rankings-score-cell {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 104px;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(240, 200, 75, 0.18);
	background: rgba(5, 9, 6, 0.66);
	color: #ffd95a !important;
	font-weight: 900;
}

.rankings-weekly-reward-list {
	gap: 6px !important;
	min-width: 150px;
}

.rankings-weekly-reward-pill {
	width: auto !important;
	min-width: 104px !important;
	min-height: 26px !important;
	padding: 5px 9px !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 12px rgba(0, 0, 0, 0.22) !important;
}

.weekly-archive-link {
	width: 30px !important;
	height: 30px !important;
	border-radius: 10px !important;
	background: rgba(5, 9, 6, 0.72) !important;
	border-color: rgba(240, 200, 75, 0.2) !important;
	color: #fff4bf !important;
	box-shadow: none !important;
}

/* Rankings archive final design layer. */
.rankings-archive-page {
	display: flex !important;
	justify-content: center !important;
	margin: 16px 0 28px !important;
}

.rankings-archive-card {
	width: 100% !important;
	max-width: 1120px !important;
	padding: 20px 22px !important;
	border-radius: 16px !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.065), transparent 28%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.96), rgba(2, 5, 4, 0.98)) !important;
	border: 1px solid rgba(240, 200, 75, 0.2) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.045), 0 18px 38px rgba(0, 0, 0, 0.38) !important;
	color: var(--dg-text, #edf3dd) !important;
}

.rankings-archive-title {
	margin: 0 0 4px !important;
	color: var(--dg-gold-soft, #fff4bf) !important;
	font-family: var(--font-heading);
	font-size: 28px !important;
	font-weight: 800 !important;
	text-shadow: 0 0 14px rgba(240, 200, 75, 0.14) !important;
}

.rankings-archive-subtitle,
.rankings-archive-empty {
	color: var(--dg-muted, #c8d5a7) !important;
	text-shadow: none !important;
}

.rankings-archive-tabs {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin: 16px 0 14px !important;
	padding: 6px !important;
	border-radius: 14px !important;
	background: rgba(5, 9, 6, 0.72) !important;
	border: 1px solid rgba(240, 200, 75, 0.16) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.035), 0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

.rankings-archive-tab {
	min-height: 40px;
	border-radius: 10px !important;
	border: 1px solid rgba(240, 200, 75, 0.12) !important;
	background: transparent !important;
	color: var(--dg-muted, #c8d5a7) !important;
	font-family: var(--font-heading);
	font-weight: 800 !important;
	text-shadow: none !important;
}

.rankings-archive-tab:hover,
.rankings-archive-tab:focus,
.rankings-archive-tab.is-active {
	background: linear-gradient(180deg, #d8b436 0%, #a87f19 100%) !important;
	border-color: rgba(255, 241, 167, 0.62) !important;
	color: #17160a !important;
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.28), 0 0 14px rgba(240, 200, 75, 0.14) !important;
}

.rankings-archive-list {
	border-top: 1px solid rgba(240, 200, 75, 0.1) !important;
}

.rankings-archive-week {
	margin-top: 10px;
	overflow: hidden;
	border-radius: 14px !important;
	background:
		radial-gradient(circle at top right, rgba(240, 200, 75, 0.045), transparent 24%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.9), rgba(3, 7, 5, 0.96)) !important;
	border: 1px solid rgba(240, 200, 75, 0.15) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.035), 0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

.rankings-archive-week-head {
	width: 100% !important;
	padding: 13px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.12) !important;
	background: rgba(5, 9, 6, 0.52) !important;
	color: var(--dg-gold-soft, #fff4bf) !important;
	text-shadow: none !important;
}

.rankings-archive-week-icon,
.rankings-archive-week-caret {
	color: #ffd95a !important;
	text-shadow: 0 0 10px rgba(240, 200, 75, 0.16) !important;
}

.rankings-archive-week-label {
	color: var(--dg-gold-soft, #fff4bf) !important;
	font-weight: 800 !important;
	text-align: left !important;
}

.rankings-archive-week-body {
	padding: 12px !important;
}

.rankings-archive-table-wrap {
	overflow-x: auto;
	border-radius: 12px !important;
	background: rgba(2, 5, 4, 0.38) !important;
	border: 1px solid rgba(240, 200, 75, 0.1) !important;
	box-shadow: none !important;
}

.rankings-archive-table {
	width: 100% !important;
	min-width: 640px;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

.rankings-archive-table tr:first-child td {
	padding: 11px 10px !important;
	background: linear-gradient(180deg, rgba(24, 28, 17, 0.96), rgba(8, 12, 8, 0.98)) !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.18) !important;
	color: var(--dg-gold-soft, #fff4bf) !important;
	font-family: var(--font-heading);
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.rankings-archive-table tr td {
	padding: 10px !important;
	border-bottom: 1px solid rgba(240, 200, 75, 0.08) !important;
	background: rgba(5, 10, 7, 0.54) !important;
	color: var(--dg-text, #edf3dd) !important;
	vertical-align: middle !important;
}

.rankings-archive-table tr:nth-child(2n+2) td {
	background: rgba(10, 18, 12, 0.72) !important;
}

.rankings-archive-table tr:hover td {
	background: rgba(240, 200, 75, 0.055) !important;
}

.rankings-archive-table tr td:first-child {
	width: 58px !important;
	color: #ffd95a !important;
	font-weight: 900 !important;
	text-align: center;
}

.rankings-archive-reward-points,
.rankings-archive-reward-zen {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 104px !important;
	min-height: 26px !important;
	margin: 2px 6px 2px 0 !important;
	padding: 5px 9px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(240, 200, 75, 0.22) !important;
	background: rgba(5, 9, 6, 0.72) !important;
	color: #fff4bf !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 6px 12px rgba(0, 0, 0, 0.2) !important;
}

.rankings-weekly-reward-pill-wcoinc {
	background: linear-gradient(180deg, rgba(37, 82, 195, 0.5), rgba(27, 62, 152, 0.5)) !important;
	color: #dbe9ff !important;
	border-color: rgba(88, 141, 255, 0.88) !important;
}

.rankings-weekly-reward-pill-wcoinp {
	background: linear-gradient(180deg, rgba(25, 133, 88, 0.5), rgba(20, 105, 71, 0.5)) !important;
	color: #dcffe9 !important;
	border-color: rgba(66, 217, 145, 0.88) !important;
}

.rankings-weekly-reward-pill-goblin {
	background: linear-gradient(180deg, rgba(118, 80, 40, 0.56), rgba(88, 57, 28, 0.56)) !important;
	color: #ffe8cc !important;
	border-color: rgba(193, 140, 86, 0.9) !important;
}

.rankings-archive-reward-points.rankings-archive-reward-points-wcoinc {
	background: linear-gradient(180deg, rgba(37, 82, 195, 0.5), rgba(27, 62, 152, 0.5)) !important;
	color: #dbe9ff !important;
	border-color: rgba(88, 141, 255, 0.88) !important;
}

.rankings-archive-reward-points.rankings-archive-reward-points-wcoinp {
	background: linear-gradient(180deg, rgba(25, 133, 88, 0.5), rgba(20, 105, 71, 0.5)) !important;
	color: #dcffe9 !important;
	border-color: rgba(66, 217, 145, 0.88) !important;
}

.rankings-archive-reward-points.rankings-archive-reward-points-gp {
	background: linear-gradient(180deg, rgba(118, 80, 40, 0.56), rgba(88, 57, 28, 0.56)) !important;
	color: #ffe8cc !important;
	border-color: rgba(193, 140, 86, 0.9) !important;
}

/* Home launch timer final polish. */
.home-page-mode .home-countdown-wrap,
.home-countdown-wrap.home-countdown-wrap-above-hof {
	margin: -136px 0 18px !important;
	z-index: 80 !important;
}

.home-page-mode .home-countdown-card,
.home-countdown-card {
	width: min(620px, calc(100% - 48px)) !important;
	padding: 12px 18px 13px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(240, 200, 75, 0.28) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(240, 200, 75, 0.11), transparent 42%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.88), rgba(2, 5, 4, 0.92)) !important;
	backdrop-filter: blur(8px) saturate(125%) !important;
	-webkit-backdrop-filter: blur(8px) saturate(125%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 243, 191, 0.08), 0 16px 34px rgba(0, 0, 0, 0.42), 0 0 22px rgba(240, 200, 75, 0.1) !important;
	color: var(--dg-text, #edf3dd) !important;
	overflow: hidden;
	pointer-events: auto !important;
}

.home-page-mode .home-countdown-card::after,
.home-countdown-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, transparent, rgba(255, 243, 191, 0.055), transparent);
	pointer-events: none;
}

.home-page-mode .home-countdown-title,
.home-countdown-title {
	position: relative;
	z-index: 1;
	margin: 0 0 7px !important;
	color: rgba(255, 244, 191, 0.92) !important;
	font-family: var(--font-heading, 'Orbitron', sans-serif) !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.14) !important;
}

.home-page-mode .home-countdown-metrics,
.home-countdown-metrics {
	position: relative;
	z-index: 1;
	gap: 0 !important;
	margin: 0 0 8px !important;
}

.home-page-mode .home-countdown-unit,
.home-countdown-unit {
	min-width: 96px !important;
	padding: 0 18px !important;
	border-right: 1px solid rgba(240, 200, 75, 0.16) !important;
}

.home-page-mode .home-countdown-unit:last-child,
.home-countdown-unit:last-child {
	border-right: 0 !important;
}

.home-page-mode .home-countdown-value,
.home-countdown-value {
	color: #fff4bf !important;
	font-family: var(--font-heading, 'Orbitron', sans-serif) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0.04em !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.18) !important;
}

.home-page-mode .home-countdown-label,
.home-countdown-label {
	margin-top: 4px !important;
	color: rgba(226, 218, 177, 0.78) !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
}

.home-page-mode .home-countdown-subtext,
.home-countdown-subtext {
	position: relative;
	z-index: 1;
	margin: 0 !important;
	color: rgba(226, 218, 177, 0.84) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
}

/* Register form visual upgrade. */
body:not(.home-page-mode) .register-form-shell {
	margin-top: 24px;
	padding: 24px 28px 18px;
	border-radius: 14px;
	border: 1px solid rgba(240, 200, 75, 0.24);
	background:
		radial-gradient(circle at 14% 18%, rgba(141, 220, 57, 0.08), transparent 48%),
		linear-gradient(180deg, rgba(8, 14, 10, 0.88), rgba(4, 9, 7, 0.94));
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.06), 0 14px 30px rgba(0, 0, 0, 0.35);
}

body:not(.home-page-mode) .register-form .form-group {
	margin-bottom: 14px;
}

body:not(.home-page-mode) .register-form-label {
	padding-top: 9px;
	color: #efe6b8 !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

body:not(.home-page-mode) .register-form .form-control {
	height: 42px;
	border-radius: 9px;
	border: 1px solid rgba(240, 200, 75, 0.18);
	background: rgba(3, 8, 6, 0.84) !important;
	color: #f4f2dc !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

body:not(.home-page-mode) .register-form .form-control:focus {
	border-color: rgba(141, 220, 57, 0.52) !important;
	background: rgba(5, 12, 8, 0.92) !important;
	box-shadow: 0 0 0 2px rgba(141, 220, 57, 0.15), 0 0 14px rgba(240, 200, 75, 0.14);
}

body:not(.home-page-mode) .register-form .help-block {
	margin-top: 6px;
	color: rgba(218, 224, 196, 0.72);
	font-size: 11px;
}

body:not(.home-page-mode) .register-form-terms {
	color: rgba(228, 232, 204, 0.86);
	font-size: 12px;
}

body:not(.home-page-mode) .register-form-terms a {
	color: #ffe38d !important;
	font-weight: 700;
}

body:not(.home-page-mode) .register-form .btn.btn-primary {
	min-width: 170px;
	height: 40px;
	padding: 0 18px;
	border-radius: 10px;
	border: 1px solid rgba(255, 228, 128, 0.55);
	background: linear-gradient(135deg, rgba(136, 210, 70, 0.26), rgba(244, 192, 80, 0.26)) !important;
	color: #fff4c8 !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 251, 233, 0.22), 0 0 14px rgba(141, 220, 57, 0.16);
	transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}

body:not(.home-page-mode) .register-form .btn.btn-primary:hover,
body:not(.home-page-mode) .register-form .btn.btn-primary:focus {
	transform: translateY(-1px);
	border-color: rgba(255, 241, 182, 0.85);
	filter: brightness(1.08);
	box-shadow: inset 0 1px 0 rgba(255, 251, 233, 0.34), 0 0 20px rgba(141, 220, 57, 0.26);
}

@media (max-width: 767px) {
	body:not(.home-page-mode) .register-form-shell {
		padding: 16px 14px 12px;
	}

	body:not(.home-page-mode) .register-form-label {
		padding-top: 0;
		margin-bottom: 6px;
		text-align: left !important;
	}

	body:not(.home-page-mode) .register-form .form-group {
		margin-bottom: 12px;
	}
}

@media (max-width: 640px) {
	.home-page-mode .home-countdown-wrap,
	.home-countdown-wrap.home-countdown-wrap-above-hof {
		margin: -112px 0 14px !important;
	}

	.home-page-mode .home-countdown-card,
	.home-countdown-card {
		width: calc(100% - 18px) !important;
		padding: 10px 10px 11px !important;
	}

	.home-page-mode .home-countdown-unit,
	.home-countdown-unit {
		min-width: 66px !important;
		padding: 0 8px !important;
	}

	.home-page-mode .home-countdown-value,
	.home-countdown-value {
		font-size: 21px !important;
	}
}

/* Rankings character Hall of Fame: glossy green/gold showcase. */
body.rankings-focus-mode .hall-fame-home-block {
	position: relative;
	overflow: hidden;
	margin: 18px auto 22px !important;
	padding: 22px 34px 24px !important;
	border-radius: 16px !important;
	border: 1px solid rgba(255, 224, 112, 0.34) !important;
	background:
		radial-gradient(ellipse at 50% -18%, rgba(255, 224, 112, 0.22) 0%, rgba(240, 200, 75, 0.08) 36%, transparent 68%),
		radial-gradient(circle at 12% 24%, rgba(141, 220, 57, 0.14) 0%, transparent 34%),
		radial-gradient(circle at 88% 34%, rgba(67, 198, 160, 0.12) 0%, transparent 32%),
		linear-gradient(180deg, rgba(19, 31, 16, 0.98) 0%, rgba(7, 13, 8, 0.98) 58%, rgba(2, 5, 4, 0.99) 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 244, 191, 0.14),
		inset 0 0 0 1px rgba(255, 244, 191, 0.035),
		0 18px 38px rgba(0, 0, 0, 0.34),
		0 0 28px rgba(240, 200, 75, 0.13) !important;
}

body.rankings-focus-mode .hall-fame-home-block::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(141, 220, 57, 0.32) 16%, rgba(255, 244, 191, 0.78) 50%, rgba(240, 200, 75, 0.34) 84%, transparent 100%);
	pointer-events: none;
}

body.rankings-focus-mode .hall-fame-home-block::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, transparent 0%, rgba(255, 244, 191, 0.055) 42%, transparent 64%),
		radial-gradient(ellipse at 50% 48%, rgba(255, 224, 112, 0.08) 0%, transparent 58%);
	pointer-events: none;
}

body.rankings-focus-mode .hall-fame-home-title {
	position: relative;
	z-index: 1;
	margin: 0 0 18px !important;
	color: #fff6c8 !important;
	font-size: clamp(28px, 2.5vw, 38px) !important;
	letter-spacing: 0.08em !important;
	text-shadow: 0 0 18px rgba(240, 200, 75, 0.22), 0 2px 0 rgba(0, 0, 0, 0.35) !important;
}

body.rankings-focus-mode .hall-fame-home-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-right: 12px !important;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 244, 191, 0.28), rgba(168, 127, 25, 0.24) 62%, rgba(5, 9, 6, 0.78));
	border: 1px solid rgba(255, 241, 167, 0.4);
	color: #ffd95a !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.18), 0 0 18px rgba(240, 200, 75, 0.18);
}

body.rankings-focus-mode .hall-fame-home-list {
	position: relative;
	z-index: 1;
	display: grid !important;
	grid-template-columns: repeat(7, minmax(104px, 1fr)) !important;
	gap: 16px 14px !important;
	align-items: stretch !important;
	padding: 0 !important;
}

body.rankings-focus-mode .hall-fame-home-item {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	padding: 12px 8px 11px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 224, 112, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(255, 244, 191, 0.055), rgba(141, 220, 57, 0.026)),
		linear-gradient(180deg, rgba(9, 16, 10, 0.56), rgba(2, 5, 4, 0.42)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.055) !important;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body.rankings-focus-mode .hall-fame-home-item:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 224, 112, 0.34) !important;
	background:
		linear-gradient(180deg, rgba(255, 224, 112, 0.095), rgba(141, 220, 57, 0.04)),
		linear-gradient(180deg, rgba(13, 22, 12, 0.7), rgba(3, 7, 5, 0.56)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 244, 191, 0.08), 0 12px 22px rgba(0, 0, 0, 0.28), 0 0 16px rgba(240, 200, 75, 0.11) !important;
}

body.rankings-focus-mode .hall-fame-home-avatar {
	width: 74px !important;
	height: 74px !important;
	margin: 0 auto 9px !important;
	border: 2px solid rgba(255, 224, 112, 0.82) !important;
	background: radial-gradient(circle at center, rgba(255, 224, 112, 0.18), rgba(5, 9, 6, 0.94) 64%) !important;
	box-shadow:
		0 0 0 4px rgba(10, 18, 10, 0.82),
		0 0 18px rgba(240, 200, 75, 0.28),
		0 0 24px rgba(141, 220, 57, 0.11),
		0 9px 18px rgba(0, 0, 0, 0.28) !important;
}

body.rankings-focus-mode .hall-fame-home-name,
body.rankings-focus-mode .hall-fame-home-name-empty {
	display: block !important;
	width: 100%;
	min-width: 0;
	color: #fff4bf !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0.02em !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-shadow: 0 0 12px rgba(240, 200, 75, 0.2) !important;
}

body.rankings-focus-mode .hall-fame-home-item > div:not(.hall-fame-home-avatar):not(.hall-fame-home-name) {
	display: block !important;
	width: 100% !important;
	min-width: 0;
	opacity: 1 !important;
	color: rgba(230, 224, 185, 0.82) !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: center !important;
	text-shadow: none !important;
}

body.rankings-focus-mode .hall-fame-home-item > div:last-child {
	margin-top: 3px;
	color: rgba(255, 217, 90, 0.78) !important;
}

@media (max-width: 980px) {
	body.rankings-focus-mode .hall-fame-home-list {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	body.rankings-focus-mode .hall-fame-home-block {
		padding: 18px 14px 20px !important;
	}

	body.rankings-focus-mode .hall-fame-home-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
}