/*-------------------------------------------------------------------------*/
/* 01. Import parts
/*-------------------------------------------------------------------------*/
@charset "UTF-8";

/* Theme fonts */
@import url('./fonts/fonts.css');

/* Theme globals */
@import url('./global/form.css');
@import url('./global/alert.css');
@import url('./global/popup.css');
@import url('./global/realm.css');
@import url('./global/video.css');
@import url('./global/tables.css');
@import url('./global/blockui.css');
@import url('./global/divider.css');
@import url('./parts/page.css');
@import url('./global/general.css');
@import url('./global/tooltip.css');
@import url('./global/separator.css');
@import url('./global/utilities.css');
@import url('./global/fusioneditor.css');

/* Theme plugins */
@import url('./plugins/jquery.icheck.css');
@import url('./plugins/jquery.selectbox.css');

/* Theme parts */
@import url('./parts/banner.css');
@import url('./parts/footer.css');
@import url('./parts/header.css');
@import url('./parts/slider.css');
@import url('./parts/topbar.css');
@import url('./parts/content.css');
@import url('./parts/sidebox.css');
@import url('./parts/widgets.css');
@import url('./parts/welcome_box.css');
@import url('./parts/notifications.css');
@import url('./parts/sidebox_menu.css');

/* Modules parts */
@import url('./modules/news.css');
@import url('./modules/donate.css');

/*-------------------------------------------------------------------------*/
/* Forsaken Veil custom layer
/* Safe theme-only overrides. Admin theme is intentionally untouched.
/*-------------------------------------------------------------------------*/
:root {
	--fv-purple: #7d3cff;
	--fv-purple-dark: #19071f;
	--fv-purple-soft: #b889ff;
	--fv-gold: #d6a84f;
	--fv-gold-soft: #ffd889;
	--fv-black: #050308;
	--fv-panel: rgba(15, 9, 22, 0.94);
	--fv-panel-2: rgba(25, 13, 37, 0.93);
	--fv-border: rgba(214, 168, 79, 0.35);
	--fv-text: #d9d2e8;
	--fv-muted: #9b8ead;
}

body {
	background-color: var(--fv-black);
	background-image:
		radial-gradient(circle at 50% 0%, rgba(125, 60, 255, 0.25), rgba(5, 3, 8, 0) 36%),
		linear-gradient(180deg, rgba(4, 2, 7, 0.55), rgba(4, 2, 7, 0.98)),
		url('../../images/graphics/background.jpg');
	background-blend-mode: screen, normal, luminosity;
}

body::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at 20% 20%, rgba(147, 61, 255, .14), transparent 28%), radial-gradient(circle at 85% 10%, rgba(214, 168, 79, .09), transparent 24%);
	z-index: 0;
}

