/*
 * Vice Roleplay Dark Theme 2026
 * Stage 2.6: consolidated tokens, page ground and single-owner home layout.
 * Legacy duplicate home layers were removed before this baseline was built.
 */

body.vice-dark-2026 {
	--vice-bg-page: #05070c;
	--vice-bg-deep: #080b12;
	--vice-bg-shell: #080b12;

	--vice-surface-1: #0b1018;
	--vice-surface-2: #0f1520;
	--vice-surface-3: #141b27;
	--vice-surface-hover: #182131;

	--vice-border: #222c3b;
	--vice-border-soft: rgba(255, 255, 255, 0.085);
	--vice-border-faint: rgba(255, 255, 255, 0.055);
	--vice-border-strong: rgba(255, 255, 255, 0.14);

	--vice-text: #f4f7fb;
	--vice-text-soft: #c2cad6;
	--vice-text-muted: #8e9aab;
	--vice-text-dim: #657184;

	--vice-pink: #bd7898;
	--vice-pink-soft: rgba(189, 120, 152, 0.11);
	--vice-violet: #8b7cab;
	--vice-cyan: #73a8b2;
	--vice-blue: #7898b9;
	--vice-gold: #b99b68;

	--vice-success: #76aa8e;
	--vice-warning: #c2a06c;
	--vice-error: #c77881;

	--notice-event: var(--vice-pink);
	--notice-update: var(--vice-blue);
	--notice-season: var(--vice-gold);
	--notice-info: #668cae;
	--notice-danger: #ae6573;

	--vice-content-max: 1320px;
	--vice-content-wide: 1320px;
	--vice-page-gutter: 24px;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;

	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-pill: 999px;

	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 14px;
	--text-lg: 16px;
	--text-xl: 20px;
	--text-2xl: 28px;

	--vice-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.22);
	--vice-shadow-card: 0 16px 40px rgba(0, 0, 0, 0.28);
	--vice-shadow-raised: 0 24px 64px rgba(0, 0, 0, 0.34);

	--vice-z-base: 0;
	--vice-z-raised: 10;
	--vice-z-sticky: 100;
	--vice-z-dropdown: 300;
	--vice-z-overlay: 700;
	--vice-z-modal: 900;

	--transition-fast: 140ms ease;
	--transition-base: 200ms ease;

	color: var(--vice-text);
	color-scheme: dark;
	font-size: var(--text-md);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.vice-dark-2026 {
	min-height: 100vh;
	background-color: var(--vice-bg-page);
	background-image:
		radial-gradient(circle at 15% 0%, rgba(100, 129, 164, 0.045), transparent 28rem),
		radial-gradient(circle at 88% 12%, rgba(150, 103, 127, 0.025), transparent 24rem),
		linear-gradient(180deg, var(--vice-bg-page), var(--vice-bg-deep));
	color: var(--vice-text);
}

body.vice-dark-2026 #wrapper,
body.vice-dark-2026 #content_section,
body.vice-dark-2026 #main_content_section {
	min-width: 0;
	background-color: transparent;
}

body.vice-dark-2026 .vice-container,
body.vice-dark-2026 #main_content_section.vice-container {
	box-sizing: border-box;
	width: 100%;
	max-width: min(
		var(--vice-content-max),
		calc(100% - (var(--vice-page-gutter) + var(--vice-page-gutter)))
	);
	margin-inline: auto;
}

body.vice-dark-2026 .vice-container--wide {
	max-width: min(
		var(--vice-content-wide),
		calc(100% - (var(--vice-page-gutter) + var(--vice-page-gutter)))
	);
}

body.vice-dark-2026 .vice-shell {
	min-width: 0;
	background: var(--vice-bg-shell);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-lg);
}

body.vice-dark-2026 .vice-card {
	min-width: 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 45%),
		var(--vice-surface-1);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--vice-shadow-soft);
	color: var(--vice-text);
	transition:
		background-color var(--transition-base),
		border-color var(--transition-base),
		box-shadow var(--transition-base),
		transform var(--transition-fast);
}

body.vice-dark-2026 .vice-card--raised {
	background-color: var(--vice-surface-2);
	border-color: var(--vice-border-strong);
	box-shadow: var(--vice-shadow-card);
}

body.vice-dark-2026 .vice-card--interactive:hover {
	background-color: var(--vice-surface-hover);
	border-color: var(--vice-border-strong);
	transform: translateY(-1px);
}

body.vice-dark-2026 :focus-visible {
	outline: 2px solid #8da2b8;
	outline-offset: 2px;
}

body.vice-dark-2026 ::selection {
	background: var(--vice-pink-soft);
	color: var(--vice-text);
}

@media (max-width: 430px) {
	body.vice-dark-2026 {
		--vice-page-gutter: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.vice-dark-2026 *,
	body.vice-dark-2026 *::before,
	body.vice-dark-2026 *::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		transition-duration: 0.01ms;
	}
}

/* Consolidated server-status ownership. */
/* The legacy 312–360px server card becomes one compact status strip. */
body.vice-dark .server-card-container#sampServerCard {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: auto;
	min-height: 0;
	margin: 20px 0 16px;
	padding: 0;
	background: var(--vice-surface-1);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-lg);
	box-shadow: var(--vice-shadow-soft);
	overflow: hidden;
}

body.vice-dark .server-card-container#sampServerCard::before {
	content: none;
}

body.vice-dark .server-card-container#sampServerCard .server-card-header {
	display: none;
}

body.vice-dark .server-card-container#sampServerCard .server-content-wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	box-sizing: border-box;
	min-height: 82px;
	padding: 10px 14px;
	gap: 14px;
}

body.vice-dark .server-card-container#sampServerCard .server-info-left {
	display: block;
	grid-column: auto;
	grid-row: auto;
	align-self: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

body.vice-dark .server-card-container#sampServerCard .server-info-row {
	display: grid;
	grid-template-columns: minmax(150px, 1.1fr) minmax(130px, 0.8fr) minmax(170px, 1fr);
	align-items: center;
	min-width: 0;
	gap: 14px;
}

body.vice-dark .server-card-container#sampServerCard .server-info-item,
body.vice-dark .server-card-container#sampServerCard .server-info-item:first-child {
	display: grid;
	grid-column: auto;
	grid-template-columns: 1fr;
	align-content: center;
	justify-items: start;
	min-width: 0;
	margin: 0;
	padding: 0;
	gap: 3px;
	text-align: left;
}

body.vice-dark .server-card-container#sampServerCard .server-info-item:first-child {
	grid-template-columns: auto 1fr;
	column-gap: 8px;
}

body.vice-dark .server-card-container#sampServerCard .server-info-item:first-child .server-status-row {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
}

body.vice-dark .server-card-container#sampServerCard .server-info-label {
	margin: 0;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	font-weight: 750;
	letter-spacing: 0.08em;
}

body.vice-dark .server-card-container#sampServerCard .server-info-value,
body.vice-dark .server-card-container#sampServerCard #gameMode,
body.vice-dark .server-card-container#sampServerCard .server-info-value.large {
	margin: 0;
	color: var(--vice-text);
	font-size: 15px;
	font-weight: 850;
	letter-spacing: 0.03em;
	line-height: 1.2;
	white-space: nowrap;
}

body.vice-dark .server-card-container#sampServerCard .server-info-value.large {
	grid-column: 1;
	grid-row: 1;
	font-size: 22px;
}

body.vice-dark .server-card-container#sampServerCard .server-status-row {
	margin: 0;
	white-space: nowrap;
}

body.vice-dark .server-card-container#sampServerCard .server-ip-display {
	padding: 5px 8px;
	font-size: var(--text-xs);
	white-space: nowrap;
}

body.vice-dark .server-card-container#sampServerCard .server-buttons-right {
	display: block;
	grid-column: auto;
	align-self: center;
	width: auto;
	margin: 0;
}

body.vice-dark .server-card-container#sampServerCard .server-buttons-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(94px, 1fr));
	margin: 0;
	gap: 8px;
}

body.vice-dark .server-card-container#sampServerCard .server-buttons-row + .server-buttons-row {
	display: none;
}

body.vice-dark .server-card-container#sampServerCard .server-action-btn,
body.vice-dark .server-card-container#sampServerCard .server-action-btn.secondary,
body.vice-dark .server-card-container#sampServerCard .server-action-btn.forum-link {
	box-sizing: border-box;
	min-width: 0;
	height: 40px;
	min-height: 40px;
	padding: 0 10px;
	font-size: 12px;
	white-space: nowrap;
}

/* Obsolete Stage 1 command-center block is not part of the accepted flow. */
body.vice-dark .vc-command-center {
	display: none;
}

body.vice-dark .vc-legacy-media-announcements,
body.vice-dark #newsfader {
	display: none;
}

body.vice-dark .vc-announcement-stack,
body.vice-dark .vc-management-alerts,
body.vice-dark .vc-admin-alert,
body.vice-dark .vc-application-alert,
body.vice-dark .vc-ranking-grid,
body.vice-dark .vc-ranking-row,
body.vice-dark .vc-boardindex-content,
body.vice-dark #boardindex_table,
body.vice-dark .boardindex_table {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

@media (max-width: 1100px) {
	body.vice-dark .server-card-container#sampServerCard .server-content-wrapper {
		grid-template-columns: 1fr;
		padding: 12px;
		gap: 12px;
	}

	body.vice-dark .server-card-container#sampServerCard .server-buttons-right {
		width: 100%;
	}

	body.vice-dark .server-card-container#sampServerCard .server-buttons-row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	body.vice-dark .server-card-container#sampServerCard {
		margin-block: 14px 12px;
	}

	body.vice-dark .server-card-container#sampServerCard .server-info-row {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
		gap: 12px;
	}

	body.vice-dark .server-card-container#sampServerCard .server-info-item:last-child {
		grid-column: 1 / -1;
	}

	body.vice-dark .server-card-container#sampServerCard .server-buttons-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 430px) {
	body.vice-dark .server-card-container#sampServerCard .server-info-row {
		grid-template-columns: 1fr;
	}

	body.vice-dark .server-card-container#sampServerCard .server-info-item:last-child {
		grid-column: auto;
	}

	body.vice-dark .server-card-container#sampServerCard .server-info-value.large {
		font-size: 20px;
	}
}

/*
 * Stage 2.5: full home-page hierarchy.
 * This layer only styles markup emitted by the dark theme home template.
 */
body.vice-dark .vc-announcement-stack {
	display: grid;
	margin: 0 0 16px;
	gap: 7px;
}

body.vice-dark .vc-announcement {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	box-sizing: border-box;
	min-height: 44px;
	margin: 0;
	padding: 7px 12px;
	gap: 10px;
	background: color-mix(in srgb, var(--vice-surface-1) 92%, transparent);
	border: 1px solid var(--vice-border-soft);
	border-left-color: currentColor;
	border-radius: var(--radius-sm);
	color: var(--vice-text-soft);
	transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

body.vice-dark .vc-announcement:hover {
	background: var(--vice-surface-hover);
	border-color: color-mix(in srgb, currentColor 40%, var(--vice-border-soft));
}

body.vice-dark .vc-announcement--critical { color: var(--vice-pink); }
body.vice-dark .vc-announcement--info { color: var(--vice-cyan); }
body.vice-dark .vc-announcement--warning { color: var(--vice-warning); }

body.vice-dark .vc-announcement-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

body.vice-dark .vc-announcement-copy,
body.vice-dark .vc-announcement-copy a,
body.vice-dark .vc-announcement-copy strong {
	min-width: 0;
	color: var(--vice-text);
	font-size: 12px;
	font-weight: 700;
}

body.vice-dark .vc-announcement-copy strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-dark .vc-announcement-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: currentColor;
	font-size: var(--text-xs);
	font-weight: 750;
	white-space: nowrap;
}

body.vice-dark .vc-management-alerts,
body.vice-dark .vc-admin-alert,
body.vice-dark .vc-application-alert {
	box-sizing: border-box;
	margin-bottom: 8px;
	color: var(--vice-text-soft);
	font-size: 12px;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	margin: 28px 0 16px;
	gap: 16px;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) > .col-md-3 {
	float: none;
	width: auto;
	min-width: 0;
	padding: 0;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .panel {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	margin: 0;
	background: var(--vice-surface-1);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--vice-shadow-soft);
	overflow: hidden;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .panel-heading {
	position: relative;
	min-height: 42px;
	padding: 13px 13px 10px;
	color: var(--vice-text);
	background: transparent;
	border: 0;
	font-size: var(--text-xs);
	font-weight: 850;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .panel-heading::after {
	content: "";
	position: absolute;
	left: 13px;
	bottom: 0;
	width: 46px;
	height: 1px;
	background: var(--vice-pink);
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) > .col-md-3:nth-child(2) .panel-heading::after { background: var(--vice-cyan); }
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) > .col-md-3:nth-child(3) .panel-heading::after { background: var(--vice-pink); }
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) > .col-md-3:nth-child(4) .panel-heading::after { background: var(--vice-warning); }

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .panel-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	padding: 0 12px 10px;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .carousel,
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .table-responsive,
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .carousel-inner,
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) table {
	width: 100%;
	min-height: 0;
	margin: 0;
	overflow: visible;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .carousel-inner > tbody.item:not(.active) {
	display: none;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .carousel-inner > tbody.item.active {
	display: table-row-group;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) tbody.item.active > tr:nth-child(n + 4) {
	display: none;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) tr {
	height: 34px;
	background: transparent;
	border: 0;
	opacity: 1;
	filter: none;
	mix-blend-mode: normal;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) td {
	padding: 7px 3px;
	color: var(--vice-text-soft);
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--vice-border-faint);
	font-size: var(--text-xs);
	line-height: 1.2;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) td:first-child {
	width: 26px;
	color: var(--vice-text-dim);
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) td:last-child {
	text-align: right;
	white-space: nowrap;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) td a,
body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .vc-ranking-user-name {
	color: var(--vice-text-soft);
	opacity: 1;
	filter: none;
	mix-blend-mode: normal;
}

body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) .carousel-indicators {
	display: none;
}

body.vice-dark .vc-ranking-more {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	margin-top: auto;
	color: var(--vice-text-muted);
	background: rgba(255, 255, 255, 0.018);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-sm);
	font-size: var(--text-xs);
	font-weight: 750;
	gap: 7px;
}

body.vice-dark .vc-ranking-more:hover,
body.vice-dark .vc-ranking-more:focus-visible {
	color: var(--vice-pink);
	border-color: var(--vice-pink-soft);
}

body.vice-dark .vc-home-portal {
	display: grid;
	width: 100%;
	margin: 14px 0 0;
	gap: 18px;
}

body.vice-dark .vc-home-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	align-items: start;
	gap: 18px;
}

body.vice-dark .vc-forum-panel,
body.vice-dark .vc-sidebar-card,
body.vice-dark .vc-faction-section {
	box-sizing: border-box;
	min-width: 0;
	background: rgba(13, 18, 26, 0.84);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--vice-shadow-soft);
}

body.vice-dark .vc-forum-panel {
	padding: 14px;
}

body.vice-dark .vc-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	margin-bottom: 10px;
	gap: 16px;
}