a { color: var(--fv-gold-soft) !important; }
a:hover { color: #ffffff !important; }

.section-topbar {
	background: rgba(5, 3, 8, 0.82);
	border-bottom: 1px solid rgba(214, 168, 79, 0.2);
	box-shadow: 0 0 30px rgba(125, 60, 255, 0.18);
}

.header.fv-header {
	background: linear-gradient(180deg, rgba(8, 3, 12, .92), rgba(8, 3, 12, .18));
}

.navbar-brand.fv-brand {
	min-width: 270px;
	text-align: left;
}

.navbar-brand.fv-brand small {
	display: block;
	margin-bottom: -7px;
	color: var(--fv-gold);
	font-size: .72rem;
	letter-spacing: .22rem;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(214, 168, 79, .35);
}

.navbar-brand.fv-brand h1,
.navbar-brand h1 {
	color: #fff2d5 !important;
	letter-spacing: .08rem;
	text-shadow: 0 0 14px rgba(125, 60, 255, .75), 0 0 28px rgba(214, 168, 79, .22) !important;
}

.header .navbar .navbar-nav .nav-item .nav-link,
.footer .navbar .navbar-nav .nav-item .nav-link,
.navbar-side .navbar-nav .nav-item .nav-link {
	color: #d8c7ef !important;
	text-shadow: 0 0 8px rgba(125, 60, 255, .25);
}

.header .navbar .navbar-nav .nav-item .nav-link:hover,
.header .navbar .navbar-nav .nav-item .nav-link.nav-active,
.footer .navbar .navbar-nav .nav-item .nav-link:hover,
.footer .navbar .navbar-nav .nav-item .nav-link.nav-active,
.navbar-side .navbar-nav .nav-item .nav-link:hover,
.navbar-side .navbar-nav .nav-item .nav-link.nav-active {
	color: var(--fv-gold-soft) !important;
}

.header .navbar .navbar-nav .fv-nav-highlight .nav-link {
	color: #130a1d !important;
	padding-left: 1.05rem;
	padding-right: 1.05rem;
	border-radius: 3px;
	background: linear-gradient(180deg, #ffe09a, #b57925);
	box-shadow: 0 0 18px rgba(214, 168, 79, .28), inset 0 0 0 1px rgba(255, 255, 255, .22);
}

#section-slider.fv-main-slider .slider {
	height: 360px;
	border: 1px solid var(--fv-border);
	background:
		linear-gradient(90deg, rgba(5, 3, 8, .95), rgba(34, 10, 48, .72), rgba(5, 3, 8, .85)),
		url('../../images/slides/1.jpg');
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 45px rgba(125, 60, 255, .18), inset 0 0 80px rgba(0, 0, 0, .75);
}

#section-slider .slider .fluxslider .surface .caption {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

#section-slider .slider .fluxslider .surface .caption span {
	color: #fff2d5;
	letter-spacing: .12rem;
	text-shadow: 0 0 18px rgba(125, 60, 255, .8), 0 0 36px rgba(214, 168, 79, .3);
}

#section-slider .slider .fluxslider .surface .caption i {
	color: #d7c9e8;
}

#section-slider .slider .fluxslider .surface .caption p {
	color: var(--fv-gold-soft);
}

.fv-home-showcase {
	margin: 10px 0 0;
}

.fv-hero-card,
.fv-realm-card,
.fv-feature-card,
.fv-beta-note,
.pagebody,
.sidebox,
.navbar-side .navbar-nav .nav-item .nav-link {
	border: 1px solid var(--fv-border) !important;
	background-color: var(--fv-panel) !important;
	background-image: linear-gradient(180deg, rgba(125, 60, 255, .12), rgba(5, 3, 8, 0)), url('../../images/patterns/pattern-noise-02.png') !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5), inset 0 0 28px rgba(125, 60, 255, .08) !important;
}

.fv-hero-card {
	padding: 2.4rem;
	text-align: center;
}

.fv-kicker,
.fv-realm-label {
	color: var(--fv-gold);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .18rem;
	text-transform: uppercase;
}

.fv-hero-card h2 {
	margin: .4rem 0 .9rem;
	color: #fff4dc;
	font-size: clamp(2rem, 5vw, 4.2rem);
	line-height: 1.05;
	text-transform: uppercase;
	text-shadow: 0 0 20px rgba(125, 60, 255, .55);
}

.fv-hero-card p,
.fv-realm-card p,
.fv-feature-card p,
.fv-beta-note {
	color: var(--fv-text);
}

.fv-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	justify-content: center;
	margin-top: 1.35rem;
}

.fv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	padding: .78rem 1.1rem;
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase;
	border: 1px solid rgba(255,255,255,.14);
	box-shadow: 0 0 18px rgba(0,0,0,.35);
}