body.vice-dark .vc-section-kicker {
	display: block;
	margin-bottom: 3px;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	font-weight: 850;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

body.vice-dark .vc-section-heading h2 {
	margin: 0;
	color: var(--vice-text);
	font-size: 15px;
	font-weight: 850;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

body.vice-dark .vc-section-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	font-weight: 750;
}

body.vice-dark .vc-forum-list,
body.vice-dark .vc-forum-category {
	display: grid;
	min-width: 0;
	gap: 7px;
}

body.vice-dark .vc-forum-category + .vc-forum-category {
	margin-top: 8px;
}

body.vice-dark .vc-forum-category-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 32px;
	padding: 0 8px;
	background: rgba(255, 255, 255, 0.018);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-sm);
}

body.vice-dark .vc-forum-category-heading h3 {
	margin: 0;
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

body.vice-dark .vc-forum-category-heading a {
	color: var(--vice-text-dim);
}

body.vice-dark .vc-forum-row {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 120px 220px;
	align-items: center;
	min-width: 0;
	min-height: 72px;
	background: rgba(255, 255, 255, 0.016);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-sm);
	overflow: hidden;
	transition: background-color var(--transition-base), border-color var(--transition-base);
}

body.vice-dark .vc-forum-row:hover {
	background: var(--vice-surface-hover);
	border-color: var(--vice-border-soft);
}

body.vice-dark .vc-forum-row-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-left: 8px;
	color: #a38ca2;
	background: rgba(148, 127, 151, 0.1);
	border: 1px solid rgba(164, 143, 168, 0.17);
	border-radius: 10px;
	font-size: 15px;
}

body.vice-dark .vc-forum-row:nth-child(3n + 2) .vc-forum-row-icon { color: #9286ae; background: rgba(132, 119, 164, 0.1); border-color: rgba(143, 131, 174, 0.17); }
body.vice-dark .vc-forum-row:nth-child(3n) .vc-forum-row-icon { color: #75a4ac; background: rgba(103, 151, 160, 0.1); border-color: rgba(117, 164, 172, 0.17); }

body.vice-dark .vc-forum-row-copy {
	min-width: 0;
	padding: 11px 12px;
}

body.vice-dark .vc-forum-row-copy h4 {
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
}

body.vice-dark .vc-forum-row-copy h4 a {
	color: var(--vice-text);
}

body.vice-dark .vc-forum-description {
	display: -webkit-box;
	overflow: hidden;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.vice-dark .vc-subboard-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 7px;
	gap: 5px 10px;
}

body.vice-dark .vc-subboard-list a {
	color: var(--vice-text-dim);
	font-size: var(--text-xs);
}

body.vice-dark .vc-subboard-list a::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	background: var(--vice-text-dim);
	border-radius: 50%;
	vertical-align: 1px;
}

body.vice-dark .vc-subboard-list a.has-new,
body.vice-dark .vc-forum-row.has-new .vc-forum-row-copy h4 a {
	color: var(--vice-text);
}

body.vice-dark .vc-subboard-list a.has-new {
	color: var(--vice-text-soft);
}

body.vice-dark .vc-forum-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-self: stretch;
	align-items: center;
	padding: 8px;
	border-left: 1px solid var(--vice-border-faint);
	border-right: 1px solid var(--vice-border-faint);
	gap: 5px;
	text-align: center;
}

body.vice-dark .vc-forum-metrics span {
	display: grid;
	gap: 2px;
}

body.vice-dark .vc-forum-metrics strong {
	color: var(--vice-text-soft);
	font-size: 12px;
}

body.vice-dark .vc-forum-metrics small {
	color: var(--vice-text-dim);
	font-size: var(--text-xs);
	text-transform: uppercase;
}

body.vice-dark .vc-forum-lastpost {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	min-width: 0;
	padding: 9px 11px;
	gap: 8px;
}

body.vice-dark .vc-forum-lastpost-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--vice-text-muted);
	background: var(--vice-surface-3);
	border: 1px solid var(--vice-border-soft);
	border-radius: 50%;
}

body.vice-dark .vc-forum-lastpost > div {
	display: grid;
	min-width: 0;
	gap: 3px;
}

body.vice-dark .vc-forum-lastpost strong,
body.vice-dark .vc-forum-lastpost strong a {
	display: block;
	overflow: hidden;
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-dark .vc-forum-lastpost span,
body.vice-dark .vc-forum-lastpost span a,
body.vice-dark .vc-forum-no-post {
	color: var(--vice-text-dim);
	font-size: var(--text-xs);
}

body.vice-dark .vc-forum-no-post {
	grid-column: 1 / -1;
}

body.vice-dark .vc-home-sidebar {
	display: grid;
	min-width: 0;
	gap: 12px;
}

body.vice-dark .vc-sidebar-card {
	padding: 13px;
}

body.vice-dark .vc-sidebar-card-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	gap: 10px;
}

body.vice-dark .vc-sidebar-card-heading h2 {
	margin: 0;
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
	font-weight: 850;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

body.vice-dark .vc-sidebar-card-heading a,
body.vice-dark .vc-online-count {
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
}

body.vice-dark .vc-online-total {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

body.vice-dark .vc-online-total strong {
	color: var(--vice-text);
	font-size: 29px;
	line-height: 1;
}

body.vice-dark .vc-online-total span {
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
}

body.vice-dark .vc-online-spark {
	display: flex;
	align-items: end;
	height: 34px;
	margin: 8px 0;
	gap: 4px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-dark .vc-online-spark span {
	flex: 1 1 auto;
	height: 24%;
	background: linear-gradient(180deg, var(--vice-pink), rgba(189, 120, 152, 0.06));
	border-radius: 3px 3px 0 0;
}

body.vice-dark .vc-online-spark span:nth-child(2) { height: 48%; }
body.vice-dark .vc-online-spark span:nth-child(3) { height: 30%; }
body.vice-dark .vc-online-spark span:nth-child(4) { height: 76%; }
body.vice-dark .vc-online-spark span:nth-child(5) { height: 42%; }
body.vice-dark .vc-online-spark span:nth-child(6) { height: 88%; }
body.vice-dark .vc-online-spark span:nth-child(7) { height: 58%; }
body.vice-dark .vc-online-spark span:nth-child(8) { height: 70%; }

body.vice-dark .vc-online-breakdown {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

body.vice-dark .vc-online-breakdown span {
	display: grid;
	color: var(--vice-text-dim);
	font-size: var(--text-xs);
	text-align: center;
}

body.vice-dark .vc-online-breakdown strong {
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
}

body.vice-dark .vc-online-mini-list {
	display: flex;
	flex-wrap: wrap;
	max-height: 68px;
	margin-top: 9px;
	padding-top: 8px;
	overflow: hidden;
	border-top: 1px solid var(--vice-border-faint);
	gap: 5px 8px;
}

body.vice-dark .vc-online-mini-list span,
body.vice-dark .vc-online-mini-list a {
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
}

body.vice-dark .vc-recent-list {
	display: grid;
	gap: 7px;
}

body.vice-dark .vc-recent-list article {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	min-width: 0;
	gap: 7px;
}

body.vice-dark .vc-recent-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: var(--vice-cyan);
	background: rgba(57, 198, 244, 0.1);
	border-radius: 7px;
	font-size: var(--text-xs);
}

body.vice-dark .vc-recent-list article > div {
	display: grid;
	min-width: 0;
}

body.vice-dark .vc-recent-list strong,
body.vice-dark .vc-recent-list strong a,
body.vice-dark .vc-recent-list article > div > span,
body.vice-dark .vc-recent-list article > div > span a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-dark .vc-recent-list strong,
body.vice-dark .vc-recent-list strong a {
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
}

body.vice-dark .vc-recent-list article > div > span,
body.vice-dark .vc-recent-list article > div > span a,
body.vice-dark .vc-recent-list time {
	color: var(--vice-text-dim);
	font-size: var(--text-xs);
}

body.vice-dark .vc-social-card nav {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 7px;
}

body.vice-dark .vc-social-card nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	color: var(--vice-text-soft);
	background: var(--vice-surface-2);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-sm);
}

body.vice-dark .vc-promo-card {
	display: grid;
	min-height: 110px;
	overflow: hidden;
}

body.vice-dark .vc-promo-card img {
	width: 100%;
	height: 86px;
	object-fit: cover;
	border-radius: 8px;
}

body.vice-dark .vc-promo-card span {
	margin-top: 8px;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	font-weight: 800;
	text-transform: uppercase;
}

body.vice-dark .vc-promo-card strong {
	color: var(--vice-text-soft);
	font-size: var(--text-xs);
}

body.vice-dark .vc-promo-action {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
	font-style: normal;
	font-weight: 750;
}

body.vice-dark .vc-promo-card:hover .vc-promo-action {
	color: var(--vice-text);
}

body.vice-dark .vc-sidebar-empty {
	margin: 0;
	color: var(--vice-text-muted);
	font-size: var(--text-xs);
}

body.vice-dark .vc-faction-section {
	padding: 20px;
}

body.vice-dark .vc-faction-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

/* Same modernization pass as "Haftanın Öne Çıkan Birlikleri": larger type,
   a self-contained (theme-independent) icon and action-link treatment,
   and a hover lift instead of a static border-color change. Kept
   deliberately plain — no per-faction color variants, no badges — since
   this row is meant to read as quiet next to the more decorated widgets
   above it. */
body.vice-dark .vc-faction-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	grid-template-areas:
		"art copy"
		"meta action";
	min-width: 0;
	min-height: 128px;
	padding: 16px;
	gap: 10px 12px;
	background: linear-gradient(135deg, rgba(155, 119, 138, 0.055), rgba(13, 18, 26, 0.94) 58%);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-md);
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

body.vice-dark .vc-faction-card:hover {
	border-color: rgba(174, 188, 209, 0.24);
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

body.vice-dark .vc-faction-art {
	grid-area: art;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	color: #bd7898;
	background: linear-gradient(145deg, rgba(189, 120, 152, 0.22), rgba(129, 151, 187, 0.1));
	border: 1px solid rgba(189, 120, 152, 0.22);
	border-radius: 13px;
	font-size: 18px;
}

body.vice-dark .vc-faction-copy {
	grid-area: copy;
	display: grid;
	min-width: 0;
	align-content: center;
	gap: 4px;
}

body.vice-dark .vc-faction-copy strong {
	overflow: hidden;
	color: var(--vice-text);
	font-size: 16px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-dark .vc-faction-copy small {
	display: -webkit-box;
	overflow: hidden;
	color: var(--vice-text-muted);
	font-size: 13px;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

body.vice-dark .vc-faction-meta {
	grid-area: meta;
	align-self: end;
	color: var(--vice-text-dim);
	font-size: 12px;
}

body.vice-dark .vc-faction-meta b {
	color: var(--vice-text-soft);
	font-weight: 750;
}

body.vice-dark .vc-faction-action {
	grid-area: action;
	align-self: end;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #bd7898;
	font-size: 13px;
	font-weight: 700;
}

body.vice-dark .vc-faction-action i {
	transition: transform 160ms ease;
}

body.vice-dark .vc-faction-card:hover .vc-faction-action i {
	transform: translateX(3px);
}

/* Footer, redesigned as a quiet, self-contained dark band — deliberate
   contrast against the white page above it (the same "bookend" pattern
   used by most modern light-themed sites), so it doesn't need a separate
   light-theme override: every color here is declared outright, not
   pulled from a token that changes between themes. Everything stacks and
   centers around the brand mark instead of the old 4-column strip. */
body.vice-dark .vc-site-footer {
	position: relative;
	margin-top: 32px;
	padding: 40px 0 28px;
	background: linear-gradient(180deg, #0a0e16, #05070b);
	overflow: hidden;
}

body.vice-dark .vc-site-footer::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 0px;
	background: linear-gradient(90deg, transparent, #bd7898, #d9a531, transparent);
	opacity: 0.7;
}

body.vice-dark .vc-site-footer-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	width: min(720px, calc(100% - 48px));
	margin-inline: auto;
	text-align: center;
}

body.vice-dark .vc-footer-brand {
	display: inline-flex;
	margin-bottom: 22px;
}

body.vice-dark .vc-footer-brand img {
	display: block;
	height: 46px;
	width: auto;
	object-fit: contain;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.4));
	transition: transform 200ms ease, filter 200ms ease;
}

body.vice-dark .vc-footer-brand:hover img {
	transform: translateY(-1px);
	filter: drop-shadow(0 8px 22px rgba(189, 120, 152, 0.28));
}

body.vice-dark .vc-footer-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 22px;
	margin-bottom: 20px;
}

body.vice-dark .vc-footer-links a {
	color: rgba(228, 233, 242, 0.68);
	font-size: 13px;
	font-weight: 650;
	white-space: nowrap;
	transition: color 160ms ease;
}

body.vice-dark .vc-footer-links a:hover,
body.vice-dark .vc-footer-links a:focus-visible {
	color: #ffffff;
}

body.vice-dark .vc-footer-social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 26px;
}

body.vice-dark .vc-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: rgba(228, 233, 242, 0.72);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	font-size: 15px;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.vice-dark .vc-footer-social a:hover,
body.vice-dark .vc-footer-social a:focus-visible {
	color: #ffffff;
	background: rgba(189, 120, 152, 0.22);
	border-color: rgba(189, 120, 152, 0.4);
	transform: translateY(-2px);
}

body.vice-dark .vc-footer-rule {
	width: 100%;
	max-width: 220px;
	height: 1px;
	margin-bottom: 20px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
}

body.vice-dark .vc-site-footer .vc-footer-copy {
	margin: 0;
	color: rgba(228, 233, 242, 0.42);
	font-size: 12px;
	line-height: 1.6;
}

body.vice-dark .vc-site-footer .vc-footer-copy a {
	color: rgba(228, 233, 242, 0.58);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.vice-dark .vc-site-footer .vc-footer-copy a:hover {
	color: #ffffff;
}

@media (max-width: 1180px) {
	body.vice-dark .vc-home-grid {
		grid-template-columns: minmax(0, 1fr) 270px;
	}

	body.vice-dark .vc-forum-row {
		grid-template-columns: 44px minmax(0, 1fr) 104px 190px;
	}

}

@media (max-width: 1100px) {
	body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.vice-dark .vc-home-grid {
		grid-template-columns: 1fr;
	}

	body.vice-dark .vc-home-sidebar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.vice-dark .vc-promo-card {
		display: none;
	}

	body.vice-dark .vc-faction-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	body.vice-dark .vc-announcement {
		grid-template-columns: 20px minmax(0, 1fr);
	}

	body.vice-dark .vc-announcement-action {
		display: none;
	}

	body.vice-dark .vc-ranking-row:not(.vc-ranking-row--results) {
		grid-template-columns: 1fr;
		margin-top: 20px;
	}

	body.vice-dark .vc-forum-panel,
	body.vice-dark .vc-faction-section {
		padding: 10px;
	}

	body.vice-dark .vc-forum-row {
		grid-template-columns: 42px minmax(0, 1fr);
		grid-template-areas:
			"icon copy"
			"metrics metrics"
			"last last";
	}

	body.vice-dark .vc-forum-row-icon {
		grid-area: icon;
	}

	body.vice-dark .vc-forum-row-copy {
		grid-area: copy;
		padding-left: 8px;
	}

	body.vice-dark .vc-forum-metrics {
		grid-area: metrics;
		align-self: auto;
		min-height: 42px;
		border: 0;
		border-top: 1px solid var(--vice-border-faint);
	}

	body.vice-dark .vc-forum-lastpost {
		grid-area: last;
		border-top: 1px solid var(--vice-border-faint);
	}

	body.vice-dark .vc-home-sidebar {
		grid-template-columns: 1fr;
	}

	body.vice-dark .vc-online-mini-list {
		max-height: 96px;
	}

	body.vice-dark .vc-faction-grid {
		grid-template-columns: 1fr;
	}

	body.vice-dark .vc-site-footer-inner {
		width: calc(100% - 28px);
	}
}

@media (max-width: 430px) {
	body.vice-dark .vc-section-heading {
		align-items: flex-start;
	}

	body.vice-dark .vc-section-link {
		display: none;
	}

	body.vice-dark .vc-forum-category-heading h3 {
		font-size: var(--text-xs);
	}

	body.vice-dark .vc-site-footer p {
		font-size: var(--text-xs);
	}
}

/* Stage 2.5 conflict isolation: the home portal owns its layout. */
body.vice-home-layout .vc-home-portal,
body.vice-home-layout .vc-home-grid,
body.vice-home-layout .vc-forum-panel,
body.vice-home-layout .vc-home-sidebar,
body.vice-home-layout .vc-sidebar-card,
body.vice-home-layout .vc-faction-section {
	float: none;
	transform: none;
}

body.vice-home-layout .vc-home-sidebar {
	position: static;
	inset: auto;
	width: auto;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	z-index: auto;
}

body.vice-home-layout .vc-section-heading,
body.vice-home-layout .vc-forum-category-heading,
body.vice-home-layout .vc-sidebar-card-heading {
	position: static;
	inset: auto;
	height: auto;
	max-height: none;
	background-image: none;
	box-shadow: none;
}

/* Stage 2.5 source cleanup: final home-page ownership. */
body.vice-home-layout {
	--vice-home-masthead-height: clamp(240px, 13.5vw, 268px);
	min-height: 100vh;
	overflow-x: hidden;
	background-color: #05070b;
}

/* Own the long artwork on the document-height wrapper. The full-bleed pseudo
   layer bypasses the legacy fixed body background and travels with content. */
body.vice-home-layout #wrapper {
	position: relative;
	isolation: isolate;
	min-height: 100vh;
	background-color: #05070b;
}