.fv-btn-gold { color: #170b1d !important; background: linear-gradient(180deg, #ffe09a, #ae7626); }
.fv-btn-purple { color: #fff !important; background: linear-gradient(180deg, #8d53ff, #3b1562); }
.fv-btn-ghost { color: var(--fv-gold-soft) !important; background: rgba(255,255,255,.04); }

.fv-realm-grid,
.fv-feature-grid {
	display: grid;
	gap: 10px;
	margin-top: 10px;
}

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

.fv-realm-card,
.fv-feature-card {
	padding: 1.35rem;
}

.fv-realm-card h3,
.fv-feature-card h4 {
	margin: .25rem 0 .55rem;
	color: #fff2d5;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(125, 60, 255, .35);
}

.fv-realm-main {
	background-image: linear-gradient(180deg, rgba(214, 168, 79, .13), rgba(125, 60, 255, .08)), url('../../images/patterns/pattern-noise-02.png') !important;
}

.fv-feature-card i {
	color: var(--fv-gold);
	font-size: 1.8rem;
	margin-bottom: .8rem;
}

.fv-beta-note {
	margin-top: 10px;
	padding: 1rem 1.25rem;
	font-size: .92rem;
	text-align: center;
}

.pagebody { color: var(--fv-text) !important; }
.pagebody * { color: var(--fv-text); }
.pagebody h1, .pagebody h2, .pagebody h3, .pagebody h4,
.page-subheader .subheader-title span, .section-pageheader .pageheader-title {
	color: #fff2d5 !important;
	text-shadow: 0 0 14px rgba(125, 60, 255, .45) !important;
}

.page-subheader {
	background-color: rgba(20, 9, 28, .88) !important;
	border: 1px solid var(--fv-border);
}

.footer {
	background: linear-gradient(180deg, rgba(8, 3, 12, .85), rgba(2, 1, 4, 1));
	border-top: 1px solid rgba(214, 168, 79, .2);
}

.footer .footer-text,
.footer .footer-copyright {
	color: var(--fv-muted);
}

.fv-forum-wrap { display: grid; gap: 14px; }
.fv-forum-hero { padding: 1.4rem; border: 1px solid var(--fv-border); background: rgba(12, 6, 18, .7); }
.fv-forum-hero h2 { color: #fff2d5; margin-bottom: .45rem; }
.fv-forum-category { padding: 1rem; border: 1px solid rgba(214,168,79,.22); background: rgba(255,255,255,.03); }
.fv-forum-category h3 { color: var(--fv-gold-soft); margin-bottom: .35rem; }
.fv-forum-category p { margin-bottom: .7rem; }
.fv-forum-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.fv-forum-pill { padding: .45rem .7rem; border: 1px solid rgba(214,168,79,.25); background: rgba(125,60,255,.12); color: #fff2d5 !important; }



.fv-hero-split {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
	gap: 1.4rem;
	align-items: center;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.fv-hero-split::after {
	content: '';
	position: absolute;
	right: -80px;
	top: -80px;
	width: 260px;
	height: 260px;
	background: radial-gradient(circle, rgba(214,168,79,.24), rgba(125,60,255,.12), transparent 68%);
	pointer-events: none;
}

.fv-hero-split .fv-hero-actions { justify-content: flex-start; }
.fv-hero-art img {
	width: 100%;
	display: block;
	border: 1px solid rgba(214,168,79,.32);
	box-shadow: 0 0 30px rgba(0,0,0,.55), 0 0 28px rgba(125,60,255,.18);
}

.fv-play-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}

.fv-play-step {
	border: 1px solid rgba(214,168,79,.28);
	background: linear-gradient(180deg, rgba(22,10,34,.96), rgba(8,4,14,.96));
	padding: 1rem;
	box-shadow: inset 0 0 24px rgba(125,60,255,.08);
}

.fv-play-step span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-right: .55rem;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffe09a, #9f6823);
	color: #16091f;
	font-weight: 900;
}

.fv-play-step strong { color: #fff2d5; text-transform: uppercase; }
.fv-play-step em { display: block; margin-top: .45rem; color: var(--fv-muted); font-style: normal; }

.fv-realm-card img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	margin-bottom: 1rem;
	border: 1px solid rgba(214,168,79,.26);
	box-shadow: inset 0 0 25px rgba(0,0,0,.8), 0 0 18px rgba(0,0,0,.35);
}

.fv-news-callout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 10px;
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--fv-border);
	background: linear-gradient(90deg, rgba(125,60,255,.16), rgba(8,4,14,.96)), url('../../images/patterns/pattern-grunge.png');
	box-shadow: 0 0 22px rgba(0,0,0,.45);
}

.fv-news-callout h3 {
	margin: .2rem 0 0;
	color: #fff2d5;
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(125,60,255,.35);
}

@media screen and (max-width: 992px) {
	.fv-realm-grid,
	.fv-feature-grid,
	.fv-play-strip,
	.fv-hero-split { grid-template-columns: 1fr; }
	#section-slider.fv-main-slider .slider { height: 300px; }
	.fv-hero-card { padding: 1.4rem; }
	.fv-hero-split { text-align: center; }
	.fv-hero-split .fv-hero-actions { justify-content: center; }
	.fv-news-callout { flex-direction: column; text-align: center; }
	.navbar-brand.fv-brand { min-width: auto; }
}


/*-------------------------------------------------------------------------*/
/* Forsaken Veil v3 polish layer - visual pass before module work
/*-------------------------------------------------------------------------*/
body {
	background-attachment: fixed;
	background-size: cover;
}
body::after {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: radial-gradient(circle at center, rgba(0,0,0,.35), rgba(0,0,0,0) 72%);
	z-index: 0;
}
.section, .container, .row, #left, #right { position: relative; z-index: 1; }
.section-content { margin-top: 20px; }

.fv-beta-chip {
	display: inline-flex;
	align-items: center;
	margin-left: 12px;
	padding: .3rem .65rem;
	border: 1px solid rgba(216,168,79,.38);
	border-radius: 999px;
	background: rgba(125,60,255,.13);
	color: #ffd889;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12rem;
	text-transform: uppercase;
	vertical-align: middle;
}

.header.fv-header {
	border-bottom: 1px solid rgba(216,168,79,.18);
	box-shadow: 0 14px 42px rgba(0,0,0,.55), 0 0 30px rgba(125,60,255,.12);
}
.header .navbar { min-height: 96px; }
.header .navbar .navbar-nav { gap: 4px; }
.header .navbar .navbar-nav .nav-item .nav-link {
	border: 1px solid transparent;
	border-radius: 4px;
	transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.header .navbar .navbar-nav .nav-item .nav-link:hover,
.header .navbar .navbar-nav .nav-item .nav-link.nav-active {
	background: rgba(125,60,255,.12);
	border-color: rgba(216,168,79,.22);
	box-shadow: inset 0 0 18px rgba(125,60,255,.08);
}
.header .navbar .navbar-nav .fv-nav-community .nav-link {
	color: #ffd889 !important;
	border-color: rgba(216,168,79,.28);
	background: rgba(216,168,79,.08);
}

#section-slider.fv-main-slider { margin-top: 0; }
#section-slider.fv-main-slider .slider {
	height: 470px;
	border-color: rgba(216,168,79,.42);
	background-image:
		linear-gradient(90deg, rgba(5,3,8,.96) 0%, rgba(28,9,44,.72) 48%, rgba(5,3,8,.88) 100%),
		url('../../images/forsaken/hero-veil-gate.jpg');
	background-size: cover;
	background-position: center;
	box-shadow: 0 26px 60px rgba(0,0,0,.68), inset 0 0 110px rgba(0,0,0,.78), 0 0 45px rgba(125,60,255,.20);
}
#section-slider .slider .fluxslider .surface .caption.fv-slider-caption {
	padding-top: 110px;
	max-width: 860px;
	text-align: left;
}
#section-slider .slider .fluxslider .surface .caption.fv-slider-caption span {
	font-size: clamp(2.8rem, 6vw, 5.4rem);
	line-height: .95;
}
.fv-slider-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.3rem; }

.fv-section-head {
	margin: 26px 0 10px;
	padding: 1.3rem 1.5rem;
	border: 1px solid rgba(216,168,79,.20);
	background: linear-gradient(90deg, rgba(125,60,255,.11), rgba(255,255,255,.018));
}
.fv-section-head h2 {
	margin: .25rem 0 .3rem;
	color: #fff2d5;
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(125,60,255,.35);
}
.fv-section-head p { max-width: 850px; margin: 0; color: var(--fv-muted); }
.fv-section-head-tight { margin-top: 14px; }

.fv-hero-card {
	background-image:
		linear-gradient(90deg, rgba(16,7,25,.97), rgba(33,11,51,.88), rgba(7,4,12,.96)),
		url('../../images/patterns/pattern-grunge.png') !important;
}
.fv-hero-split { grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); }
.fv-hero-card h2 { max-width: 850px; }
.fv-hero-art img {
	max-height: 330px;
	object-fit: contain;
	background: radial-gradient(circle, rgba(125,60,255,.20), rgba(0,0,0,.10));
}

.fv-btn {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	text-decoration: none !important;
}
.fv-btn::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
	transform: translateX(-110%);
	transition: transform .32s ease;
}
.fv-btn:hover::before { transform: translateX(110%); }
.fv-btn:hover { transform: translateY(-1px); }