/* Remove the legacy theme's 20px content inset. Home sections own their
   spacing individually, so the old inset was doubling the masthead gap. */
body.vice-home-layout #content_section {
	box-sizing: border-box;
	padding: 0 0 40px;
	border-radius: 0;
}

body.vice-home-layout #main_content_section {
	padding-top: 0;
}

body.vice-home-layout #wrapper::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	pointer-events: none;
	background-color: #05070b;
	background-image:
		linear-gradient(
			180deg,
			transparent 0,
			transparent calc(var(--vice-home-masthead-height) - 54px),
			rgba(5, 7, 11, 0.97) var(--vice-home-masthead-height),
			rgba(5, 7, 11, 0.82) calc(var(--vice-home-masthead-height) + 180px),
			rgba(5, 7, 11, 0.62) calc(var(--vice-home-masthead-height) + 540px),
			rgba(5, 7, 11, 0.56) 100%
		),
		linear-gradient(
			90deg,
			rgba(5, 7, 11, 0.18) 0%,
			rgba(5, 7, 11, 0.38) 16%,
			rgba(5, 7, 11, 0.82) 32%,
			rgba(5, 7, 11, 0.95) 43%,
			rgba(5, 7, 11, 0.95) 57%,
			rgba(5, 7, 11, 0.82) 68%,
			rgba(5, 7, 11, 0.38) 84%,
			rgba(5, 7, 11, 0.18) 100%
		),
		url("../images/vice/forum-side-backdrop-v1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%, 100% 100%, max(1440px, 100vw) auto;
	background-attachment: scroll, scroll, scroll;
}

body.vice-home-layout #wrapper > * {
	position: relative;
	z-index: 1;
}

body.vice-home-layout .vc-sync-panel {
	display: none;
}
body.vice-home-layout .server-card-container#sampServerCard .server-info-label,
body.vice-home-layout .server-card-container#sampServerCard .server-status-text,
body.vice-home-layout .server-card-container#sampServerCard .server-info-value {
	opacity: 1;
	filter: none;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-label {
	color: var(--vice-text-muted);
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-value {
	color: var(--vice-text);
}

body.vice-home-layout .server-card-container#sampServerCard .server-status-text.is-online {
	color: var(--vice-success);
}

body.vice-home-layout .server-card-container#sampServerCard {
	margin-top: 12px;
	margin-bottom: 14px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-action-btn,
body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.secondary,
body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.forum-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--vice-text);
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-sm);
	opacity: 1;
	filter: none;
	visibility: visible;
	transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

body.vice-home-layout .server-card-container#sampServerCard .server-action-btn:hover,
body.vice-home-layout .server-card-container#sampServerCard .server-action-btn:focus-visible {
	color: #ffffff;
	background: var(--vice-surface-hover);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-management-alerts,
body.vice-home-layout .vc-admin-alert,
body.vice-home-layout .vc-application-alert,
body.vice-home-layout .vc-management-alerts span,
body.vice-home-layout .vc-management-alerts strong {
	color: var(--vice-text-soft);
	opacity: 1;
	filter: none;
}

body.vice-home-layout .vc-management-alerts a,
body.vice-home-layout .vc-admin-alert a,
body.vice-home-layout .vc-application-alert a {
	color: var(--vice-text);
	opacity: 1;
}

body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .panel,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .panel-default,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .panel-heading,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .panel-body,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .table-responsive,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) table {
	border-color: var(--vice-border-faint);
	box-shadow: none;
}

body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) .panel {
	background: var(--vice-surface-1);
}

body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) td,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) th {
	border-color: var(--vice-border-faint);
}

body.vice-home-layout #myFooter {
    background-image: revert-rule !important;
    background-color: #000 !important;
}

/* The home route used to force this back to a flat, un-bannered strip
   (and explicitly hid ::before/::after) to stop an older layout system
   from fighting the portal for the same DOM — that's no longer a
   concern, and this rule was hiding the new accent line by mistake. */
body.vice-home-layout #myFooter.vc-site-footer {
	box-sizing: border-box;
	height: auto;
    padding: 10px 20px;
    margin-top: 0;
}

@media (max-width: 760px) {
	body.vice-home-layout #myFooter.vc-site-footer {
		padding: 32px 0 22px;
	}
}

/* Stage 2.5 top masthead: the banner owns the page entrance. */
body.vice-home-layout .vc-home-masthead {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	height: var(--vice-home-masthead-height);
	min-height: 240px;
	margin: 0;
	overflow: visible;
	background: var(--vice-bg-page);
}

body.vice-home-layout .vc-home-masthead::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background-image:
		linear-gradient(90deg, rgba(5, 7, 12, 0.46) 0%, rgba(5, 7, 12, 0.1) 22%, rgba(5, 7, 12, 0.08) 74%, rgba(5, 7, 12, 0.4) 100%),
		linear-gradient(180deg, rgba(5, 7, 12, 0.44) 0%, rgba(5, 7, 12, 0.12) 24%, rgba(5, 7, 12, 0.3) 62%, var(--vice-bg-page) 100%),
		url("../images/vice/hero-ocean-night.webp");
	background-position: center, center, center 47%;
	background-repeat: no-repeat;
	background-size: cover;
	filter: saturate(0.9) contrast(1.04);
}

body.vice-home-layout .vc-home-masthead::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0, rgba(255, 255, 255, 0.012) 1px, transparent 1px, transparent 4px),
		radial-gradient(ellipse at center, transparent 48%, rgba(5, 7, 12, 0.22) 100%);
	mix-blend-mode: soft-light;
}

body.vice-home-layout #header.vc-home-hero {
	position: absolute;
	inset: 0;
	z-index: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 0;
	max-height: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

body.vice-home-layout #header.vc-home-hero::before,
body.vice-home-layout #header.vc-home-hero::after {
	content: none;
}

/* Restored per request: vice-white-theme.css's "PARITY 013" consolidation
   is kept as the primary styling (it loads last and uses !important, so it
   still wins), but this base is back in case something the consolidation
   missed was depended on here. */
body.vice-home-layout .vc-home-navbar.navbar-default {
	position: absolute;
	inset: 14px 0 auto;
	z-index: 20;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.vice-home-layout .vc-home-navbar.navbar-default > div {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	box-sizing: border-box;
	width: min(1400px, calc(100% - 48px));
	height: 56px;
	min-height: 56px;
	max-height: 56px;
	margin-inline: auto;
	padding: 0;
	gap: 10px;
}

body.vice-home-layout .vc-home-navbar .navbar-header,
body.vice-home-layout .vc-home-navbar .navbar-offcanvas,
body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas,
body.vice-home-layout .vc-home-navbar .navbar-nav {
	box-sizing: border-box;
	height: 54px;
	min-height: 54px;
	max-height: 54px;
	margin: 0;
}

body.vice-home-layout .vc-home-navbar .navbar-header,
body.vice-home-layout .vc-home-navbar .navbar-offcanvas,
body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas,
body.vice-home-layout .vc-home-navbar .navbar-nav,
body.vice-home-layout .vc-home-navbar .navbar-nav > li {
	float: none;
}

body.vice-home-layout .vc-home-navbar .navbar-offcanvas,
body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas,
body.vice-home-layout .vc-home-navbar .navbar-nav {
	display: flex;
	align-items: center;
	min-width: 0;
	overflow: visible;
}

body.vice-home-layout .vc-home-navbar .navbar-nav {
	gap: 7px;
}

body.vice-home-layout .vc-home-navbar .vc-nav-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 54px;
	height: 52px;
	min-width: 54px;
	min-height: 52px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	transition: opacity var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);
}

body.vice-home-layout .vc-home-navbar .vc-nav-brand::after {
	content: none;
}

body.vice-home-layout .vc-home-navbar .vc-nav-brand img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: contain;
	mix-blend-mode: screen;
	filter: drop-shadow(0 0 9px rgba(70, 206, 255, 0.2));
}