.fv-play-strip { gap: 12px; }
.fv-play-step { min-height: 128px; }
.fv-play-step strong { letter-spacing: .04rem; }

.fv-realm-grid { gap: 14px; }
.fv-realm-card {
	position: relative;
	overflow: hidden;
	min-height: 420px;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.fv-realm-card::after, .fv-feature-card::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 30%, transparent 70%, rgba(125,60,255,.10));
	opacity: .55;
}
.fv-realm-card:hover, .fv-feature-card:hover {
	transform: translateY(-2px);
	border-color: rgba(216,168,79,.55) !important;
	box-shadow: 0 18px 36px rgba(0,0,0,.52), 0 0 28px rgba(125,60,255,.18) !important;
}
.fv-realm-card img { height: 175px; object-position: center; }

.fv-feature-grid-visual {
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 14px;
}
.fv-feature-card {
	position: relative;
	overflow: hidden;
	min-height: 360px;
}
.fv-feature-card img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	margin-bottom: 1rem;
	border: 1px solid rgba(216,168,79,.25);
	box-shadow: 0 0 18px rgba(0,0,0,.35);
}
.fv-feature-card h4 { font-size: 1.05rem; letter-spacing: .04rem; }

.fv-update-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.3rem;
	margin-top: 14px;
	padding: 1.6rem 1.7rem;
	border: 1px solid rgba(216,168,79,.35);
	background-image: linear-gradient(90deg, rgba(125,60,255,.18), rgba(9,5,14,.96)), url('../../images/forsaken/hero-veil-gate.jpg');
	background-size: cover;
	background-position: center;
	box-shadow: 0 18px 38px rgba(0,0,0,.50), inset 0 0 55px rgba(0,0,0,.64);
}
.fv-update-panel h3 {
	margin: .3rem 0 .45rem;
	color: #fff2d5;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(125,60,255,.35);
}
.fv-update-panel p { margin: 0; color: var(--fv-text); max-width: 720px; }
.fv-update-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; }

.sidebox-head, .sidebox h3, .navbar-side .nav-link span { letter-spacing: .05rem; }
.sidebox { border-color: rgba(216,168,79,.28) !important; }
.sidebox .sidebox-body { color: var(--fv-text); }