body.vice-home-layout .vc-home-navbar .vc-nav-brand:hover,
body.vice-home-layout .vc-home-navbar .vc-nav-brand:focus-visible {
	opacity: 0.92;
	transform: translateY(-1px);
	filter: brightness(1.08);
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li > a,
body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .navbar-nav > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	height: 42px;
	min-width: 42px;
	min-height: 42px;
	position: relative;
	padding: 0 9px;
	gap: 6px;
	color: #d8dce6;
	line-height: 1;
	white-space: nowrap;
	background: rgba(7, 10, 17, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.045);
	border-radius: 9px;
	transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:hover,
body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:focus,
body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:focus-visible,
body.vice-home-layout .vc-home-navbar .navbar-nav > li.open > a,
body.vice-home-layout .vc-home-navbar .navbar-nav > li.active > a {
	color: #ffffff;
	background: rgba(16, 21, 32, 0.72);
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: none;
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li.active > a::after {
	content: "";
	position: absolute;
	inset: auto 8px -1px;
	height: 2px;
	background: var(--vice-pink);
	border-radius: 999px;
}

body.vice-home-layout .vc-home-navbar .vc-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	min-width: 18px;
	font-size: 14px;
}

body.vice-home-layout .vc-home-navbar .vc-nav-label {
	display: inline-block;
	overflow: visible;
	max-width: 160px;
	margin-left: 0;
	opacity: 1;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
	transform: none;
}

body.vice-home-layout .vc-home-navbar .vc-nav-caret {
	overflow: visible;
	width: 8px;
	margin-left: 0;
	opacity: 0.68;
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:hover .vc-nav-label,
body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:focus-visible .vc-nav-label,
body.vice-home-layout .vc-home-navbar .navbar-nav > li.open > a .vc-nav-label {
	max-width: 160px;
	margin-left: 0;
	opacity: 1;
	transform: none;
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:hover .vc-nav-caret,
body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:focus-visible .vc-nav-caret,
body.vice-home-layout .vc-home-navbar .navbar-nav > li.open > a .vc-nav-caret {
	width: 8px;
	margin-left: 0;
	opacity: 0.8;
}

body.vice-home-layout .vc-home-navbar .vc-nav-utilities {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	width: auto;
	height: 42px;
	margin: 0;
	gap: 7px;
	isolation: isolate;
}

html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	width: 42px;
	height: 42px;
	color: var(--vice-text-soft);
	background-color: transparent;
	background-image: none;
	border: 0;
	border-radius: 12px;
	box-shadow: none;
	filter: none;
	opacity: 1;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility:hover,
html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility:focus,
html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility:active,
html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility:focus-visible {
	color: #ffffff;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	filter: none;
	opacity: 1;
	outline: none;
}

html body.vice-home-layout .vc-home-navbar .vc-nav-utility-surface {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	color: inherit;
	background: rgba(7, 10, 17, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: inherit;
	box-shadow: none;
	-webkit-backdrop-filter: blur(12px) saturate(125%);
	backdrop-filter: blur(12px) saturate(125%);
	transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

html body.vice-home-layout .vc-home-navbar .vc-nav-utility:hover .vc-nav-utility-surface,
html body.vice-home-layout .vc-home-navbar .vc-nav-utility:focus .vc-nav-utility-surface,
html body.vice-home-layout .vc-home-navbar .vc-nav-utility:active .vc-nav-utility-surface,
html body.vice-home-layout .vc-home-navbar .vc-nav-utility:focus-visible .vc-nav-utility-surface {
	background: rgba(16, 21, 32, 0.94);
	border-color: rgba(174, 188, 209, 0.2);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility::before,
html body.vice-home-layout .vc-home-navbar .vc-nav-utilities > a.vc-nav-utility::after {
	content: none;
	display: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-profile-wrap,
body.vice-home-layout .vc-home-navbar .vc-header-profile {
	box-sizing: border-box;
	width: 238px;
	height: 56px;
	min-height: 56px;
	max-height: 56px;
	margin: 0;
}

body.vice-home-layout .vc-home-navbar .vc-header-profile-wrap {
	position: static;
	top: auto;
	right: auto;
	z-index: auto;
	display: block;
	flex: 0 0 auto;
	min-width: 0;
	transform: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-profile {
	position: relative;
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	padding: 7px 38px 7px 7px;
	gap: 9px;
	overflow: visible;
	background: rgba(7, 10, 17, 0.56);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 13px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: blur(14px) saturate(125%);
	backdrop-filter: blur(14px) saturate(125%);
	transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

body.vice-home-layout .vc-home-navbar .vc-header-profile:hover,
body.vice-home-layout .vc-home-navbar .vc-header-profile:focus-within {
	background: rgba(10, 14, 23, 0.82);
	border-color: rgba(174, 188, 209, 0.2);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

body.vice-home-layout .vc-home-navbar .vc-header-profile > .avatar-exists,
body.vice-home-layout .vc-home-navbar .vc-header-profile > img,
body.vice-home-layout .vc-home-navbar .vc-header-profile .avatar-exists a,
body.vice-home-layout .vc-home-navbar .vc-header-profile .avatar-exists img {
	display: block;
	width: 40px;
	height: 40px;
	min-width: 40px;
	margin: 0;
	object-fit: cover;
	border-radius: 10px;
}

body.vice-home-layout .vc-home-navbar .vc-header-meta {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: center;
	min-width: 0;
	margin: 0;
	padding: 0;
	gap: 3px;
}

body.vice-home-layout .vc-home-navbar .vc-header-name-row,
body.vice-home-layout .vc-home-navbar .vc-header-name-row a,
body.vice-home-layout .vc-home-navbar .vc-header-name {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
}

body.vice-home-layout .vc-home-navbar .vc-header-name-row a:hover,
body.vice-home-layout .vc-home-navbar .vc-header-name-row a:focus {
	text-decoration: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-name {
	overflow: hidden;
	color: var(--vice-text);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.15;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-home-navbar .vc-header-name span {
	display: inline;
	margin: 0 0 0 6px;
	color: var(--vice-text-muted);
	font-size: 10px;
	font-weight: 650;
	line-height: 1;
	letter-spacing: 0.04em;
}

body.vice-home-layout .vc-home-navbar .vc-header-wallets {
	display: flex;
	align-items: center;
	min-width: 0;
	margin: 0;
	padding: 0;
	gap: 5px;
}

body.vice-home-layout .vc-home-navbar .vc-header-wallets .vpoints {
	position: static;
	inset: auto;
	display: inline-flex;
	align-items: center;
	float: none;
	width: auto;
	height: auto;
	min-width: 0;
	margin: 0;
	padding: 2px 5px;
	color: var(--vice-text-soft);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.15;
	white-space: nowrap;
	gap: 3px;
	background: rgba(255, 255, 255, 0.045);
	border-radius: 999px;
}

body.vice-home-layout .vc-home-navbar .rank-panel {
	display: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-actions-menu {
	position: absolute;
	top: 13px;
	right: 8px;
	z-index: var(--vice-z-dropdown);
	margin: 0;
	padding: 0;
}

body.vice-home-layout .vc-home-navbar .vc-header-actions-menu > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	color: var(--vice-text-soft);
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid var(--vice-border-soft);
	border-radius: 9px;
	cursor: pointer;
	list-style: none;
	transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

body.vice-home-layout .vc-home-navbar .vc-header-actions-menu > summary:hover,
body.vice-home-layout .vc-home-navbar .vc-header-actions-menu > summary:focus,
body.vice-home-layout .vc-home-navbar .vc-header-actions-menu[open] > summary {
	color: #ffffff;
	background: rgba(174, 188, 209, 0.08);
	border-color: rgba(174, 188, 209, 0.2);
}

body.vice-home-layout .vc-home-navbar .vc-header-actions-menu > summary::-webkit-details-marker {
	display: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-actions {
	position: absolute;
	top: 36px;
	right: 0;
	z-index: var(--vice-z-dropdown);
	display: grid;
	grid-template-columns: repeat(4, 34px);
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px;
	gap: 6px;
	background: rgba(7, 10, 17, 0.96);
	border: 1px solid var(--vice-border-soft);
	border-radius: var(--radius-md);
	box-shadow: var(--vice-shadow-card);
	list-style: none;
	-webkit-backdrop-filter: blur(16px) saturate(125%);
	backdrop-filter: blur(16px) saturate(125%);
}

body.vice-home-layout .vc-home-navbar .vc-header-actions li,
body.vice-home-layout .vc-home-navbar .vc-header-actions li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	color: var(--vice-text-soft);
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid transparent;
	border-radius: 8px;
	text-decoration: none;
}

body.vice-home-layout .vc-home-navbar .vc-header-actions li a:hover,
body.vice-home-layout .vc-home-navbar .vc-header-actions li a:focus,
body.vice-home-layout .vc-home-navbar .vc-header-actions li.active a {
	color: #ffffff;
	background: rgba(174, 188, 209, 0.08);
	border-color: rgba(174, 188, 209, 0.18);
}

/* Keep account controls out of the navigation flow and dock them in the hero. */
body.vice-home-layout .vc-hero-profile-slot {
	position: absolute;
	top: 180px;
	left: 50%;
	z-index: 19;
	display: flex;
	justify-content: flex-end;
	box-sizing: border-box;
	width: min(1400px, calc(100% - 48px));
	height: 54px;
	margin: 0;
	padding: 0 64px 0 0;
	transform: translateX(-50%);
	pointer-events: none;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-profile-wrap,
body.vice-home-layout .vc-hero-profile-slot .vc-header-profile {
	width: 230px;
	height: 54px;
	min-height: 54px;
	max-height: 54px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-profile-wrap {
	pointer-events: auto;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-profile {
	grid-template-columns: 36px minmax(0, 1fr);
	padding: 8px 36px 8px 8px;
	gap: 8px;
	background: rgba(7, 10, 17, 0.76);
	border-color: rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-profile:hover,
body.vice-home-layout .vc-hero-profile-slot .vc-header-profile:focus-within {
	background: rgba(8, 12, 20, 0.84);
	border-color: rgba(174, 188, 209, 0.18);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-profile > .avatar-exists,
body.vice-home-layout .vc-hero-profile-slot .vc-header-profile > img,
body.vice-home-layout .vc-hero-profile-slot .vc-header-profile .avatar-exists a,
body.vice-home-layout .vc-hero-profile-slot .vc-header-profile .avatar-exists img {
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 9px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-meta {
	gap: 2px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-name {
	font-size: 12.5px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-name span {
	margin-left: 5px;
	font-size: 9px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-wallets {
	gap: 4px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-wallets .vpoints {
	padding: 1px 4px;
	font-size: 9.5px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-actions-menu {
	top: 14px;
	right: 7px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-actions-menu > summary {
	width: 26px;
	height: 26px;
	border-radius: 8px;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-actions {
	top: 32px;
}

/* Bootstrap's legacy dropdown surface is white. Keep every home-menu state in the masthead system. */
body.vice-home-layout .vc-home-navbar .navbar-nav > li.dropdown,
body.vice-home-layout .vc-home-navbar .dropdown-menu .dropdown-submenu {
	position: relative;
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li > .dropdown-menu,
body.vice-home-layout .vc-home-navbar .dropdown-menu .dropdown-menu {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	z-index: var(--vice-z-dropdown);
	display: none;
	float: none;
	box-sizing: border-box;
	width: max-content;
	min-width: 210px;
	max-width: 270px;
	height: auto;
	margin: 0;
	padding: 7px;
	background: rgba(7, 10, 17, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 12px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
	animation: none;
	transform: none;
	-webkit-backdrop-filter: blur(18px) saturate(125%);
	backdrop-filter: blur(18px) saturate(125%);
}

body.vice-home-layout .vc-home-navbar .navbar-nav > li.open > .dropdown-menu,
body.vice-home-layout .vc-home-navbar .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
body.vice-home-layout .vc-home-navbar .dropdown-menu .dropdown-submenu:focus-within > .dropdown-menu {
	display: block;
}

/* Invisible hover "bridge": the dropdown sits a few pixels below its trigger
   (and a flyout submenu a few pixels to the side of its parent item) for
   visual breathing room, but that empty gap is a dead zone — moving the
   mouse straight down/across into it lands on whatever is underneath, not on
   the trigger or the menu, which drops the hover/`.show` state before the
   cursor ever reaches the menu. These pseudo-elements fill that gap so the
   hoverable area is continuous from trigger to menu with nothing to fall
   through. Deliberately unscoped to `.vice-home-layout` (unlike the position
   rules around them) — inner-shell routes render this same `.vc-home-navbar`
   markup but fall back to bootstrap.css's own `.dropdown-menu` (a smaller
   `top: 90%; margin: 2px 0 0;` gap), which has the identical dead-zone flaw
   at a smaller scale, so the bridge needs to cover both cases. 10px safely
   covers the home layout's 7/8px gap and bootstrap's ~2px one; being a few
   pixels larger than the true gap is harmless since the strip is transparent. */
.vc-home-navbar .navbar-nav > li > .dropdown-menu::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	height: 10px;
	background: transparent;
}

body.vice-home-layout .vc-home-navbar .dropdown-menu .dropdown-submenu > .dropdown-menu {
	top: -7px;
	left: calc(100% + 8px);
}

.vc-home-navbar .dropdown-menu .dropdown-submenu > .dropdown-menu::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	width: 10px;
	background: transparent;
}

body.vice-home-layout .vc-home-navbar .dropdown-menu > li {
	display: block;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.vice-home-layout .vc-home-navbar .dropdown-menu > li + li {
	margin-top: 2px;
}

body.vice-home-layout .vc-home-navbar .dropdown-menu > li > a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 36px;
	margin: 0;
	padding: 8px 10px;
	color: var(--vice-text-soft);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.3;
	white-space: normal;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 8px;
	text-decoration: none;
	transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
}

body.vice-home-layout .vc-home-navbar .dropdown-menu > li > a:hover,
body.vice-home-layout .vc-home-navbar .dropdown-menu > li > a:focus,
body.vice-home-layout .vc-home-navbar .dropdown-menu > li.active > a {
	color: #ffffff;
	background: rgba(174, 188, 209, 0.07);
	border-color: rgba(174, 188, 209, 0.17);
}

body.vice-home-layout .vc-home-navbar.navbar-default .navbar-nav > .open > a,
body.vice-home-layout .vc-home-navbar.navbar-default .navbar-nav > .open > a:hover,
body.vice-home-layout .vc-home-navbar.navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background: rgba(16, 21, 32, 0.82);
	border-color: rgba(174, 188, 209, 0.18);
}

/* The masthead owns the artwork; a cached legacy template must not paint a second banner. */
body.vice-home-layout #header.vc-home-hero .headervideo {
	display: none;
}

body.vice-home-layout #sampServerCard .server-buttons-right,
body.vice-home-layout #sampServerCard .server-buttons-row {
	opacity: 1;
	visibility: visible;
	filter: none;
}

body.vice-home-layout #sampServerCard .server-action-btn {
	color: var(--vice-text);
	opacity: 1;
	filter: none;
}

/* `inherit` instead of a separate color token — the button's actual color
   varies by context (plain vs. "Oyuna Gir" gradient, dark vs. white theme,
   hover state), and a hardcoded value here always drifted out of sync
   with whatever the anchor itself was really rendering. */
body.vice-home-layout #sampServerCard .server-action-btn i {
	color: inherit;
	opacity: 1;
	filter: none;
}

@media (max-width: 1600px) and (min-width: 1101px) {
	body.vice-home-layout .vc-home-navbar.navbar-default > div {
		grid-template-columns: 54px minmax(0, 1fr) auto;
		width: min(1400px, calc(100% - 32px));
		gap: 8px;
	}

	body.vice-home-layout .vc-hero-profile-slot {
		width: min(1400px, calc(100% - 32px));
		padding-right: 50px;
	}

	body.vice-home-layout .vc-home-navbar .navbar-nav {
		gap: 5px;
	}

	body.vice-home-layout .vc-home-navbar .navbar-nav > li > a,
	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .navbar-nav > li > a {
		min-width: 40px;
		height: 40px;
		min-height: 40px;
		padding-inline: 6px;
		gap: 5px;
	}

	body.vice-home-layout .vc-home-navbar .vc-nav-brand {
		width: 50px;
		min-width: 50px;
	}

	body.vice-home-layout .vc-home-navbar .vc-nav-label {
		overflow: hidden;
		max-width: 0;
		margin-left: -5px;
		opacity: 0;
		font-size: var(--text-xs);
		transform: translateX(-3px);
		transition: max-width var(--transition-fast), margin var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);
	}

	body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:hover .vc-nav-label,
	body.vice-home-layout .vc-home-navbar .navbar-nav > li > a:focus .vc-nav-label,
	body.vice-home-layout .vc-home-navbar .navbar-nav > li.open > a .vc-nav-label {
		max-width: 160px;
		margin-left: 0;
		opacity: 1;
		transform: none;
	}

	body.vice-home-layout .vc-home-navbar .vc-header-profile-wrap,
	body.vice-home-layout .vc-home-navbar .vc-header-profile {
		width: 218px;
	}
}

@media (max-width: 1100px) {
	body.vice-home-layout {
		--vice-home-masthead-height: 185px;
	}

	body.vice-home-layout #wrapper::before {
		background-size: 100% 100%, 100% 100%, auto 2500px;
	}

	body.vice-home-layout .vc-home-masthead {
		height: 185px;
		min-height: 185px;
	}

	body.vice-home-layout .vc-home-navbar.navbar-default {
		inset: 10px 0 auto;
	}

	body.vice-home-layout .vc-home-navbar.navbar-default > div {
		display: block;
		width: calc(100% - 28px);
		height: 48px;
		min-height: 48px;
		max-height: none;
	}

	body.vice-home-layout .vc-home-navbar .navbar-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 48px;
		min-height: 48px;
		max-height: 48px;
	}

	body.vice-home-layout .vc-home-navbar .vc-nav-brand {
		width: 46px;
		height: 46px;
		min-width: 46px;
		min-height: 46px;
	}

	body.vice-home-layout .vc-home-navbar .vc-nav-brand img {
		width: 46px;
		height: 46px;
	}

	body.vice-home-layout .vc-home-navbar .navbar-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 10px;
		background: rgba(7, 10, 17, 0.58);
		border: 1px solid rgba(255, 255, 255, 0.11);
		border-radius: 12px;
		-webkit-backdrop-filter: blur(12px) saturate(125%);
		backdrop-filter: blur(12px) saturate(125%);
	}

	body.vice-home-layout .vc-home-navbar .vc-nav-utilities,
	body.vice-home-layout .vc-home-navbar .vc-header-profile-wrap {
		display: none;
	}

	body.vice-home-layout .vc-hero-profile-slot {
		display: none;
	}

	body.vice-home-layout .vc-home-navbar .navbar-offcanvas,
	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas {
		height: auto;
		min-height: 0;
		max-height: none;
	}

	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .navbar-nav {
		align-items: stretch;
		height: auto;
		min-height: 0;
		max-height: none;
		gap: 7px;
	}

	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .navbar-nav > li > a {
		justify-content: flex-start;
		width: 100%;
		height: 44px;
		min-height: 44px;
	}

	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .vc-nav-label {
		max-width: 180px;
		margin-left: 8px;
		opacity: 1;
		transform: none;
	}

	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .navbar-nav > li > .dropdown-menu,
	body.vice-home-layout .vc-home-navbar #js-bootstrap-offcanvas .dropdown-menu .dropdown-menu {
		position: static;
		float: none;
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 6px 0 0;
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	body.vice-home-layout .vc-home-masthead::before {
		background-position: center, center, 38% 48%;
	}
}

@media (max-width: 430px) {
	body.vice-home-layout {
		--vice-home-masthead-height: 140px;
	}

	body.vice-home-layout #wrapper::before {
		background-size: 100% 100%, 100% 100%, auto 2200px;
	}

	body.vice-home-layout .vc-home-masthead {
		height: 140px;
		min-height: 140px;
	}

	body.vice-home-layout .vc-home-masthead::before {
		background-position: center, center, 32% 48%;
	}
}

/* Stage 2.7: keep privileged home-page notices in the content flow as one compact summary row. */
body.vice-home-layout .vc-admin-alert,
body.vice-home-layout .vc-application-alert {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	min-height: 42px;
	margin: 0 8px 10px 0;
	padding: 8px 11px;
	gap: 6px;
	vertical-align: top;
	color: var(--vice-text-soft);
	background: var(--vice-surface-1);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-sm);
	font-size: 13px;
	font-weight: 450;
	line-height: 1.4;
}

body.vice-home-layout .vc-admin-alert strong,
body.vice-home-layout .vc-application-alert strong {
	display: inline-flex;
	align-items: center;
	margin: 0;
	color: var(--vice-text);
	font-size: 13px;
	font-weight: 750;
	line-height: 1;
	gap: 5px;
}

body.vice-home-layout .vc-admin-alert strong i {
	color: #aa7b91;
}

body.vice-home-layout .vc-application-alert strong i {
	color: var(--vice-cyan);
}

body.vice-home-layout .vc-admin-alert a,
body.vice-home-layout .vc-application-alert a {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: var(--vice-text-soft);
	font-size: inherit;
	font-weight: 550;
	line-height: inherit;
}

body.vice-home-layout .vc-admin-alert a:hover,
body.vice-home-layout .vc-admin-alert a:focus-visible,
body.vice-home-layout .vc-application-alert a:hover,
body.vice-home-layout .vc-application-alert a:focus-visible {
	color: var(--vice-text);
}

body.vice-home-layout .vc-admin-alert-split {
	flex-wrap: nowrap;
}

body.vice-home-layout .vc-admin-alert-split > span {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	margin-left: 4px;
	padding-left: 10px;
	gap: 5px;
	border-left: 1px solid var(--vice-border-faint);
}

@media (max-width: 720px) {
	body.vice-home-layout .vc-admin-alert,
	body.vice-home-layout .vc-application-alert {
		display: flex;
		width: 100%;
		margin-right: 0;
	}

	body.vice-home-layout .vc-admin-alert-split {
		flex-wrap: wrap;
	}

	body.vice-home-layout .vc-admin-alert-split > span {
		width: 100%;
		margin: 2px 0 0;
		padding: 7px 0 0;
		border-top: 1px solid var(--vice-border-faint);
		border-left: 0;
	}
}

/* Stage 2.8: forum entry and community sidebar refinement. */
body.vice-home-layout .vc-home-grid {
	grid-template-columns: minmax(0, 1fr) 308px;
	gap: 16px;
}

body.vice-home-layout .vc-forum-panel,
body.vice-home-layout .vc-sidebar-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 84px),
		var(--vice-surface-1);
	border-color: var(--vice-border-soft);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

body.vice-home-layout .vc-forum-panel {
	padding: 16px;
}

body.vice-home-layout .vc-forum-panel > .vc-section-heading {
	min-height: 48px;
	margin: 0 0 12px;
	padding: 0 2px 11px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-section-kicker {
	margin-bottom: 4px;
	font-size: 12px;
	letter-spacing: 0.09em;
}

body.vice-home-layout .vc-forum-panel .vc-section-heading h2 {
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.015em;
}

body.vice-home-layout .vc-forum-panel .vc-section-link {
	min-height: 34px;
	padding: 0 10px;
	color: var(--vice-text-soft);
	background: var(--vice-surface-2);
	border: 1px solid var(--vice-border-faint);
	border-radius: var(--radius-sm);
}

body.vice-home-layout .vc-forum-panel .vc-section-link:hover,
body.vice-home-layout .vc-forum-panel .vc-section-link:focus-visible {
	color: var(--vice-text);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-forum-list,
body.vice-home-layout .vc-forum-category {
	gap: 8px;
}

body.vice-home-layout .vc-forum-category + .vc-forum-category {
	margin-top: 11px;
}

body.vice-home-layout .vc-forum-category-heading {
	min-height: 36px;
	padding: 0 11px;
	background: var(--vice-surface-2);
	border-color: var(--vice-border-faint);
}

body.vice-home-layout .vc-forum-category-heading h3 {
	font-size: 13px;
	letter-spacing: 0.035em;
}

body.vice-home-layout .vc-forum-row {
	grid-template-columns: 48px minmax(0, 1fr) 124px 230px;
	min-height: 78px;
	background: rgba(255, 255, 255, 0.012);
	border-color: var(--vice-border-faint);
}

body.vice-home-layout .vc-forum-row.has-new {
	box-shadow: inset 2px 0 rgba(189, 120, 152, 0.78);
}

body.vice-home-layout .vc-forum-row:hover {
	background: var(--vice-surface-2);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-forum-row-copy {
	padding: 12px 13px;
}

body.vice-home-layout .vc-forum-row-copy h4 {
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 1.3;
}

body.vice-home-layout .vc-forum-description,
body.vice-home-layout .vc-subboard-list a {
	font-size: 12px;
	line-height: 1.5;
}

body.vice-home-layout .vc-forum-metrics {
	padding: 10px 8px;
}

body.vice-home-layout .vc-forum-metrics strong {
	font-size: 13px;
}

body.vice-home-layout .vc-forum-metrics small,
body.vice-home-layout .vc-forum-lastpost strong,
body.vice-home-layout .vc-forum-lastpost strong a,
body.vice-home-layout .vc-forum-lastpost span,
body.vice-home-layout .vc-forum-lastpost span a,
body.vice-home-layout .vc-forum-no-post {
	font-size: 12px;
}

body.vice-home-layout .vc-forum-lastpost {
	padding: 10px 12px;
}

body.vice-home-layout .vc-forum-lastpost-avatar {
	width: 30px;
	height: 30px;
}

body.vice-home-layout .vc-online-summary {
	padding: 15px;
}

body.vice-home-layout .vc-online-summary .vc-sidebar-card-heading {
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-online-summary .vc-sidebar-card-heading h2 {
	font-size: 12px;
	letter-spacing: 0.055em;
}

body.vice-home-layout .vc-online-total strong {
	font-size: 32px;
	font-weight: 750;
}

body.vice-home-layout .vc-online-total span {
	font-size: 12px;
}

body.vice-home-layout .vc-online-spark {
	height: 24px;
	margin: 9px 0 11px;
	opacity: 0.62;
}

body.vice-home-layout .vc-online-breakdown {
	gap: 7px;
}

body.vice-home-layout .vc-online-breakdown span {
	min-height: 42px;
	padding: 6px 4px;
	justify-content: center;
	background: rgba(255, 255, 255, 0.018);
	border: 1px solid var(--vice-border-faint);
	border-radius: 7px;
	font-size: 12px;
}

body.vice-home-layout .vc-online-breakdown strong {
	font-size: 13px;
}

body.vice-home-layout .vc-online-mini-list {
	max-height: 92px;
	margin-top: 11px;
	padding: 10px 2px 2px 0;
	overflow-x: hidden;
	overflow-y: auto;
	gap: 6px 9px;
	scrollbar-color: var(--vice-border-strong) transparent;
	scrollbar-width: thin;
	filter: saturate(0.68);
}

body.vice-home-layout .vc-online-mini-list span {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	gap: 5px;
	opacity: 1;
}

body.vice-home-layout .vc-online-mini-list span::before {
	content: "";
	flex: 0 0 auto;
	width: 5px;
	height: 5px;
	background: var(--vice-cyan);
	border-radius: 50%;
}

body.vice-home-layout .vc-online-mini-list span,
body.vice-home-layout .vc-online-mini-list a {
	font-size: 12px;
	line-height: 1.45;
}

body.vice-home-layout .vc-online-mini-list::-webkit-scrollbar {
	width: 6px;
}

body.vice-home-layout .vc-online-mini-list::-webkit-scrollbar-thumb {
	background: var(--vice-border-strong);
	border-radius: var(--radius-pill);
}

@media (max-width: 1180px) {
	body.vice-home-layout .vc-home-grid {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	body.vice-home-layout .vc-forum-row {
		grid-template-columns: 44px minmax(0, 1fr) 108px 194px;
	}
}

@media (max-width: 1100px) {
	body.vice-home-layout .vc-home-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	body.vice-home-layout .vc-forum-panel {
		padding: 11px;
	}

	body.vice-home-layout .vc-forum-row {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	body.vice-home-layout .vc-online-mini-list {
		max-height: none;
		overflow-y: visible;
	}
}

@media (max-width: 430px) {
	body.vice-home-layout .vc-forum-panel .vc-section-heading h2 {
		font-size: 16px;
	}

	body.vice-home-layout .vc-forum-panel .vc-section-link {
		display: none;
	}

	body.vice-home-layout .vc-online-total strong {
		font-size: 28px;
	}
}

/* Stage 2.7: reference-aligned home dashboard below the accepted hero. */
body.vice-home-layout .vc-announcement-stack,
body.vice-home-layout .vc-ranking-row:not(.vc-ranking-row--results) {
	display: none;
}

body.vice-home-layout .server-card-container#sampServerCard {
	margin: 12px 0 14px;
	background:
		linear-gradient(90deg, rgba(125, 148, 175, 0.02), transparent 50%, rgba(145, 116, 136, 0.018)),
		rgba(8, 13, 22, 0.94);
	border-color: rgba(129, 151, 187, 0.19);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.018);
}

body.vice-home-layout .server-card-container#sampServerCard .server-content-wrapper {
	min-height: 68px;
	padding: 8px 12px;
	gap: 12px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-row {
	grid-template-columns: minmax(142px, 0.72fr) minmax(170px, 0.92fr) minmax(190px, 1fr);
	gap: 0;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-item {
	min-height: 44px;
	padding: 0 22px;
	border-right: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-item:first-child {
	padding-left: 8px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-item:last-child {
	border-right: 0;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-label {
	font-size: 9px;
	text-transform: uppercase;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-value,
body.vice-home-layout .server-card-container#sampServerCard #gameMode {
	font-size: 13px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-info-value.large {
	font-size: 20px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-buttons-row {
	grid-template-columns: repeat(3, minmax(104px, 1fr));
	gap: 8px;
}

body.vice-home-layout .server-card-container#sampServerCard .server-action-btn,
body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.secondary,
body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.forum-link {
	height: 36px;
	min-height: 36px;
	padding: 0 13px;
	font-size: 11px;
	background: rgba(15, 22, 34, 0.82);
	border-color: rgba(129, 151, 187, 0.16);
}

body.vice-home-layout .vc-my-vice {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	align-items: center;
	min-width: 0;
	min-height: 84px;
	margin: 0 0 12px;
	padding: 12px 14px;
	gap: 13px;
	background:
		linear-gradient(90deg, rgba(125, 148, 175, 0.025), transparent 42%),
		rgba(8, 13, 22, 0.94);
	border: 1px solid rgba(129, 151, 187, 0.17);
	border-radius: 12px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.19);
}

body.vice-home-layout .vc-my-vice__mark,
body.vice-home-layout .vc-my-vice__avatar {
	position: relative;
	display: grid;
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	place-items: center;
	color: #9ba8b8;
	background: rgba(129, 151, 187, 0.07);
	border: 1px solid rgba(129, 151, 187, 0.16);
	border-radius: 11px;
	font-size: 19px;
	overflow: hidden;
}

body.vice-home-layout .vc-my-vice__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.vice-home-layout .vc-my-vice__avatar > span {
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 8px;
	height: 8px;
	background: #697585;
	border: 2px solid #0b111b;
	border-radius: 50%;
}

body.vice-home-layout .vc-my-vice__avatar > span.is-online {
	background: var(--vice-success);
}

body.vice-home-layout .vc-my-vice__copy {
	min-width: 0;
}

body.vice-home-layout .vc-my-vice__copy > span {
	display: block;
	margin-bottom: 4px;
	color: var(--vice-text-dim);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

body.vice-home-layout .vc-my-vice__copy h2 {
	overflow: hidden;
	margin: 0;
	color: var(--vice-text);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-my-vice__title-row {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 9px;
}

body.vice-home-layout .vc-my-vice__title-row h2 {
	flex: 0 1 auto;
}

body.vice-home-layout .vc-my-vice__switcher {
	display: inline-flex;
	align-items: center;
	flex: 0 1 180px;
	min-width: 112px;
	max-width: 180px;
	height: 26px;
	margin: 0;
	padding: 0;
	background: rgba(15, 22, 34, 0.72);
	border: 1px solid var(--vice-border-faint);
	border-radius: 7px;
	overflow: hidden;
}

body.vice-home-layout .vc-my-vice__switcher label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.vice-home-layout .vc-my-vice__switcher select {
	min-width: 0;
	height: 100%;
	flex: 1 1 auto;
	padding: 0 25px 0 8px;
	color: var(--vice-text-muted);
	font: inherit;
	font-size: 8px;
	font-weight: 700;
	background: transparent;
	border: 0;
	border-radius: 0;
	outline: 0;
}

body.vice-home-layout .vc-my-vice__switcher select:focus-visible {
	color: var(--vice-text);
	background: rgba(129, 151, 187, 0.08);
}

body.vice-home-layout .vc-my-vice__switcher option {
	color: #d8dee8;
	background: #0d1420;
}

body.vice-home-layout .vc-my-vice__switcher button {
	display: inline-grid;
	width: 25px;
	height: 100%;
	flex: 0 0 25px;
	padding: 0;
	place-items: center;
	color: var(--vice-text-dim);
	background: rgba(129, 151, 187, 0.06);
	border: 0;
	border-left: 1px solid var(--vice-border-faint);
	border-radius: 0;
	font-size: 8px;
	cursor: pointer;
}

body.vice-home-layout .vc-my-vice__switcher button:hover,
body.vice-home-layout .vc-my-vice__switcher button:focus-visible {
	color: var(--vice-text);
	background: rgba(129, 151, 187, 0.12);
}

body.vice-home-layout .vc-my-vice__copy p {
	overflow: hidden;
	margin: 4px 0 0;
	color: var(--vice-text-muted);
	font-size: 9px;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-my-vice__balances {
	display: grid;
	grid-template-columns: repeat(2, minmax(66px, auto));
	min-height: 46px;
	padding: 0 14px;
	border-right: 1px solid var(--vice-border-faint);
	border-left: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-my-vice__balances > span {
	display: flex;
	align-items: baseline;
	justify-content: center;
	flex-direction: column;
	min-width: 66px;
	padding: 0 10px;
	gap: 2px;
}

body.vice-home-layout .vc-my-vice__balances strong {
	color: var(--vice-text-soft);
	font-size: 13px;
	font-weight: 780;
}

body.vice-home-layout .vc-my-vice__balances small {
	color: var(--vice-text-dim);
	font-size: 7px;
	font-weight: 760;
	text-transform: uppercase;
}

body.vice-home-layout .vc-my-vice__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
}

body.vice-home-layout .vc-my-vice__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 12px;
	color: var(--vice-text-muted);
	font-size: 9px;
	font-weight: 760;
	background: rgba(15, 22, 34, 0.72);
	border: 1px solid var(--vice-border-faint);
	border-radius: 8px;
	white-space: nowrap;
}

body.vice-home-layout .vc-my-vice__actions a:hover,
body.vice-home-layout .vc-my-vice__actions a:focus-visible {
	color: var(--vice-text);
	background: var(--vice-surface-2);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-my-vice__actions a.is-primary {
	color: #f5f6f8;
	background: #8f5d75;
	border-color: rgba(189, 120, 152, 0.3);
}

body.vice-home-layout .vc-my-vice__actions a.is-primary:hover,
body.vice-home-layout .vc-my-vice__actions a.is-primary:focus-visible {
	background: #9b647e;
	border-color: rgba(189, 120, 152, 0.42);
}

body.vice-home-layout .vc-my-vice--offline .vc-my-vice__mark {
	color: #b39b73;
	background: rgba(185, 155, 104, 0.07);
	border-color: rgba(185, 155, 104, 0.16);
}

body.vice-home-layout .vc-featured-factions {
	box-sizing: border-box;
	min-width: 0;
	padding: 16px;
	background: rgba(8, 13, 22, 0.94);
	border: 1px solid rgba(129, 151, 187, 0.17);
	border-radius: 13px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body.vice-home-layout .vc-featured-factions__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
	margin-bottom: 12px;
	padding: 0 2px 11px;
	gap: 14px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-featured-factions__header h2 {
	margin: 2px 0 0;
	color: var(--vice-text);
	font-size: 16px;
	font-weight: 820;
	line-height: 1.25;
	letter-spacing: 0.01em;
}

/* Same look as the "Karakterlerim"/"UCP" utility buttons in the Vice
   Durumum header, so the two "secondary action" buttons on the home page
   read as one consistent control instead of two different designs. */
body.vice-home-layout .vc-featured-factions__header > a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 14px;
	gap: 8px;
	color: var(--vice-text-muted);
	font-size: 13px;
	font-weight: 740;
	background: rgba(15, 22, 34, 0.72);
	border: 1px solid var(--vice-border-faint);
	border-radius: 8px;
	white-space: nowrap;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

body.vice-home-layout .vc-featured-factions__header > a:hover,
body.vice-home-layout .vc-featured-factions__header > a:focus-visible {
	color: var(--vice-text);
	background: var(--vice-surface-2);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-featured-factions__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

body.vice-home-layout .vc-featured-faction {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 174px;
	padding: 13px;
	background: rgba(15, 22, 34, 0.68);
	border: 1px solid var(--vice-border-faint);
	border-radius: 10px;
	transition: border-color var(--transition-fast), background var(--transition-fast);
}

body.vice-home-layout .vc-featured-faction:hover {
	background: rgba(17, 25, 38, 0.82);
	border-color: rgba(189, 120, 152, 0.18);
}

body.vice-home-layout .vc-featured-faction__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

body.vice-home-layout .vc-featured-faction__rank {
	color: var(--vice-gold);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.04em;
}

body.vice-home-layout .vc-featured-faction__type {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--vice-text-dim);
	font-size: 8px;
	font-weight: 760;
	text-transform: uppercase;
}

body.vice-home-layout .vc-featured-faction__type i {
	color: #8e99a9;
}

body.vice-home-layout .vc-featured-faction h3 {
	overflow: hidden;
	margin: 10px 0 12px;
	color: var(--vice-text);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-featured-faction h3 a {
	color: inherit;
}

body.vice-home-layout .vc-featured-faction h3 a:hover,
body.vice-home-layout .vc-featured-faction h3 a:focus-visible {
	color: var(--vice-text-soft);
}

body.vice-home-layout .vc-featured-faction__score {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 10px;
	gap: 8px;
}

body.vice-home-layout .vc-featured-faction__score > span {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 2px;
}

body.vice-home-layout .vc-featured-faction__score strong {
	color: var(--vice-text-soft);
	font-size: 12px;
	font-weight: 820;
}

body.vice-home-layout .vc-featured-faction__score small {
	overflow: hidden;
	color: var(--vice-text-dim);
	font-size: 7px;
	font-weight: 720;
	letter-spacing: 0.04em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

body.vice-home-layout .vc-featured-faction__progress {
	width: 100%;
	height: 3px;
	margin-bottom: 12px;
	background: rgba(129, 151, 187, 0.1);
	border-radius: var(--radius-pill);
	overflow: hidden;
}

body.vice-home-layout .vc-featured-faction__progress > span {
	display: block;
	height: 100%;
	background: #9b7388;
	border-radius: inherit;
}

body.vice-home-layout .vc-featured-faction__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	gap: 9px;
}

body.vice-home-layout .vc-featured-faction__actions a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--vice-text-muted);
	font-size: 8px;
	font-weight: 740;
}

body.vice-home-layout .vc-featured-faction__actions a:hover,
body.vice-home-layout .vc-featured-faction__actions a:focus-visible {
	color: var(--vice-text);
}

body.vice-home-layout .vc-featured-factions__empty {
	display: flex;
	align-items: center;
	min-height: 82px;
	padding: 13px;
	gap: 12px;
	background: rgba(15, 22, 34, 0.56);
	border: 1px solid var(--vice-border-faint);
	border-radius: 10px;
}

body.vice-home-layout .vc-featured-factions__empty > span {
	display: grid;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	place-items: center;
	color: var(--vice-text-dim);
	background: rgba(129, 151, 187, 0.07);
	border: 1px solid var(--vice-border-faint);
	border-radius: 9px;
}

body.vice-home-layout .vc-featured-factions__empty strong {
	display: block;
	color: var(--vice-text-soft);
	font-size: 11px;
}

body.vice-home-layout .vc-featured-factions__empty p {
	margin: 4px 0 0;
	color: var(--vice-text-dim);
	font-size: 9px;
	line-height: 1.45;
}

body.vice-home-layout .vc-home-portal {
	margin-top: 0;
	gap: 14px;
}

body.vice-home-layout .vc-feature-deck {
	display: grid;
	grid-template-columns: minmax(238px, 0.82fr) minmax(300px, 1.02fr) minmax(390px, 1.36fr);
	align-items: stretch;
	gap: 14px;
	width: 100%;
	min-width: 0;
}

body.vice-home-layout .vc-feature-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 292px;
	padding: 13px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 74px),
		rgba(8, 13, 22, 0.94);
	border: 1px solid rgba(129, 151, 187, 0.17);
	border-radius: 12px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.018);
	overflow: hidden;
}

body.vice-home-layout .vc-feature-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(140, 157, 180, 0.28), transparent);
	opacity: 0.42;
}

body.vice-home-layout .vc-feature-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 30px;
	margin-bottom: 9px;
	padding: 0 1px 9px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-feature-heading h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--vice-text-soft);
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0.018em;
}

body.vice-home-layout .vc-feature-heading-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: var(--vice-pink);
	background: var(--vice-pink-soft);
	border: 1px solid rgba(189, 120, 152, 0.16);
	border-radius: 7px;
	font-size: 10px;
}

body.vice-home-layout .vc-feature-news .vc-feature-heading-icon {
	color: var(--vice-cyan);
	background: rgba(115, 168, 178, 0.08);
	border-color: rgba(115, 168, 178, 0.16);
}

body.vice-home-layout .vc-feature-rankings .vc-feature-heading-icon {
	color: var(--vice-gold);
	background: rgba(242, 181, 68, 0.1);
	border-color: rgba(242, 181, 68, 0.18);
}

body.vice-home-layout .vc-feature-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: min(100%, 176px);
	min-height: 30px;
	margin: auto auto 0;
	padding: 0 12px;
	color: var(--vice-text-muted);
	font-size: 10px;
	font-weight: 750;
	background: rgba(15, 22, 34, 0.78);
	border: 1px solid var(--vice-border-faint);
	border-radius: 7px;
}

body.vice-home-layout .vc-feature-more:hover,
body.vice-home-layout .vc-feature-more:focus-visible {
	color: var(--vice-text);
	background: var(--vice-surface-2);
	border-color: var(--vice-border-strong);
}

body.vice-home-layout .vc-event-shell {
	display: grid;
	gap: 6px;
	margin-bottom: 10px;
}

body.vice-home-layout .vc-event-placeholder {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 48px;
	align-items: center;
	min-height: 42px;
	padding: 0 9px 0 12px;
	background: rgba(15, 22, 34, 0.66);
	border: 1px solid var(--vice-border-faint);
	border-radius: 8px;
	overflow: hidden;
}

body.vice-home-layout .vc-event-placeholder::before {
	content: "";
	position: absolute;
	inset: 7px auto 7px 0;
	width: 2px;
	background: var(--vice-pink);
	box-shadow: none;
}

body.vice-home-layout .vc-event-placeholder.is-cyan::before { background: var(--vice-cyan); box-shadow: none; }
body.vice-home-layout .vc-event-placeholder.is-green::before { background: var(--vice-success); box-shadow: 0 0 10px rgba(54, 211, 153, 0.25); }
body.vice-home-layout .vc-event-placeholder.is-gold::before { background: var(--vice-gold); box-shadow: 0 0 10px rgba(242, 181, 68, 0.25); }

body.vice-home-layout .vc-event-placeholder span,
body.vice-home-layout .vc-event-placeholder b,
body.vice-home-layout .vc-event-placeholder em {
	display: block;
	height: 7px;
	background: rgba(142, 154, 171, 0.11);
	border-radius: 999px;
}

body.vice-home-layout .vc-event-placeholder span { width: 26px; }
body.vice-home-layout .vc-event-placeholder b { width: min(92%, 120px); }
body.vice-home-layout .vc-event-placeholder em { justify-self: end; width: 38px; background: rgba(189, 120, 152, 0.07); }

body.vice-home-layout .vc-feature-news-list {
	min-width: 0;
	margin-bottom: 10px;
	overflow: hidden;
}

body.vice-home-layout .vc-news-viewport {
	width: 100%;
	min-width: 0;
	overflow: hidden;
	border-radius: 9px;
}

body.vice-home-layout .vc-news-viewport:focus-visible {
	outline: 2px solid rgba(115, 168, 178, 0.32);
	outline-offset: 2px;
}

body.vice-home-layout .vc-news-track {
	display: flex;
	min-width: 0;
	transform: translate3d(0, 0, 0);
	transition: transform 260ms ease;
}

body.vice-home-layout .vc-news-page {
	display: grid;
	flex: 0 0 100%;
	grid-template-rows: repeat(3, minmax(68px, auto));
	gap: 6px;
	width: 100%;
	min-width: 0;
}

body.vice-home-layout .vc-news-entry {
	position: relative;
	display: block;
	min-height: 68px;
	isolation: isolate;
	color: var(--vice-text-soft);
	background: #0d141f;
	border: 1px solid var(--vice-border-faint);
	border-radius: 9px;
	overflow: hidden;
	transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

body.vice-home-layout .vc-news-entry:hover,
body.vice-home-layout .vc-news-entry:focus-visible {
	color: var(--vice-text);
	background: #111a28;
	border-color: var(--vice-border-soft);
	outline: 0;
}

body.vice-home-layout .vc-news-entry-media {
	position: absolute;
	inset: 0 0 0 25%;
	display: grid;
	min-width: 0;
	place-items: center;
	overflow: hidden;
	color: var(--vice-cyan);
	font-size: 14px;
	background: rgba(115, 168, 178, 0.05);
	border: 0;
	z-index: -1;
}

body.vice-home-layout .vc-news-entry-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		#0d141f 0%,
		rgba(13, 20, 31, 0.94) 16%,
		rgba(13, 20, 31, 0.76) 42%,
		rgba(13, 20, 31, 0.38) 72%,
		rgba(13, 20, 31, 0.18) 100%
	);
	pointer-events: none;
}

body.vice-home-layout .vc-news-entry-media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 48%;
	filter: saturate(0.82) contrast(0.94) brightness(0.72);
	opacity: 0.78;
	transition: transform 260ms ease, filter 180ms ease, opacity 180ms ease;
}

body.vice-home-layout .vc-news-entry-media img:not([src]) {
	display: none;
}

body.vice-home-layout .vc-news-entry:hover .vc-news-entry-media img {
	filter: saturate(0.92) contrast(0.98) brightness(0.8);
	opacity: 0.88;
	transform: scale(1.035);
}

body.vice-home-layout .vc-news-entry-copy {
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 78%;
	min-width: 0;
	min-height: 68px;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	padding: 8px 12px;
	text-align: left;
	z-index: 1;
}

body.vice-home-layout .vc-news-entry-meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	min-width: 0;
}

body.vice-home-layout .vc-news-entry-meta small {
	overflow: hidden;
	color: var(--vice-cyan);
	font-size: 7px;
	font-weight: 820;
	letter-spacing: 0.055em;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

body.vice-home-layout .vc-news-entry-meta time {
	flex: 0 0 auto;
	color: var(--vice-text-dim);
	font-size: 7px;
}

body.vice-home-layout .vc-news-entry-copy > strong {
	display: block;
	overflow: hidden;
	color: #edf1f7;
	font-size: 10px;
	font-weight: 780;
	line-height: 1.3;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.72);
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-news-entry-excerpt {
	display: block;
	overflow: hidden;
	color: var(--vice-text-dim);
	font-size: 8px;
	line-height: 1.3;
	text-shadow: 0 1px 7px rgba(0, 0, 0, 0.7);
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-news-nav {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

body.vice-home-layout .vc-news-nav button {
	display: grid;
	width: 23px;
	height: 23px;
	padding: 0;
	place-items: center;
	color: var(--vice-text-muted);
	font: inherit;
	font-size: 8px;
	cursor: pointer;
	background: rgba(15, 22, 34, 0.82);
	border: 1px solid var(--vice-border-faint);
	border-radius: 7px;
}

body.vice-home-layout .vc-news-nav button:hover:not(:disabled),
body.vice-home-layout .vc-news-nav button:focus-visible {
	color: var(--vice-cyan);
	border-color: rgba(115, 168, 178, 0.24);
	outline: 0;
}

body.vice-home-layout .vc-news-nav button:disabled {
	cursor: default;
	opacity: 0.28;
}

body.vice-home-layout .vc-news-nav > span {
	min-width: 26px;
	color: var(--vice-text-dim);
	font-size: 7px;
	font-weight: 720;
	text-align: center;
}

body.vice-home-layout .vc-ranking-tabs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 6px;
	background: rgba(5, 9, 16, 0.44);
	border: 1px solid var(--vice-border-faint);
	border-radius: 8px;
	overflow: hidden;
}

body.vice-home-layout .vc-ranking-tabs button {
	position: relative;
	min-width: 0;
	height: 31px;
	padding: 0 6px;
	color: var(--vice-text-dim);
	font: inherit;
	font-size: 9px;
	font-weight: 750;
	background: transparent;
	border: 0;
	border-right: 1px solid var(--vice-border-faint);
	outline: 0;
}

body.vice-home-layout .vc-ranking-tabs button:last-child {
	border-right: 0;
}

body.vice-home-layout .vc-ranking-tabs button.is-active {
	color: var(--vice-text);
	background: rgba(189, 120, 152, 0.07);
}

body.vice-home-layout .vc-ranking-tabs button.is-active::after {
	content: "";
	position: absolute;
	inset: auto 8px 0;
	height: 2px;
	background: #ad718d;
	box-shadow: none;
}

body.vice-home-layout .vc-ranking-tabs button[aria-disabled="true"] {
	cursor: default;
}

body.vice-home-layout .vc-ranking-compact-list {
	display: none;
	min-width: 0;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

body.vice-home-layout .vc-ranking-compact-list.is-active-panel {
	display: grid;
}

body.vice-home-layout .vc-ranking-compact-list li {
	display: grid;
	grid-template-columns: 24px 28px minmax(0, 1fr) auto;
	align-items: center;
	min-height: 35px;
	padding: 3px 7px;
	border-bottom: 1px solid var(--vice-border-faint);
	gap: 7px;
}

body.vice-home-layout .vc-ranking-compact-list li:last-child {
	border-bottom: 0;
}

body.vice-home-layout .vc-ranking-position {
	color: #b8879d;
	font-size: 10px;
	font-weight: 850;
	text-align: center;
}

body.vice-home-layout .vc-ranking-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	color: #fff;
	font-size: 9px;
	font-weight: 850;
	background: linear-gradient(145deg, #7c2d65, #1a3352);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
}

body.vice-home-layout .vc-ranking-avatar--2 { background: linear-gradient(145deg, #264f62, #59295f); }
body.vice-home-layout .vc-ranking-avatar--3 { background: linear-gradient(145deg, #68472b, #3c285c); }
body.vice-home-layout .vc-ranking-avatar--4 { background: linear-gradient(145deg, #2b574c, #293c63); }
body.vice-home-layout .vc-ranking-avatar--5 { background: linear-gradient(145deg, #5d2e42, #25395b); }

body.vice-home-layout .vc-ranking-compact-list li > a {
	overflow: hidden;
	color: var(--vice-text-soft);
	font-size: 10px;
	font-weight: 750;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-ranking-compact-list li > a:hover {
	color: var(--vice-cyan);
}

body.vice-home-layout .vc-ranking-compact-list li > strong {
	color: var(--vice-text-muted);
	font-size: 9px;
	font-weight: 750;
	white-space: nowrap;
}

body.vice-home-layout .vc-ranking-compact-list li > strong small {
	color: var(--vice-text-dim);
	font-size: 7px;
}

body.vice-home-layout .vc-ranking-empty {
	display: flex;
	justify-content: center;
	color: var(--vice-text-dim);
	font-size: 10px;
}

body.vice-home-layout .vc-feature-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 170px;
	color: var(--vice-text-dim);
	font-size: 10px;
	gap: 8px;
}

body.vice-home-layout .vc-feature-empty i {
	color: var(--vice-cyan);
	font-size: 20px;
}

/* City life hub: one calm, connected surface for races, events, news and lore. */
body.vice-home-layout .vc-feature-deck {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

body.vice-home-layout .vc-city-life {
	position: relative;
	min-width: 0;
	padding: 15px;
	background:
		linear-gradient(135deg, rgba(39, 50, 72, 0.1), transparent 32%),
		rgba(7, 12, 20, 0.96);
	border: 1px solid rgba(129, 151, 187, 0.18);
	border-radius: 13px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
	overflow: hidden;
}

body.vice-home-layout .vc-city-life::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(134, 157, 191, 0.34), transparent);
}

body.vice-home-layout .vc-city-life-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 13px;
	padding: 1px 2px 12px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-city-life-kicker {
	display: block;
	margin-bottom: 5px;
	color: var(--vice-text-dim);
	font-size: 7px;
	font-weight: 820;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

body.vice-home-layout .vc-city-life-header h2 {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	color: var(--vice-text);
	font-size: 15px;
	font-weight: 850;
	letter-spacing: 0.01em;
}

body.vice-home-layout .vc-city-life-header h2 > span {
	display: inline-grid;
	width: 27px;
	height: 27px;
	place-items: center;
	color: #b5c0d0;
	background: rgba(125, 145, 176, 0.08);
	border: 1px solid rgba(129, 151, 187, 0.16);
	border-radius: 8px;
	font-size: 11px;
}

body.vice-home-layout .vc-city-life-header p {
	max-width: 430px;
	margin: 0;
	color: var(--vice-text-dim);
	font-size: 9px;
	line-height: 1.5;
	text-align: right;
}

body.vice-home-layout .vc-city-life-grid {
	display: grid;
	/* Only 3 lanes are ever rendered (races, news, story) — a leftover 4th
	   column track here left an empty gap on the right. Merged the last
	   two tracks so the story lane takes up the freed space instead. */
	grid-template-columns:
    	minmax(170px, 1fr)
        minmax(190px, 1.8fr)
        minmax(330px, 1.4fr);
	align-items: stretch;
	gap: 8px;
	min-width: 0;
}

body.vice-home-layout .vc-city-lane {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 250px;
	flex-direction: column;
	padding: 11px;
	background: rgba(13, 20, 31, 0.68);
	border: 1px solid rgba(129, 151, 187, 0.13);
	border-radius: 10px;
	overflow: hidden;
}

body.vice-home-layout .vc-city-lane::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 2px;
	background: rgba(129, 151, 187, 0.18);
}

body.vice-home-layout .vc-city-news::after {
	background: rgba(115, 168, 178, 0.38);
}

body.vice-home-layout .vc-city-story::after {
	background: rgba(196, 155, 89, 0.48);
}

body.vice-home-layout .vc-city-story {
	isolation: isolate;
	background: #0b121d;
}

body.vice-home-layout .vc-city-story::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(7, 12, 20, 0.2) 0%, rgba(7, 12, 20, 0.76) 46%, #09101a 100%),
		linear-gradient(90deg, rgba(7, 12, 20, 0.18), rgba(7, 12, 20, 0.58));
	pointer-events: none;
}

body.vice-home-layout .vc-city-story::after {
	z-index: 3;
}

body.vice-home-layout .vc-story-media {
	position: absolute;
	z-index: 0;
	inset: 0;
	overflow: hidden;
}

body.vice-home-layout .vc-story-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8, 14, 23, 0.72) 0%, rgba(8, 14, 23, 0.12) 64%, rgba(8, 14, 23, 0.38) 100%);
}

body.vice-home-layout .vc-story-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 55% center;
	filter: saturate(0.68) contrast(1.05) brightness(0.72);
	transform: scale(1.015);
}

body.vice-home-layout .vc-city-lane-heading,
body.vice-home-layout .vc-feature-heading.vc-city-lane-heading {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 27px;
	margin: 0 0 9px;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--vice-border-faint);
}

body.vice-home-layout .vc-city-lane-heading h3,
body.vice-home-layout .vc-feature-heading.vc-city-lane-heading h3 {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	margin: 0;
	color: var(--vice-text-soft);
	font-size: 10px;
	font-weight: 820;
	letter-spacing: 0.015em;
}

body.vice-home-layout .vc-city-lane-heading h3 i {
	color: #94a1b4;
	font-size: 9px;
}

body.vice-home-layout .vc-city-news .vc-city-lane-heading h3 i {
	color: var(--vice-cyan);
}

body.vice-home-layout .vc-city-story .vc-city-lane-heading h3 i {
	color: var(--vice-gold);
}

body.vice-home-layout .vc-city-lane-status {
	flex: 0 0 auto;
	padding: 3px 6px;
	color: var(--vice-text-dim);
	font-size: 6px;
	font-weight: 820;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: rgba(129, 151, 187, 0.06);
	border: 1px solid rgba(129, 151, 187, 0.12);
	border-radius: 999px;
}

body.vice-home-layout .vc-city-lane-status.is-live {
	color: #75c6a3;
	border-color: rgba(117, 198, 163, 0.18);
}

body.vice-home-layout .vc-city-empty-state {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 145px;
	flex: 1;
	flex-direction: column;
	padding: 13px 7px;
}

body.vice-home-layout .vc-city-empty-state.is-compact {
	min-height: 136px;
}

body.vice-home-layout .vc-city-empty-icon {
	display: grid;
	width: 30px;
	height: 30px;
	margin-bottom: 13px;
	place-items: center;
	color: #95a1b2;
	background: rgba(129, 151, 187, 0.07);
	border: 1px solid rgba(129, 151, 187, 0.14);
	border-radius: 9px;
	font-size: 11px;
}

body.vice-home-layout .vc-city-empty-state strong {
	display: block;
	margin-bottom: 5px;
	color: var(--vice-text-muted);
	font-size: 9px;
	font-weight: 780;
	line-height: 1.35;
}

body.vice-home-layout .vc-city-empty-state small {
	display: block;
	color: var(--vice-text-dim);
	font-size: 8px;
	line-height: 1.55;
}

body.vice-home-layout .vc-city-event-list {
	display: grid;
	gap: 5px;
	min-width: 0;
}

body.vice-home-layout .vc-city-event-row {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	min-height: 42px;
	padding: 5px 7px;
	color: var(--vice-text-muted);
	background: rgba(8, 13, 22, 0.5);
	border: 1px solid var(--vice-border-faint);
	border-radius: 8px;
	gap: 7px;
}

body.vice-home-layout .vc-city-event-row:hover,
body.vice-home-layout .vc-city-event-row:focus-visible {
	color: var(--vice-text);
	background: rgba(18, 27, 41, 0.78);
	border-color: var(--vice-border-soft);
	outline: 0;
}

body.vice-home-layout .vc-city-event-row > span {
	display: grid;
	width: 23px;
	height: 23px;
	place-items: center;
	color: #88ac9d;
	background: rgba(117, 198, 163, 0.07);
	border-radius: 6px;
	font-size: 8px;
}

body.vice-home-layout .vc-city-event-row strong {
	overflow: hidden;
	font-size: 8px;
	font-weight: 740;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-city-event-row time {
	color: var(--vice-text-dim);
	font-size: 7px;
	white-space: nowrap;
}

body.vice-home-layout .vc-city-lane-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 6px;
	margin-top: auto;
	padding: 8px 5px 1px;
	color: var(--vice-text-dim);
	font-size: 8px;
	font-weight: 740;
}

body.vice-home-layout .vc-city-lane-link:hover,
body.vice-home-layout .vc-city-lane-link:focus-visible {
	color: var(--vice-text);
	outline: 0;
}

body.vice-home-layout .vc-city-lane-link i {
	font-size: 7px;
	transition: transform 150ms ease;
}

body.vice-home-layout .vc-city-lane-link:hover i {
	transform: translateX(2px);
}

body.vice-home-layout .vc-city-news .vc-feature-news-list {
	margin-bottom: 0;
}

body.vice-home-layout .vc-city-news .vc-news-page {
	grid-template-rows: repeat(3, minmax(54px, auto));
	gap: 5px;
}

body.vice-home-layout .vc-city-news .vc-news-entry {
	grid-template-columns: 68px minmax(0, 1fr);
	min-height: 54px;
}

body.vice-home-layout .vc-city-news .vc-news-entry-copy {
	padding: 6px 8px;
}

body.vice-home-layout .vc-city-news .vc-news-entry-excerpt {
	font-size: 7px;
}

body.vice-home-layout .vc-story-copy {
	position: relative;
	z-index: 2;
	max-width: 100%;
	padding: 12px 2px 8px;
}

body.vice-home-layout .vc-story-copy > span {
	display: block;
	margin-bottom: 6px;
	color: #c5aa7a;
	font-size: 6px;
	font-weight: 820;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

body.vice-home-layout .vc-story-copy > strong {
	display: block;
	color: #f0f3f8;
	font-size: 17px;
	font-weight: 850;
	letter-spacing: -0.025em;
	line-height: 1.15;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.52);
}

body.vice-home-layout .vc-story-copy p {
	margin: 7px 0 0;
	color: rgba(210, 218, 230, 0.72);
	font-size: 7px;
	line-height: 1.5;
}

body.vice-home-layout .vc-story-meta {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 5px;
	margin: 1px 2px 8px;
}

body.vice-home-layout .vc-story-meta > span {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	min-width: 0;
	padding: 6px;
	background: rgba(8, 14, 23, 0.58);
	border: 1px solid rgba(196, 155, 89, 0.12);
	border-radius: 7px;
	backdrop-filter: blur(5px);
}

body.vice-home-layout .vc-story-meta i {
	grid-row: 1 / 3;
	color: #b89c70;
	font-size: 8px;
}

body.vice-home-layout .vc-story-meta strong {
	color: var(--vice-text-soft);
	font-size: 7px;
	font-weight: 780;
	line-height: 1.2;
	white-space: nowrap;
}

body.vice-home-layout .vc-story-meta small {
	overflow: hidden;
	color: var(--vice-text-dim);
	font-size: 5px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-story-progress {
	position: relative;
	z-index: 2;
	margin-top: 0;
	padding: 0 2px 4px;
}

body.vice-home-layout .vc-story-progress > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 7px;
	color: var(--vice-text-dim);
	font-size: 7px;
}

body.vice-home-layout .vc-story-progress strong {
	color: #b89c70;
	font-size: 7px;
	font-weight: 750;
}

body.vice-home-layout .vc-story-progress-track {
	display: block;
	height: 3px;
	background: rgba(129, 151, 187, 0.1);
	border-radius: 999px;
	overflow: hidden;
}

body.vice-home-layout .vc-story-progress-track i {
	display: block;
	width: 33.333%;
	height: 100%;
	background: #9a7b4e;
	border-radius: inherit;
	opacity: 0.78;
}

body.vice-home-layout .vc-city-story .vc-city-lane-link {
	position: relative;
	z-index: 2;
}

body.vice-home-layout .vc-city-lane-link--disabled {
	cursor: default;
	opacity: 0.72;
	pointer-events: none;
}

body.vice-home-layout .vc-feature-rankings--wide {
	min-height: 0;
	padding: 12px 13px;
}

body.vice-home-layout .vc-feature-rankings--wide .vc-feature-heading {
	margin-bottom: 8px;
}

body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-tabs {
	grid-template-columns: repeat(4, minmax(78px, 120px));
	align-self: flex-start;
	width: auto;
}

body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list {
	display: none;
}

/* Reverted to a plain stacked list per request: this used to lay the active
   tab's 5 entries out as 5 narrow side-by-side columns (a compact
   mini-leaderboard strip). Removed the grid/column rules entirely instead
   of overriding them from elsewhere, since a competing override in another
   file was the exact kind of drift this whole page has been fighting. */
body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list.is-active-panel {
	display: grid;
}

body.vice-home-layout .vc-feature-rankings--wide .vc-feature-more {
	min-height: 27px;
	margin-top: 0;
}

body.vice-home-layout .vc-forum-panel,
body.vice-home-layout .vc-sidebar-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 64px),
		rgba(8, 13, 22, 0.94);
	border-color: rgba(129, 151, 187, 0.17);
}

body.vice-home-layout .vc-forum-panel > .vc-section-heading {
	min-height: 40px;
	margin-bottom: 9px;
	padding-bottom: 8px;
}

body.vice-home-layout .vc-forum-panel .vc-section-kicker {
	margin: 0;
	font-size: 10px;
}

body.vice-home-layout .vc-forum-panel .vc-section-heading h2 {
	font-size: 15px;
}

body.vice-home-layout .vc-forum-row {
	min-height: 70px;
	background: rgba(12, 19, 30, 0.58);
	border-radius: 9px;
}

body.vice-home-layout .vc-online-summary .vc-online-spark {
	display: none;
}

body.vice-home-layout .vc-online-summary .vc-online-total {
	margin-bottom: 9px;
}

body.vice-home-layout .vc-online-summary .vc-online-total strong {
	font-size: 28px;
}

body.vice-home-layout .vc-online-summary .vc-online-breakdown span {
	min-height: 36px;
}

@media (max-width: 1120px) {
	body.vice-home-layout .vc-feature-deck {
		grid-template-columns: minmax(0, 1fr);
	}

	body.vice-home-layout .vc-city-life-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.vice-home-layout .vc-city-news {
		grid-column: 1 / -1;
	}

	body.vice-home-layout .vc-city-story {
		grid-column: 1 / -1;
		min-height: 220px;
	}

	body.vice-home-layout .vc-feature-rankings {
		grid-column: 1 / -1;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-buttons-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	body.vice-home-layout .vc-feature-deck {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .vc-featured-factions__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.vice-home-layout .vc-my-vice {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
	}

	body.vice-home-layout .vc-my-vice__balances {
		grid-column: 2;
		grid-row: 2;
		justify-self: stretch;
		min-height: 42px;
		padding: 8px 0 0;
		border-top: 1px solid var(--vice-border-faint);
		border-right: 0;
		border-left: 0;
	}

	body.vice-home-layout .vc-my-vice__balances > span {
		align-items: flex-start;
		padding-left: 0;
	}

	body.vice-home-layout .vc-my-vice__actions {
		grid-column: 2;
		justify-content: flex-start;
	}

	body.vice-home-layout .vc-my-vice__copy p {
		white-space: normal;
	}

	body.vice-home-layout .vc-my-vice__title-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	body.vice-home-layout .vc-my-vice__switcher {
		width: min(100%, 210px);
		max-width: 210px;
		flex-basis: 26px;
	}

	body.vice-home-layout .vc-feature-rankings {
		grid-column: auto;
	}

	body.vice-home-layout .vc-city-life {
		padding: 12px;
	}

	body.vice-home-layout .vc-city-life-header {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	body.vice-home-layout .vc-city-life-header p {
		max-width: none;
		text-align: left;
	}

	body.vice-home-layout .vc-city-life-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.vice-home-layout .vc-city-news {
		grid-column: auto;
	}

	body.vice-home-layout .vc-city-story {
		grid-column: auto;
		min-height: 280px;
	}

	body.vice-home-layout .vc-city-lane {
		min-height: 0;
	}

	body.vice-home-layout .vc-feature-card {
		min-height: 0;
	}

	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list li,
	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list li:nth-child(3n) {
		border-right: 0;
		border-bottom: 1px solid var(--vice-border-faint);
	}

	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list li:last-child {
		border-bottom: 0;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-item {
		padding: 0 12px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-buttons-row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	body.vice-home-layout .vc-news-entry-media {
		left: 16%;
	}

	body.vice-home-layout .vc-news-entry-copy {
		width: 92%;
		padding-inline: 10px;
	}

	body.vice-home-layout .vc-featured-factions {
		padding: 12px;
	}

	body.vice-home-layout .vc-featured-factions__header {
		align-items: flex-start;
		flex-direction: column;
	}

	body.vice-home-layout .vc-featured-factions__grid {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .vc-featured-faction {
		min-height: 158px;
	}

	body.vice-home-layout .vc-my-vice {
		grid-template-columns: 48px minmax(0, 1fr);
		padding: 11px;
		gap: 10px;
	}

	body.vice-home-layout .vc-my-vice__mark,
	body.vice-home-layout .vc-my-vice__avatar {
		width: 48px;
		height: 48px;
	}

	body.vice-home-layout .vc-my-vice__copy h2 {
		font-size: 14px;
		white-space: normal;
	}

	body.vice-home-layout .vc-my-vice__switcher {
		width: 100%;
		max-width: none;
	}

	body.vice-home-layout .vc-my-vice__balances,
	body.vice-home-layout .vc-my-vice__actions {
		grid-column: 1 / -1;
	}

	body.vice-home-layout .vc-my-vice__balances {
		grid-row: auto;
	}

	body.vice-home-layout .vc-my-vice__actions a {
		flex: 1 1 0;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-row {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-item,
	body.vice-home-layout .server-card-container#sampServerCard .server-info-item:first-child,
	body.vice-home-layout .server-card-container#sampServerCard .server-info-item:last-child {
		min-height: 42px;
		padding: 7px 8px;
		border-right: 0;
		border-bottom: 1px solid var(--vice-border-faint);
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-item:last-child {
		border-bottom: 0;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-buttons-row {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .vc-news-entry {
		grid-template-columns: 68px minmax(0, 1fr);
	}

	body.vice-home-layout .vc-news-entry-excerpt {
		display: none;
	}

	body.vice-home-layout .vc-ranking-tabs button {
		font-size: 8px;
	}
}

/*
 * Stage 3.7: home mobile acceptance.
 * Desktop density remains untouched; below 760px the dashboard becomes a
 * readable, thumb-friendly stream without changing the accepted hierarchy.
 */
@media (max-width: 760px) {
	body.vice-home-layout {
		--vice-page-gutter: 12px;
	}

	body.vice-home-layout #content_section {
		padding-bottom: 24px;
	}

	body.vice-home-layout .vc-home-portal,
	body.vice-home-layout .vc-home-grid,
	body.vice-home-layout .vc-city-life,
	body.vice-home-layout .vc-city-life-grid,
	body.vice-home-layout .vc-city-lane,
	body.vice-home-layout .vc-feature-rankings--wide,
	body.vice-home-layout .vc-featured-factions,
	body.vice-home-layout .vc-featured-factions__grid,
	body.vice-home-layout .vc-forum-panel,
	body.vice-home-layout .vc-home-sidebar {
		min-width: 0;
		max-width: 100%;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-content-wrapper {
		padding: 10px;
		gap: 10px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-label {
		font-size: 10px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-value,
	body.vice-home-layout .server-card-container#sampServerCard #gameMode {
		font-size: 13px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-value.large {
		font-size: 20px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-buttons-row {
		gap: 7px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-action-btn,
	body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.secondary,
	body.vice-home-layout .server-card-container#sampServerCard .server-action-btn.forum-link {
		height: 44px;
		min-height: 44px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-admin-alert,
	body.vice-home-layout .vc-application-alert {
		min-height: 44px;
		padding: 9px 11px;
		font-size: 11px;
		line-height: 1.45;
	}

	body.vice-home-layout .vc-my-vice {
		padding: 13px;
		gap: 11px;
	}

	body.vice-home-layout .vc-my-vice__copy > span {
		margin-bottom: 5px;
		font-size: 9px;
	}

	body.vice-home-layout .vc-my-vice__copy h2 {
		font-size: 16px;
	}

	body.vice-home-layout .vc-my-vice__copy p {
		font-size: 11px;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}

	body.vice-home-layout .vc-my-vice__switcher {
		height: 40px;
		flex-basis: 40px;
		border-radius: 9px;
	}

	body.vice-home-layout .vc-my-vice__switcher select {
		padding-right: 42px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-my-vice__switcher button {
		width: 40px;
		flex-basis: 40px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-my-vice__balances strong {
		font-size: 14px;
	}

	body.vice-home-layout .vc-my-vice__balances small {
		font-size: 9px;
	}

	body.vice-home-layout .vc-my-vice__actions a {
		min-height: 44px;
		padding-inline: 13px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-city-life {
		padding: 12px;
	}

	body.vice-home-layout .vc-city-life-kicker {
		font-size: 9px;
	}

	body.vice-home-layout .vc-city-life-header h2 {
		font-size: 17px;
	}

	body.vice-home-layout .vc-city-life-header p {
		font-size: 11px;
		line-height: 1.5;
	}

	body.vice-home-layout .vc-city-lane {
		padding: 12px;
	}

	body.vice-home-layout .vc-city-lane-heading,
	body.vice-home-layout .vc-feature-heading.vc-city-lane-heading {
		min-height: 36px;
		margin-bottom: 10px;
		padding-bottom: 9px;
	}

	body.vice-home-layout .vc-city-lane-heading h3,
	body.vice-home-layout .vc-feature-heading.vc-city-lane-heading h3 {
		font-size: 12px;
	}

	body.vice-home-layout .vc-city-lane-heading h3 i {
		font-size: 11px;
	}

	body.vice-home-layout .vc-city-lane-status {
		padding: 4px 7px;
		font-size: 8px;
	}

	body.vice-home-layout .vc-city-empty-state {
		min-height: 130px;
		padding: 16px 8px;
	}

	body.vice-home-layout .vc-city-empty-state strong {
		font-size: 11px;
	}

	body.vice-home-layout .vc-city-empty-state small {
		font-size: 10px;
		line-height: 1.5;
	}

	body.vice-home-layout .vc-city-event-row {
		min-height: 48px;
	}

	body.vice-home-layout .vc-city-event-row strong {
		font-size: 11px;
	}

	body.vice-home-layout .vc-city-event-row time {
		font-size: 10px;
	}

	body.vice-home-layout .vc-city-lane-link {
		min-height: 40px;
		margin-top: auto;
		padding: 10px 5px 0;
		font-size: 10px;
	}

	body.vice-home-layout .vc-city-lane-link i {
		font-size: 9px;
	}

	body.vice-home-layout .vc-city-news .vc-news-page {
		grid-template-rows: repeat(3, minmax(74px, auto));
		gap: 7px;
	}

	body.vice-home-layout .vc-city-news .vc-news-entry,
	body.vice-home-layout .vc-city-news .vc-news-entry-copy {
		min-height: 74px;
	}

	body.vice-home-layout .vc-city-news .vc-news-entry-copy {
		width: 88%;
		padding: 8px 11px;
	}

	body.vice-home-layout .vc-news-entry-meta small,
	body.vice-home-layout .vc-news-entry-meta time {
		font-size: 9px;
	}

	body.vice-home-layout .vc-news-entry-copy > strong {
		font-size: 11px;
		line-height: 1.35;
	}

	body.vice-home-layout .vc-city-news .vc-news-entry-excerpt {
		font-size: 9px;
		line-height: 1.4;
	}

	body.vice-home-layout .vc-news-nav button {
		width: 40px;
		height: 40px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-news-nav > span {
		min-width: 34px;
		font-size: 9px;
	}

	body.vice-home-layout .vc-story-copy {
		padding-top: 16px;
	}

	body.vice-home-layout .vc-story-copy > span {
		font-size: 9px;
	}

	body.vice-home-layout .vc-story-copy > strong {
		font-size: 20px;
	}

	body.vice-home-layout .vc-story-copy p {
		font-size: 11px;
		line-height: 1.5;
	}

	body.vice-home-layout .vc-story-meta {
		gap: 7px;
	}

	body.vice-home-layout .vc-story-meta > span {
		grid-template-columns: 22px minmax(0, 1fr);
		min-height: 48px;
		padding: 8px;
	}

	body.vice-home-layout .vc-story-meta i,
	body.vice-home-layout .vc-story-meta strong {
		font-size: 10px;
	}

	body.vice-home-layout .vc-story-meta small {
		font-size: 8px;
	}

	body.vice-home-layout .vc-story-progress > div,
	body.vice-home-layout .vc-story-progress strong {
		font-size: 9px;
	}

	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-tabs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	body.vice-home-layout .vc-ranking-tabs button {
		height: 42px;
		font-size: 10px;
		border-bottom: 1px solid var(--vice-border-faint);
	}

	body.vice-home-layout .vc-ranking-tabs button:nth-child(2n) {
		border-right: 0;
	}

	body.vice-home-layout .vc-ranking-tabs button:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	body.vice-home-layout .vc-feature-rankings--wide .vc-ranking-compact-list li {
		min-height: 48px;
		padding: 5px 9px;
	}

	body.vice-home-layout .vc-ranking-position,
	body.vice-home-layout .vc-ranking-compact-list li > a {
		font-size: 11px;
	}

	body.vice-home-layout .vc-ranking-compact-list li > strong {
		font-size: 10px;
	}

	body.vice-home-layout .vc-ranking-compact-list li > strong small {
		font-size: 9px;
	}

	body.vice-home-layout .vc-feature-more {
		min-height: 44px;
		font-size: 11px;
	}

	body.vice-home-layout .vc-forum-panel {
		padding: 11px;
	}

	body.vice-home-layout .vc-forum-panel > .vc-section-heading {
		min-height: 48px;
	}

	body.vice-home-layout .vc-forum-category-heading {
		min-height: 40px;
	}

	body.vice-home-layout .vc-forum-row {
		min-height: 0;
	}

	body.vice-home-layout .vc-forum-row-copy h4 {
		font-size: 14px;
		overflow-wrap: anywhere;
	}

	body.vice-home-layout .vc-forum-description,
	body.vice-home-layout .vc-subboard-list a,
	body.vice-home-layout .vc-forum-metrics small,
	body.vice-home-layout .vc-forum-lastpost strong,
	body.vice-home-layout .vc-forum-lastpost strong a,
	body.vice-home-layout .vc-forum-lastpost span,
	body.vice-home-layout .vc-forum-lastpost span a,
	body.vice-home-layout .vc-forum-no-post {
		font-size: 11px;
	}

	body.vice-home-layout .vc-forum-metrics,
	body.vice-home-layout .vc-forum-lastpost {
		min-height: 48px;
	}

	body.vice-home-layout .vc-sidebar-card-heading h2 {
		font-size: 12px;
	}

	body.vice-home-layout .vc-featured-factions__header > a {
		min-height: 40px;
		font-size: 10px;
	}

	body.vice-home-layout .vc-featured-faction__rank,
	body.vice-home-layout .vc-featured-faction__type,
	body.vice-home-layout .vc-featured-faction__score small {
		font-size: 9px;
	}

	body.vice-home-layout .vc-featured-faction__actions a {
		min-height: 40px;
		padding: 0 4px;
		font-size: 10px;
	}
}

@media (max-width: 430px) {
	body.vice-home-layout {
		--vice-page-gutter: 12px;
	}

	body.vice-home-layout .server-card-container#sampServerCard,
	body.vice-home-layout .vc-my-vice,
	body.vice-home-layout .vc-city-life,
	body.vice-home-layout .vc-feature-rankings--wide,
	body.vice-home-layout .vc-forum-panel,
	body.vice-home-layout .vc-sidebar-card,
	body.vice-home-layout .vc-featured-factions {
		border-radius: 11px;
	}

	body.vice-home-layout .server-card-container#sampServerCard .server-info-item,
	body.vice-home-layout .server-card-container#sampServerCard .server-info-item:first-child,
	body.vice-home-layout .server-card-container#sampServerCard .server-info-item:last-child {
		min-height: 48px;
	}

	body.vice-home-layout .vc-my-vice__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	body.vice-home-layout .vc-my-vice__actions a {
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	body.vice-home-layout .vc-city-life {
		padding: 10px;
	}

	body.vice-home-layout .vc-city-life-header h2 {
		font-size: 16px;
	}

	body.vice-home-layout .vc-city-lane {
		padding: 11px;
	}

	body.vice-home-layout .vc-city-story {
		min-height: 300px;
	}

	body.vice-home-layout .vc-city-news .vc-news-entry-copy {
		width: 94%;
	}

	body.vice-home-layout .vc-news-entry-copy > strong {
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.vice-home-layout .vc-city-news .vc-news-entry-excerpt {
		display: none;
	}

	body.vice-home-layout .vc-story-copy > strong {
		font-size: 19px;
	}

	body.vice-home-layout .vc-story-meta {
		grid-template-columns: 1fr;
	}

	body.vice-home-layout .vc-featured-factions__header > a {
		justify-content: center;
		width: 100%;
	}

	body.vice-home-layout .vc-featured-faction {
		min-height: 166px;
	}

	body.vice-home-layout .vc-forum-row-copy {
		padding: 11px 9px;
	}

	body.vice-home-layout .vc-forum-metrics {
		padding-inline: 4px;
	}

	body.vice-home-layout .vc-site-footer-inner {
		width: calc(100% - 24px);
	}
}


/* Header identity: truncate only the display name, never the VC id. */
body.vice-home-layout .vc-header-profile .vc-header-name {
	display: flex !important;
	align-items: baseline;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: visible;
	gap: 6px;
}

body.vice-home-layout .vc-header-profile .vc-header-display-name {
	display: block !important;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	overflow: hidden;
	color: inherit !important;
	font: inherit !important;
	letter-spacing: inherit !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vice-home-layout .vc-header-profile .vc-header-vcid {
	display: block !important;
	flex: 0 0 auto;
	max-width: none;
	margin: 0 !important;
	overflow: visible;
	color: var(--vice-text-muted) !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	line-height: 1 !important;
	letter-spacing: 0.04em !important;
	text-overflow: clip;
	white-space: nowrap;
}

body.vice-home-layout .vc-hero-profile-slot .vc-header-vcid {
	font-size: 9px !important;
}

@media (max-width: 430px) {
	body.vice-home-layout .vc-header-profile .vc-header-name {
		gap: 4px;
	}
}