.fv-forum-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.fv-forum-hero, .fv-forum-category {
	border-radius: 4px;
	box-shadow: inset 0 0 30px rgba(125,60,255,.08), 0 12px 25px rgba(0,0,0,.28);
}
.fv-forum-hero { background: linear-gradient(90deg, rgba(125,60,255,.18), rgba(8,4,14,.95)); }
.fv-forum-category { min-height: 185px; }
.fv-forum-pill { border-radius: 4px; text-decoration: none !important; }
.fv-forum-pill:hover { background: rgba(216,168,79,.14); }

@media screen and (max-width: 1200px) {
	.fv-feature-grid-visual { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media screen and (max-width: 992px) {
	#section-slider.fv-main-slider .slider { height: 390px; }
	#section-slider .slider .fluxslider .surface .caption.fv-slider-caption { padding-top: 80px; text-align: center; }
	.fv-slider-actions { justify-content: center; }
	.fv-update-panel { flex-direction: column; text-align: center; }
	.fv-update-actions { justify-content: center; }
	.fv-forum-grid { grid-template-columns: 1fr; }
}
@media screen and (max-width: 600px) {
	.fv-feature-grid-visual { grid-template-columns: 1fr; }
	#section-slider.fv-main-slider .slider { height: 340px; }
	#section-slider .slider .fluxslider .surface .caption.fv-slider-caption span { font-size: 2.4rem; }
	.fv-btn { width: 100%; }
}


/*-------------------------------------------------------------------------*/
/* Forsaken Veil v4 - Warcry-inspired visual command center pass
/*-------------------------------------------------------------------------*/
.header .navbar .navbar-nav .fv-nav-forged .nav-link {
	color: #d9d2e8 !important;
	border-color: rgba(125,60,255,.25);
	background: rgba(125,60,255,.07);
}
.header .navbar .navbar-nav .fv-nav-forged .nav-link:hover {
	color: #ffd889 !important;
	border-color: rgba(216,168,79,.45);
}
#section-slider.fv-main-slider-v4 .slider {
	height: 520px;
	background-image:
		linear-gradient(90deg, rgba(2,1,4,.98) 0%, rgba(18,6,31,.76) 44%, rgba(3,1,6,.88) 100%),
		url('../../images/forsaken/hero-bloodmoon.jpg');
	background-position: center;
}
.fv-hero-ribbon {
	display: inline-block;
	margin-bottom: 14px;
	padding: .45rem .75rem;
	border: 1px solid rgba(216,168,79,.42);
	background: rgba(216,168,79,.12);
	color: #ffd889;
	text-transform: uppercase;
	letter-spacing: .09rem;
	font-size: .78rem;
}
.fv-v4 .fv-kicker, .fv-kicker { letter-spacing: .14rem; }
.fv-command-hero {
	display: grid;
	grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr);
	gap: 18px;
	margin-bottom: 16px;
}
.fv-command-copy,
.fv-command-panel,
.fv-warcry-tile,
.fv-showcase-card {
	border: 1px solid rgba(216,168,79,.30);
	box-shadow: 0 18px 40px rgba(0,0,0,.44), inset 0 0 44px rgba(125,60,255,.06);
}
.fv-command-copy {
	padding: 2.2rem;
	background-image: linear-gradient(90deg, rgba(12,6,19,.96), rgba(32,10,50,.86)), url('../../images/forsaken/warcry-inspired-command.jpg');
	background-size: cover;
	background-position: center;
}
.fv-command-copy h2 {
	margin: .35rem 0 .8rem;
	max-width: 900px;
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: .98;
	text-transform: uppercase;
	color: #fff2d5;
	text-shadow: 0 0 24px rgba(125,60,255,.38);
}
.fv-command-copy p { max-width: 820px; color: #ded6ec; font-size: 1.05rem; }
.fv-command-panel {
	padding: 1.45rem;
	background: linear-gradient(180deg, rgba(29,13,46,.94), rgba(7,4,12,.96));
}
.fv-panel-title {
	color: #ffd889;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .12rem;
	margin-bottom: 1rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid rgba(216,168,79,.24);
}
.fv-command-row {
	padding: .9rem 0;
	border-bottom: 1px solid rgba(255,255,255,.07);
}
.fv-command-row span { display:block; color:#b889ff; text-transform:uppercase; font-size:.72rem; letter-spacing:.1rem; }
.fv-command-row strong { display:block; color:#fff2d5; font-size:1.05rem; }
.fv-command-row em { display:block; color:#a89bbb; font-style:normal; }
.fv-command-note { margin-top: 1rem; padding: .9rem; border: 1px solid rgba(125,60,255,.25); background: rgba(125,60,255,.08); color:#d9d2e8; }
.fv-warcry-strip {
	display:grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 12px;
	margin: 16px 0;
}
.fv-warcry-tile {
	display:block;
	padding: 1.15rem;
	min-height: 148px;
	background: linear-gradient(180deg, rgba(19,9,30,.95), rgba(8,4,14,.95));
	text-decoration:none !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.fv-warcry-tile:hover, .fv-showcase-card:hover {
	transform: translateY(-2px);
	border-color: rgba(216,168,79,.58);
	box-shadow: 0 20px 42px rgba(0,0,0,.50), 0 0 28px rgba(125,60,255,.18);
}
.fv-warcry-tile span, .fv-showcase-card span { color:#b889ff; text-transform:uppercase; font-size:.72rem; font-weight:900; letter-spacing:.11rem; }
.fv-warcry-tile strong { display:block; margin:.4rem 0; color:#fff2d5; text-transform:uppercase; }
.fv-warcry-tile em { color:#bfb4d5; font-style:normal; }
.fv-section-head-big { padding: 1.7rem 1.8rem; }
.fv-realm-grid-v4 .fv-realm-card { min-height: 450px; }
.fv-showcase-grid {
	display:grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 14px;
	margin-bottom: 16px;
}
.fv-showcase-card {
	position:relative;
	display:block;
	min-height: 390px;
	background: rgba(10,5,16,.94);
	text-decoration:none !important;
	overflow:hidden;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.fv-showcase-card img {
	width:100%; height:175px; object-fit:cover; display:block;
	border-bottom:1px solid rgba(216,168,79,.26);
	filter:saturate(1.08) contrast(1.05);
}
.fv-showcase-card div { padding: 1.1rem; }
.fv-showcase-card h3 { margin:.35rem 0 .45rem; color:#fff2d5; text-transform:uppercase; font-size:1.12rem; }
.fv-showcase-card p { color:#d5cbe4; margin:0; }
.fv-showcase-wide { grid-column: span 2; }
.fv-update-panel-v4 { background-image: linear-gradient(90deg, rgba(125,60,255,.20), rgba(6,3,10,.96)), url('../../images/forsaken/warcry-inspired-command.jpg'); }
.fv-forum-hero-v4 {
	min-height: 245px;
	display:flex;
	align-items:flex-end;
	background-image: linear-gradient(90deg, rgba(8,4,14,.96), rgba(33,10,52,.78)), url('../../images/forsaken/forum-war-table.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
}
.fv-forum-hero-v4 h2 { font-size: clamp(1.7rem, 3vw, 3rem); }
.fv-forum-category { transition: transform .18s ease, border-color .18s ease; }
.fv-forum-category:hover { transform: translateY(-2px); border-color: rgba(216,168,79,.52); }
@media screen and (max-width: 1200px) {
	.fv-warcry-strip, .fv-showcase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media screen and (max-width: 992px) {
	.fv-command-hero { grid-template-columns: 1fr; }
	#section-slider.fv-main-slider-v4 .slider { height: 430px; }
}
@media screen and (max-width: 650px) {
	.fv-warcry-strip, .fv-showcase-grid { grid-template-columns: 1fr; }
	.fv-showcase-wide { grid-column: auto; }
	.fv-command-copy, .fv-command-panel { padding: 1.25rem; }
	#section-slider.fv-main-slider-v4 .slider { height: 380px; }
}