/* Возмездие — лендинг: герой (видео при наличии mp4; без видео — картинка на узких экранах), док-навигация, футер */
/* Подключается из New Version/nev site/index.php; картинки/видео лендинга — из папки nev site */

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Портальный main.css задаёт html,body { min-width:1000px } — ломает мобильную вёрстку */
html.site-landing-html {
	height: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	background-color: #080605;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/* portal.css задаёт * { font-size: 12px } — принудительно фиксируем 1rem = 16px */
	font-size: 16px !important;
	/* Общая кайма с панелью навигации (#nev-site-nav .site-dock, critical CSS в index.php) */
	--landing-dock-gold: rgba(200, 160, 90, 0.5);
	--landing-dock-radius: 8px;
	--landing-dock-inset-hi: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	/* Как у .site-dock: внутри золотой рамки до кнопок / до кадра видео */
	--landing-dock-pad-x: 12px;
	--landing-dock-pad-y: 10px;
	/* От края экрана до золотой рамки — плавно от телефона до ноутбука */
	--landing-dock-outer-pad-x: clamp(8px, 2.8vw, 18px);
	/*
	 * Единая типографика блоков: index / library.php / forum.php / register.php
	 * (контент колонок, заголовки панелей, док, кнопки героя).
	 */
	--nev-font-stack: "PT Sans", "Segoe UI", Roboto, Arial, sans-serif;
	--nev-text-body-size: 14px;
	--nev-text-body-lh: 1.55;
	--nev-text-label-size: 0.9rem;
	--nev-text-label-lh: 1.3;
	--nev-panel-title-size: 1rem;
	--nev-panel-title-lh: 1.3;
	/* Заголовки карточек в списке (тема форума, аналог крупного заголовка в блоках) */
	--nev-card-title-size: 1.15rem;
	--nev-sidebar-cat-size: 1.04rem;
	--nev-dock-link-size: clamp(0.78rem, 2vw, 0.9rem);
	--nev-hero-btn-size: clamp(0.9rem, 2.2vw, 1rem);
	/* Скроллбар (Firefox — два цвета; WebKit — градиент через переменные) */
	--nev-scrollbar-color-thumb: rgba(155, 105, 58, 0.92);
	--nev-scrollbar-color-track: rgba(14, 11, 8, 0.92);
	--nev-scrollbar-thumb: linear-gradient(180deg, rgba(115, 75, 45, 0.95) 0%, rgba(52, 36, 24, 0.98) 100%);
	--nev-scrollbar-thumb-hover: linear-gradient(180deg, rgba(140, 95, 55, 0.98) 0%, rgba(68, 46, 30, 1) 100%);
	--nev-scrollbar-border: rgba(200, 160, 90, 0.32);
	--nev-scrollbar-border-hover: rgba(230, 185, 110, 0.42);
	--nev-scrollbar-inset: inset 0 1px 0 rgba(255, 220, 170, 0.12);
	--nev-scrollbar-bg: rgba(14, 11, 8, 0.85);
}

body.site-landing {
	margin: 0;
	min-width: 0;
	max-width: 100%;
	min-height: 100vh;
	min-height: 100dvh;
	height: 100vh;
	height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-family: var(--nev-font-stack);
	font-size: var(--nev-text-body-size);
	line-height: var(--nev-text-body-lh);
	color: #f2efe8;
	background-color: #080605;
	background-image: none;
}

/*
 * Скроллбар nev: лендинг / библиотека / форум (portal.css — светлый скролл; усиленные селекторы для .library-nev-page / .forum-nev-page).
 */
html.site-landing-html,
body.site-landing,
body.site-landing.library-nev-page,
body.site-landing.forum-nev-page {
	scrollbar-width: thin;
	scrollbar-color: var(--nev-scrollbar-color-thumb) var(--nev-scrollbar-color-track);
}

html.site-landing-html::-webkit-scrollbar,
body.site-landing::-webkit-scrollbar,
body.site-landing.library-nev-page::-webkit-scrollbar,
body.site-landing.forum-nev-page::-webkit-scrollbar,
body.site-landing *::-webkit-scrollbar,
body.site-landing.library-nev-page *::-webkit-scrollbar,
body.site-landing.forum-nev-page *::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: var(--nev-scrollbar-bg);
}

html.site-landing-html::-webkit-scrollbar-track,
body.site-landing::-webkit-scrollbar-track,
body.site-landing.library-nev-page::-webkit-scrollbar-track,
body.site-landing.forum-nev-page::-webkit-scrollbar-track,
body.site-landing *::-webkit-scrollbar-track,
body.site-landing.library-nev-page *::-webkit-scrollbar-track,
body.site-landing.forum-nev-page *::-webkit-scrollbar-track {
	background: var(--nev-scrollbar-color-track);
	border-radius: 6px;
}

html.site-landing-html::-webkit-scrollbar-thumb,
body.site-landing::-webkit-scrollbar-thumb,
body.site-landing.library-nev-page::-webkit-scrollbar-thumb,
body.site-landing.forum-nev-page::-webkit-scrollbar-thumb,
body.site-landing *::-webkit-scrollbar-thumb,
body.site-landing.library-nev-page *::-webkit-scrollbar-thumb,
body.site-landing.forum-nev-page *::-webkit-scrollbar-thumb {
	background: var(--nev-scrollbar-thumb);
	border-radius: 6px;
	border: 1px solid var(--nev-scrollbar-border);
	box-shadow: var(--nev-scrollbar-inset);
}

html.site-landing-html::-webkit-scrollbar-thumb:hover,
body.site-landing::-webkit-scrollbar-thumb:hover,
body.site-landing.library-nev-page::-webkit-scrollbar-thumb:hover,
body.site-landing.forum-nev-page::-webkit-scrollbar-thumb:hover,
body.site-landing *::-webkit-scrollbar-thumb:hover,
body.site-landing.library-nev-page *::-webkit-scrollbar-thumb:hover,
body.site-landing.forum-nev-page *::-webkit-scrollbar-thumb:hover {
	background: var(--nev-scrollbar-thumb-hover);
	border-color: var(--nev-scrollbar-border-hover);
}

html.site-landing-html::-webkit-scrollbar-button,
body.site-landing::-webkit-scrollbar-button,
body.site-landing.library-nev-page::-webkit-scrollbar-button,
body.site-landing.forum-nev-page::-webkit-scrollbar-button,
body.site-landing *::-webkit-scrollbar-button,
body.site-landing.library-nev-page *::-webkit-scrollbar-button,
body.site-landing.forum-nev-page *::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

html.site-landing-html::-webkit-scrollbar-corner,
body.site-landing::-webkit-scrollbar-corner,
body.site-landing.library-nev-page::-webkit-scrollbar-corner,
body.site-landing.forum-nev-page::-webkit-scrollbar-corner,
body.site-landing *::-webkit-scrollbar-corner,
body.site-landing.library-nev-page *::-webkit-scrollbar-corner,
body.site-landing.forum-nev-page *::-webkit-scrollbar-corner {
	background: var(--nev-scrollbar-color-track);
}

/*
 * Crome-скроллбар (forum / rating / recruitment): track с золотой рамкой, pill-thumb, ▲/▼.
 */
body.site-landing.forum-nev-page,
body.site-landing.rating-nev-page,
body.site-landing.recruitment-nev-page {
	--nev-crome-track: #0e0b08;
	--nev-crome-thumb: #9b693a;
	--nev-crome-thumb-hover: #b07a42;
	--nev-crome-frame: rgba(200, 160, 90, 0.45);
	scrollbar-width: thin;
	scrollbar-color: var(--nev-crome-thumb) var(--nev-crome-track);
}

body.site-landing.forum-nev-page *::-webkit-scrollbar,
body.site-landing.rating-nev-page *::-webkit-scrollbar,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background: var(--nev-crome-track);
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-track,
body.site-landing.rating-nev-page *::-webkit-scrollbar-track,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-track {
	background: var(--nev-crome-track);
	border-left: 1px solid var(--nev-crome-frame);
	border-right: 1px solid var(--nev-crome-frame);
	border-radius: 0;
	box-shadow:
		inset 1px 0 0 rgba(200, 160, 90, 0.12),
		inset -1px 0 0 rgba(200, 160, 90, 0.12);
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-thumb,
body.site-landing.rating-nev-page *::-webkit-scrollbar-thumb,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-thumb {
	background: var(--nev-crome-thumb);
	border: none;
	border-radius: 999px;
	box-shadow: none;
	min-height: 36px;
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-thumb:hover,
body.site-landing.rating-nev-page *::-webkit-scrollbar-thumb:hover,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-thumb:hover {
	background: var(--nev-crome-thumb-hover);
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-button,
body.site-landing.rating-nev-page *::-webkit-scrollbar-button,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-button {
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--nev-crome-track);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 8px 6px;
	border-left: 1px solid var(--nev-crome-frame);
	border-right: 1px solid var(--nev-crome-frame);
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-button:vertical:start:decrement,
body.site-landing.rating-nev-page *::-webkit-scrollbar-button:vertical:start:decrement,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-button:vertical:start:decrement {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath fill='%239b693a' d='M4 0 8 6H0z'/%3E%3C/svg%3E");
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-button:vertical:end:increment,
body.site-landing.rating-nev-page *::-webkit-scrollbar-button:vertical:end:increment,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-button:vertical:end:increment {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath fill='%239b693a' d='M4 6 8 0H0z'/%3E%3C/svg%3E");
}

body.site-landing.forum-nev-page *::-webkit-scrollbar-corner,
body.site-landing.rating-nev-page *::-webkit-scrollbar-corner,
body.site-landing.recruitment-nev-page *::-webkit-scrollbar-corner {
	background: var(--nev-crome-track);
}

.site-landing a {
	color: inherit;
	text-decoration: none;
}

.site-landing a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* --- Герой: занимает всё между шапкой-доком и футером (один экран без скролла страницы) --- */
.site-hero {
	position: relative;
	flex: 1 1 0;
	min-height: 76px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 0.5rem;
	padding-bottom: 0.75rem;
	padding-left: max(var(--landing-dock-outer-pad-x), env(safe-area-inset-left, 0px));
	padding-right: max(var(--landing-dock-outer-pad-x), env(safe-area-inset-right, 0px));
	overflow: hidden;
	/* Flat base tone only — old radial bronze wash removed so custom page backgrounds stay clean. */
	background-color: #080605;
	background-image: none;
}

/* Герой под шапкой в потоке — большой отступ сверху не нужен */
.site-hero--below-dock {
	padding-top: max(0.5rem, env(safe-area-inset-top, 0px));
}

/* Картинка фона: только без видео, узкие экраны */
.site-hero__mobile-bg {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.site-hero__mobile-bg {
		display: block;
	}
}

.site-hero__video-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

.site-hero__video-rim {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	box-sizing: border-box;
	padding: 0 var(--landing-dock-pad-x);
	overflow: hidden;
}

/* cover + привязка к верху: при обрезке по высоте отрезается низ кадра, не верх */
.site-hero__video {
	flex: 1;
	align-self: stretch;
	width: 100%;
	min-width: 0;
	min-height: 0;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center top;
	pointer-events: none;
}

/* Video pages: no page-level scrim — hero text uses text-shadow; panels keep own backgrounds. */
.site-hero--has-video .site-hero__scrim {
	background: transparent;
}

/* Золотая кайма слева/справа — те же токены, что у шапки (.site-dock) */
.site-hero__frame {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	box-sizing: border-box;
	border-left: 1px solid var(--landing-dock-gold);
	border-right: 1px solid var(--landing-dock-gold);
	border-radius: var(--landing-dock-radius);
	box-shadow: var(--landing-dock-inset-hi);
}

/* Legacy page-level tint layer — kept in DOM for layout z-index; overlay removed globally. */
.site-hero__scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: transparent;
	pointer-events: none;
}

/*
 * Shared fantasy backdrop for internal nev public pages (rating, library, forum, register, …).
 * Apply via body.has-page-bg — not used on index (video landing).
 */
body.has-page-bg {
	overflow-x: clip;
	background-color: #080605;
}

body.has-page-bg .site-hero {
	background-color: #080605;
	background-image: url("/portal/images/rating_bg.webp");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

body.site-register-page.has-page-bg .site-hero {
	background-image: url("/portal/images/register_bg.webp");
}

body.has-page-bg .site-hero__scrim {
	background: transparent;
}

/* rating_bg replaces legacy per-page mobile-bg fallback on internal pages */
body.has-page-bg .site-hero__mobile-bg {
	display: none !important;
}

.site-hero__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-width: 42rem;
	width: 100%;
	min-height: 0;
	flex: 0 1 auto;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.85);
}

/* Один h1 на страницу — только для SEO/ЧВН; комбинация off-screen + clip-path надёжнее одного clip:rect */
.site-hero__sr-only {
	position: absolute !important;
	left: -10000px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

.site-hero__logo {
	max-width: min(320px, 72vw);
	max-height: min(28vh, 200px);
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 8px 32px rgba(0, 0, 0, 0.7));
}

.site-hero__logo-fallback {
	width: min(280px, 70vw);
	height: min(18vh, 120px);
	max-height: 28vh;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid rgba(212, 165, 95, 0.45);
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.35);
}

.site-hero__logo-fallback-mark {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	border: 3px solid rgba(212, 165, 95, 0.55);
	box-shadow: 0 0 24px rgba(212, 165, 95, 0.25);
}

.site-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	justify-content: center;
	margin-top: clamp(0.5rem, 2vh, 1.25rem);
}

.site-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	min-width: min(180px, 42vw);
	padding: 0.5rem 1.1rem;
	font-size: var(--nev-hero-btn-size);
	font-weight: 700;
	font-family: inherit;
	border-radius: 8px;
	border: 2px solid transparent;
	cursor: pointer;
	text-decoration: none !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.site-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.site-btn:active {
	transform: translateY(0);
}

.site-btn--primary {
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%);
	color: #ffd89a;
	border-color: rgba(220, 160, 80, 0.45);
}

.site-btn--primary:hover {
	background: rgba(60, 48, 36, 0.85);
	border-color: rgba(200, 160, 100, 0.55);
}

.site-btn--secondary {
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%);
	color: #ffd89a;
	border-color: rgba(220, 160, 80, 0.45);
}

.site-btn--secondary:hover {
	background: rgba(60, 48, 36, 0.85);
	border-color: rgba(200, 160, 100, 0.55);
}

/*
 * После подключения style/opt.css и v2/style/main.css правила вида `a:link { color: #BA0000 }`
 * перебивают цвет текста кнопок — возвращаем явные цвета для героя.
 */
.site-landing .site-hero__actions a.site-btn--primary,
.site-landing .site-hero__actions a.site-btn--primary:link,
.site-landing .site-hero__actions a.site-btn--primary:visited {
	color: #ffd89a !important;
}

.site-landing .site-hero__actions a.site-btn--primary:hover {
	color: #fff !important;
	text-decoration: none !important;
}

.site-landing .site-hero__actions a.site-btn--secondary,
.site-landing .site-hero__actions a.site-btn--secondary:link,
.site-landing .site-hero__actions a.site-btn--secondary:visited {
	color: #ffd89a !important;
}

.site-landing .site-hero__actions a.site-btn--secondary:hover {
	color: #fff !important;
	text-decoration: none !important;
}

/* --- Верхняя навигация: в потоке flex-колонки body (не fixed — иначе часто скрывается под overflow/transform) --- */
.site-landing .site-dock-wrap,
.site-landing #nev-site-nav,
.site-landing .nev-top-bar {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width: 100%;
	max-width: 100%;
	z-index: 1;
	flex: 0 0 auto;
	display: block;
	margin: 0;
	min-height: 0;
	padding: max(10px, env(safe-area-inset-top, 0px)) 0 12px 0;
	box-sizing: border-box;
	background-color: #120a06;
	background-image:
		url('/images/event_banners/navbar_vozmezdie.webp?v=2'),
		radial-gradient(ellipse at 5% 35%, rgba(168, 70, 18, 0.32) 0%, rgba(78, 28, 10, 0.2) 22%, rgba(8, 6, 5, 0) 42%),
		radial-gradient(ellipse at 95% 35%, rgba(168, 70, 18, 0.32) 0%, rgba(78, 28, 10, 0.2) 22%, rgba(8, 6, 5, 0) 42%),
		linear-gradient(180deg, #1a120d 0%, #090604 34%, #130905 72%, #080605 100%);
	background-position: center -8px, left top, right top, center center;
	background-size: 100% calc(100% + 18px), 100% 100%, 100% 100%, 100% 100%;
	background-repeat: no-repeat;
	border-bottom: none;
	box-shadow:
		inset 0 1px 0 rgba(255, 154, 50, 0.18),
		inset 0 10px 24px rgba(255, 105, 18, 0.08),
		inset 0 -8px 18px rgba(0, 0, 0, 0.55);
}

.site-dock-inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 var(--landing-dock-outer-pad-x);
	box-sizing: border-box;
	flex: 0 0 auto;
	min-height: 44px;
	overflow-x: visible;
	overflow-y: visible;
}

.site-dock {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	gap: 6px;
	row-gap: 8px;
	padding: var(--landing-dock-pad-y) var(--landing-dock-pad-x);
	width: 100%;
	min-height: 44px;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	background: transparent;
	border: none;
	border-radius: var(--landing-dock-radius);
	box-shadow: none;
}

/* Обычные пункты слева; пользователь + онлайн — правая группа у правого края */
.site-dock--with-online {
	justify-content: flex-start;
}

.site-dock--with-online .site-dock__right-group {
	margin-left: 0;
	position: absolute;
	right: 126px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 6px;
	z-index: 2;
}

.site-dock--with-online .site-dock-online {
	margin-left: 0;
}

.site-dock--with-online .site-dock__link--account {
	margin-left: 0;
	margin-right: 0;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 900px) {
	.site-dock {
		flex-wrap: nowrap;
		justify-content: space-between;
		max-width: none;
		width: 100%;
	}

	.site-dock--with-online {
		justify-content: flex-start;
	}
}

.site-dock__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	flex-shrink: 0;
	box-sizing: border-box;
	min-width: max-content;
	min-height: 40px;
	padding: 10px 14px;
	text-align: center;
	font-size: var(--nev-dock-link-size);
	line-height: 1.15;
	white-space: nowrap;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e8dcc8;
	background: rgba(35, 28, 22, 0.85);
	border: 1px solid rgba(120, 95, 60, 0.45);
	border-radius: 8px;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
	-webkit-font-smoothing: antialiased;
}

/* Сильнее, чем `.site-landing a { color: inherit }` — иначе кнопки дока визуально «пропадают» */
.site-landing .site-dock a.site-dock__link {
	color: #e8dcc8 !important;
	text-decoration: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Жёстко от приглушения чужими стилями портала; размер как у --nev-dock-link-size */
#nev-site-nav .site-dock__link {
	display: inline-flex !important;
	color: #e8dcc8 !important;
	font-family: var(--nev-font-stack) !important;
	font-size: var(--nev-dock-link-size) !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
}

/* Новости / Форум / Библиотека / Рейтинг — объёмная «кнопка» */
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5) {
	width: 180px !important;
	height: 50px !important;
	min-width: 180px !important;
	min-height: 50px !important;
	padding: 0 !important;
	overflow: hidden;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	outline: 0 !important;
	appearance: none;
	transition: filter 0.16s ease !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(1) {
	margin-left: 121px;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):hover {
	color: transparent !important;
	text-decoration: none !important;
	transform: translateY(6px) !important;
	filter: brightness(1.14) saturate(1.12) drop-shadow(0 0 7px rgba(255, 150, 45, 0.55));
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5),
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):link,
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):visited,
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):active,
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):focus,
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):focus-visible {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-decoration: none !important;
	transform: translateY(6px) !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):hover {
	transform: translateY(6px) !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user),
#nev-site-nav .site-dock > .site-dock__link:nth-child(-n + 5):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user):hover {
	border: 0 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-shadow: none !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(1),
#nev-site-nav .site-dock > .site-dock__link:nth-child(1):hover {
	background: transparent url('/images/event_banners/nav_button_vozmezdie.webp?v=2') center center / 100% 100% no-repeat !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(2),
#nev-site-nav .site-dock > .site-dock__link:nth-child(2):hover,
#nev-site-nav .site-dock > .site-dock__link:nth-child(2):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user),
#nev-site-nav .site-dock > .site-dock__link:nth-child(2):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user):hover {
	background: transparent url('/images/event_banners/nav_button_novosti.webp?v=2') center center / 100% 100% no-repeat !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(3),
#nev-site-nav .site-dock > .site-dock__link:nth-child(3):hover,
#nev-site-nav .site-dock > .site-dock__link:nth-child(3):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user),
#nev-site-nav .site-dock > .site-dock__link:nth-child(3):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user):hover {
	background: transparent url('/images/event_banners/nav_button_forum.webp?v=2') center center / 100% 100% no-repeat !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(4),
#nev-site-nav .site-dock > .site-dock__link:nth-child(4):hover,
#nev-site-nav .site-dock > .site-dock__link:nth-child(4):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user),
#nev-site-nav .site-dock > .site-dock__link:nth-child(4):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user):hover {
	background: transparent url('/images/event_banners/nav_button_library.webp?v=2') center center / 100% 100% no-repeat !important;
}

#nev-site-nav .site-dock > .site-dock__link:nth-child(5),
#nev-site-nav .site-dock > .site-dock__link:nth-child(5):hover,
#nev-site-nav .site-dock > .site-dock__link:nth-child(5):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user),
#nev-site-nav .site-dock > .site-dock__link:nth-child(5):not(.site-dock__link--brand):not(.site-dock__link--play):not(.site-dock__link--account):not(.site-dock__link--account-user):hover {
	background: transparent url('/images/event_banners/nav_button_rating.webp?v=2') center center / 100% 100% no-repeat !important;
}

#nev-site-nav .site-dock__link--play {
	color: #fff !important;
}

#nev-site-nav .site-dock__link--account {
	width: 220px !important;
	height: 50px !important;
	min-width: 220px !important;
	min-height: 50px !important;
	padding: 0 !important;
	overflow: hidden;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-transform: none;
	letter-spacing: 0;
	background: transparent url('/images/event_banners/nav_button_authorization.webp?v=2') center center / 100% 100% no-repeat !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	outline: 0 !important;
	transform: translateY(6px) !important;
}

#nev-site-nav .site-dock__link--account::before {
	display: none;
}

#nev-site-nav .site-dock__link--account-user::before {
	display: none;
}

#nev-site-nav .site-dock__link--account-user {
	background-image: url('/images/event_banners/nav_button_user.webp?v=2') !important;
	color: #ffd89a !important;
	font-size: 12px !important;
	line-height: 1 !important;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#nev-site-nav .site-dock__link--account-user img {
	vertical-align: middle;
}

#nev-site-nav .site-dock__link--account-user .site-dock-account__user,
#nev-site-nav .site-dock__link--account-user .site-dock-account__user:link,
#nev-site-nav .site-dock__link--account-user .site-dock-account__user:visited {
	color: #ffd89a !important;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#nev-site-nav .site-dock__link--account-user .site-dock-account__user b {
	font-weight: 700;
}

#nev-site-nav .site-dock__link--account:hover {
	color: transparent !important;
	background: transparent url('/images/event_banners/nav_button_authorization.webp?v=2') center center / 100% 100% no-repeat !important;
	border: 0 !important;
	box-shadow: none !important;
	filter: brightness(1.14) saturate(1.12) drop-shadow(0 0 7px rgba(255, 150, 45, 0.55));
	transform: translateY(6px) !important;
	text-decoration: none !important;
}

#nev-site-nav .site-dock__link--account-user:hover {
	color: #ffd89a !important;
	background-image: url('/images/event_banners/nav_button_user.webp?v=2') !important;
}

.site-dock-online {
	flex: 0 0 auto;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 200px;
	height: 50px;
	min-width: 200px;
	min-height: 50px;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	font-family: var(--nev-font-stack);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #ffd89a !important;
	text-decoration: none !important;
	background: transparent url('/images/event_banners/nav_button_online.webp?v=2') center center / 100% 100% no-repeat !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
	transform: translateY(6px);
	white-space: nowrap;
	cursor: default;
}

.site-dock-online__text {
	display: none;
}

.site-dock-online strong,
.site-dock-online__value {
	position: absolute;
	left: 112px;
	top: 50%;
	width: 34px;
	transform: translateY(-50%);
	font-weight: 700;
	color: inherit;
	font-size: inherit;
	text-align: center;
}

.site-dock__link:focus-visible {
	outline: none;
	border-color: rgba(220, 172, 98, 0.7);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.2), 0 0 0 1px rgba(210, 165, 96, 0.25),
		0 0 14px rgba(210, 165, 96, 0.3);
}

/* --- Телефоны и планшеты: кнопка «Меню» — разделы, Играть, онлайн --- */
.site-dock-inner--mobile {
	display: none;
}

.site-mobile-nav {
	width: 100%;
	position: relative;
}

.site-mobile-nav__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	min-height: 44px;
	padding: 10px 14px;
	cursor: pointer;
	font-family: inherit;
	font-size: clamp(0.82rem, 2.2vw, 0.95rem);
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #e8dcc8;
	background: rgba(35, 28, 22, 0.85);
	border: 1px solid var(--landing-dock-gold);
	border-radius: var(--landing-dock-radius);
	box-shadow: var(--landing-dock-inset-hi);
	list-style: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	user-select: none;
}

.site-mobile-nav__summary::-webkit-details-marker {
	display: none;
}

.site-mobile-nav__summary::marker {
	content: "";
}

.site-mobile-nav__summary::after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	margin-left: auto;
	border-right: 2px solid rgba(255, 216, 154, 0.9);
	border-bottom: 2px solid rgba(255, 216, 154, 0.9);
	transform: rotate(45deg) translateY(-0.1em);
	transition: transform 0.18s ease;
	flex-shrink: 0;
}

.site-mobile-nav[open] .site-mobile-nav__summary::after {
	transform: rotate(225deg) translateY(0.05em);
}

.site-mobile-nav__summary:hover {
	background: rgba(60, 48, 36, 0.85);
	border-color: rgba(200, 160, 100, 0.55);
	color: #fff;
}

.site-mobile-nav__summary:focus-visible {
	outline: none;
	border-color: rgba(220, 172, 98, 0.7);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.2), 0 0 0 1px rgba(210, 165, 96, 0.25),
		0 0 14px rgba(210, 165, 96, 0.3);
}

.site-mobile-nav__panel {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 8px;
	padding: 10px var(--landing-dock-pad-x);
	background: rgba(18, 14, 10, 0.98);
	border: 1px solid rgba(200, 160, 100, 0.45);
	border-radius: var(--landing-dock-radius);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), var(--landing-dock-inset-hi);
}

.site-mobile-nav__link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	box-sizing: border-box;
	text-align: center;
	font-size: var(--nev-dock-link-size);
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #e8dcc8 !important;
	text-decoration: none !important;
	background: rgba(35, 28, 22, 0.85);
	border: 1px solid rgba(120, 95, 60, 0.45);
	border-radius: 8px;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
	-webkit-font-smoothing: antialiased;
}

.site-mobile-nav__link:hover {
	background: rgba(60, 48, 36, 0.85);
	border-color: rgba(200, 160, 100, 0.55);
	color: #fff !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(255, 216, 154, 0.95) !important;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.18), 0 0 0 1px rgba(210, 165, 96, 0.22),
		0 0 12px rgba(210, 165, 96, 0.2);
}

.site-mobile-nav__link--brand {
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%);
	border-color: rgba(220, 160, 80, 0.45);
	color: #ffd89a !important;
}

.site-mobile-nav__link:focus-visible {
	outline: none;
	border-color: rgba(220, 172, 98, 0.7);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.2), 0 0 0 1px rgba(210, 165, 96, 0.25),
		0 0 14px rgba(210, 165, 96, 0.3);
}

#nev-site-nav .site-mobile-nav__link--brand {
	color: #ffd89a !important;
	background: linear-gradient(
		180deg,
		rgba(92, 62, 38, 0.98) 0%,
		rgba(58, 40, 24, 0.98) 42%,
		rgba(32, 24, 16, 0.99) 100%
	) !important;
	border: 1px solid rgba(220, 175, 105, 0.52) !important;
	border-bottom-color: rgba(22, 14, 9, 0.9) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 234, 200, 0.2),
		inset 0 -8px 16px rgba(0, 0, 0, 0.2),
		0 2px 8px rgba(0, 0, 0, 0.35) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

#nev-site-nav .site-mobile-nav__link--brand:hover {
	background: linear-gradient(
		180deg,
		rgba(118, 78, 48, 0.99) 0%,
		rgba(68, 48, 28, 1) 45%,
		rgba(40, 28, 18, 1) 100%
	) !important;
	border-color: rgba(242, 200, 130, 0.62) !important;
	border-bottom-color: rgba(28, 18, 10, 0.92) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 244, 220, 0.26),
		inset 0 -6px 12px rgba(0, 0, 0, 0.18),
		0 4px 14px rgba(0, 0, 0, 0.38),
		0 0 16px rgba(230, 185, 100, 0.26) !important;
	color: #fff6e2 !important;
	text-decoration: none !important;
}

#nev-site-nav .site-mobile-nav__link {
	font-family: var(--nev-font-stack) !important;
	font-size: var(--nev-dock-link-size) !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
}

#nev-site-nav .site-mobile-nav__link:not(.site-mobile-nav__link--brand):not(.site-mobile-nav__link--play):not(.site-mobile-nav__link--account) {
	background: linear-gradient(
		180deg,
		rgba(78, 56, 36, 0.96) 0%,
		rgba(48, 34, 22, 0.97) 42%,
		rgba(28, 22, 16, 0.99) 100%
	) !important;
	border: 1px solid rgba(200, 158, 95, 0.48) !important;
	border-bottom-color: rgba(24, 16, 10, 0.88) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 232, 195, 0.16),
		inset 0 -8px 16px rgba(0, 0, 0, 0.2),
		0 2px 8px rgba(0, 0, 0, 0.35) !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

#nev-site-nav .site-mobile-nav__link:not(.site-mobile-nav__link--brand):not(.site-mobile-nav__link--play):not(.site-mobile-nav__link--account):hover {
	background: linear-gradient(
		180deg,
		rgba(102, 72, 42, 0.98) 0%,
		rgba(58, 42, 26, 0.99) 45%,
		rgba(36, 28, 20, 1) 100%
	) !important;
	border-color: rgba(230, 190, 120, 0.58) !important;
	border-bottom-color: rgba(30, 20, 12, 0.9) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 240, 210, 0.22),
		inset 0 -6px 12px rgba(0, 0, 0, 0.18),
		0 4px 14px rgba(0, 0, 0, 0.38),
		0 0 14px rgba(210, 165, 96, 0.2) !important;
	color: #fff !important;
}

#nev-site-nav .site-mobile-nav__online {
	font-family: var(--nev-font-stack) !important;
	font-size: var(--nev-dock-link-size) !important;
	line-height: 1.15 !important;
	font-weight: 700 !important;
}

.site-mobile-nav__link--play {
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%);
	border-color: rgba(220, 160, 80, 0.45);
	color: #fff !important;
}

.site-mobile-nav__link--play:hover {
	color: #fff !important;
}

.site-mobile-nav__link--account {
	color: #ffd89a !important;
	text-transform: none;
	letter-spacing: 0.02em;
	background: linear-gradient(180deg, rgba(84, 55, 24, 0.92) 0%, rgba(48, 33, 18, 0.96) 100%);
	border-color: rgba(224, 178, 92, 0.55);
	box-shadow: inset 0 1px 0 rgba(255, 226, 168, 0.14);
}

.site-mobile-nav__link--account::before {
	content: "";
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	margin-right: 6px;
	border-radius: 50%;
	border: 1px solid rgba(255, 220, 156, 0.8);
	box-sizing: border-box;
	background: radial-gradient(circle at 50% 30%, rgba(255, 227, 174, 0.95) 22%, rgba(186, 128, 60, 0.92) 70%);
}

.site-mobile-nav__link--account:hover {
	color: #fff !important;
	border-color: rgba(242, 196, 108, 0.72);
	background: linear-gradient(180deg, rgba(110, 70, 30, 0.95) 0%, rgba(64, 41, 20, 0.98) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 229, 168, 0.22), 0 0 0 1px rgba(225, 176, 92, 0.28), 0 0 12px rgba(225, 176, 92, 0.24);
}

.site-mobile-nav__online {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.45em;
	min-height: 44px;
	padding: 10px 14px;
	box-sizing: border-box;
	font-size: clamp(0.78rem, 2vw, 0.88rem);
	font-weight: 700;
	line-height: 1.15;
	color: #e8dcc8 !important;
	background: rgba(55, 44, 34, 0.95);
	border: 1px solid rgba(160, 130, 90, 0.6);
	border-radius: 8px;
	white-space: nowrap;
	cursor: default;
}

.site-mobile-nav__online strong,
.site-mobile-nav__online-value {
	font-weight: 700;
	color: inherit;
	font-size: inherit;
}

@media (max-width: 1024px) {
	.site-dock-inner--desktop {
		display: none !important;
	}

	.site-dock-inner--mobile {
		display: block !important;
	}

	.site-hero__logo {
		max-width: min(280px, 88vw);
		max-height: min(24vh, 170px);
	}

	.site-hero__actions {
		row-gap: 0.65rem;
	}
}

/* --- Нижний футер: единый блок соцсетей для всех страниц лендинга --- */
.site-footer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	padding: 6px 0 8px;
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	flex-shrink: 0;
	background: #080605;
	background-image: url('/images/event_banners/footer_vozmezddie.webp?v=2');
	background-repeat: no-repeat;
  background-position: center -21px;
  background-size: 100% calc(100% + 21px);
	border-top: none;
	min-height: 76px;
	box-sizing: border-box;
}

/* .site-footer--hero — hook for index hero pages; inherits .site-footer base styles */

.site-footer__inner {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	line-height: 1;
}

.footer-socials,
.site-footer__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin: 0;
}

.footer-social-link,
.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(40, 32, 26, 0.9);
	border: 1px solid rgba(160, 130, 90, 0.35);
	outline: none;
	transition:
		transform 0.18s ease,
		filter 0.18s ease,
		box-shadow 0.18s ease;
}

.footer-social-link:hover,
.footer-social-link:focus-visible,
.site-footer__social a:hover,
.site-footer__social a:focus-visible {
	filter:
		brightness(1.18)
		drop-shadow(0 0 8px rgba(255, 135, 45, 0.35))
		drop-shadow(0 0 14px rgba(255, 80, 0, 0.22));
	box-shadow: 0 2px 10px rgba(255, 135, 45, 0.28);
	text-decoration: none;
}

.footer-social-link:hover,
.site-footer__social a:hover {
	animation: footer-social-coin-spin 0.62s cubic-bezier(0.2, 0.75, 0.2, 1) 1;
}

.footer-social-link:focus-visible,
.site-footer__social a:focus-visible {
	outline: 1px solid rgba(255, 170, 80, 0.75);
	outline-offset: 3px;
}

@keyframes footer-social-coin-spin {
	0% {
		transform: perspective(180px) scale(1) rotateY(0deg);
	}
	45% {
		transform: perspective(180px) scale(1.08) rotateY(180deg);
	}
	100% {
		transform: perspective(180px) scale(1) rotateY(360deg);
	}
}

.footer-socials .footer-social-link,
.site-footer__social a {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0;
}

.footer-socials .footer-social-link:hover,
.site-footer__social a:hover {
	background-color: transparent;
}

.footer-socials .footer-social-link svg,
.site-footer__social a svg {
	display: none;
}

.footer-socials .footer-social-link:nth-child(1),
.site-footer__social a:nth-child(1) {
	background-image: url('/images/event_banners/vk_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(1):hover,
.site-footer__social a:nth-child(1):hover {
	background-image: url('/images/event_banners/vk_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(2),
.site-footer__social a:nth-child(2) {
	background-image: url('/images/event_banners/fb_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(2):hover,
.site-footer__social a:nth-child(2):hover {
	background-image: url('/images/event_banners/fb_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(3),
.site-footer__social a:nth-child(3) {
	background-image: url('/images/event_banners/tg_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(3):hover,
.site-footer__social a:nth-child(3):hover {
	background-image: url('/images/event_banners/tg_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(4),
.site-footer__social a:nth-child(4) {
	background-image: url('/images/event_banners/utube_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(4):hover,
.site-footer__social a:nth-child(4):hover {
	background-image: url('/images/event_banners/utube_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(5),
.site-footer__social a:nth-child(5) {
	background-image: url('/images/event_banners/discord_vozmezdie.webp?v=2');
}

.footer-socials .footer-social-link:nth-child(5):hover,
.site-footer__social a:nth-child(5):hover {
	background-image: url('/images/event_banners/discord_vozmezdie.webp?v=2');
}

.footer-social-link svg,
.site-footer__social svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	color: #e0c9a0;
}

@media (max-width: 768px) {
	.footer-socials,
	.site-footer__social {
		gap: 12px;
	}

	.footer-social-link,
	.site-footer__social a {
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 480px) {
	.footer-social-link,
	.site-footer__social a {
		width: 36px;
		height: 36px;
	}
}

@media (max-width: 1024px) {
	/* Лендинг: в мобильном «Меню разделов» без «Играть» и «Онлайн» (вход/регистрация — в герое) */
	body.site-landing .site-mobile-nav__link--play,
	body.site-landing .site-mobile-nav__online {
		display: none;
	}
}

/* Регистрация: футер соцсетей внизу колонки body; hero выше растягивается и даёт фон до этой границы */
body.site-landing.site-register-page .site-footer {
	margin-top: auto;
	flex-shrink: 0;
	background-color: rgba(8, 6, 5, 0.72);
	backdrop-filter: blur(2px);
}

/* --- Плавающие кнопки прокрутки (вне .site-footer, position: fixed) --- */
.scroll-controls {
	position: fixed;
	right: 16px;
	bottom: 72px;
	z-index: 50;
	display: flex;
	flex-direction: column;
	gap: 8px;
	pointer-events: none;
}

.scroll-controls__btn {
	min-width: 72px;
	height: 32px;
	border: 1px solid rgba(167, 109, 45, 0.75);
	border-radius: 8px;
	background: rgba(31, 20, 10, 0.92);
	color: #f3c979;
	font: inherit;
	cursor: pointer;
	pointer-events: auto;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

.scroll-controls__btn:hover {
	background: rgba(70, 42, 20, 0.96);
}

.scroll-controls__btn.is-enabled {
	opacity: 1;
	filter: saturate(1);
}

.scroll-controls__btn.is-disabled {
	opacity: 0.42;
	filter: saturate(0.45);
	border-color: rgba(170, 130, 75, 0.3);
	color: rgba(243, 201, 121, 0.6);
	cursor: default;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	.scroll-controls {
		right: 10px;
		bottom: 64px;
	}

	.scroll-controls__btn {
		min-width: 60px;
		height: 30px;
		font-size: 12px;
	}
}

/* --- Модальные окна авторизации / восстановления пароля: только лендинг; без PNG-спрайтов из v2 — чистый CSS --- */
body.site-landing .b-popup-shader {
	background: rgba(5, 4, 3, 0.78);
	opacity: 1;
	backdrop-filter: blur(5px);
}

body.site-landing #authPopup.b-common-popup,
body.site-landing #recoveryPasswordStep1.b-common-popup,
body.site-landing #errorForm.b-common-popup {
	width: min(520px, calc(100vw - 1.5rem)) !important;
	max-height: min(90vh, 640px);
	overflow: visible;
	box-sizing: border-box;
}

/* Для окна авторизации убираем верхний заголовок (раньше там было "Авторизация"). */
body.site-landing #authPopup .b-common-block__header {
	display: none !important;
}

body.site-landing .b-common-popup .b-common-block.b-common-block__auth {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding-top: 0;
	border-radius: var(--landing-dock-radius);
	overflow: hidden;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.75);
	background: #0f0d0b !important;
	border: 1px solid var(--landing-dock-gold);
}

body.site-landing .b-common-popup .b-common-block__l,
body.site-landing .b-common-popup .b-common-block__r,
body.site-landing .b-common-popup .b-common-block__t,
body.site-landing .b-common-popup .b-common-block__t_2,
body.site-landing .b-common-popup .b-common-block__b,
body.site-landing .b-common-popup .b-common-block__tl,
body.site-landing .b-common-popup .b-common-block__tr,
body.site-landing .b-common-popup .b-common-block__bl,
body.site-landing .b-common-popup .b-common-block__br,
body.site-landing .b-common-popup .b-common-block__decor-tl,
body.site-landing .b-common-popup .b-common-block__decor-tr,
body.site-landing .b-common-popup .b-common-block__decor-bl,
body.site-landing .b-common-popup .b-common-block__decor-br,
body.site-landing .b-common-popup .b-common-block__decor-tl-2,
body.site-landing .b-common-popup .b-common-block__decor-tr-2,
body.site-landing .b-common-popup .b-common-block__decor-bl-2,
body.site-landing .b-common-popup .b-common-block__decor-br-2 {
	display: none !important;
}

body.site-landing .b-common-popup .b-common-block__header {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	z-index: 2;
}

body.site-landing .b-common-popup .b-common-block__header-inner {
	display: block !important;
	height: auto !important;
	margin: 0 !important;
	padding: 12px 42px 12px 16px !important;
	background: linear-gradient(180deg, rgba(42, 32, 24, 0.98) 0%, rgba(22, 17, 13, 0.98) 100%) !important;
	border-bottom: 1px solid var(--landing-dock-gold);
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #ffd89a !important;
	box-shadow: var(--landing-dock-inset-hi);
}

body.site-landing .b-common-popup .b-common-block__header-inner span {
	position: static !important;
	top: auto !important;
	color: inherit !important;
}

body.site-landing .b-common-popup .b-common-block__close {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 32px;
	height: 32px;
	background: none !important;
	background-image: none !important;
	border: 1px solid rgba(255, 200, 140, 0.45);
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.site-landing .b-common-popup .b-common-block__close::before {
	content: "\00d7";
	font-size: 22px;
	line-height: 1;
	color: #fff;
	font-family: Arial, "Segoe UI", sans-serif;
	font-weight: 400;
}

body.site-landing .b-common-popup .b-common-block__cont {
	background: linear-gradient(180deg, #1a1612 0%, #100e0c 100%) !important;
	border: none !important;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
	min-height: 0;
}

body.site-landing .b-common-popup .b-common-block__bgl,
body.site-landing .b-common-popup .b-common-block__bgr {
	background: none !important;
	min-height: 0 !important;
	padding: 16px 18px !important;
	width: auto !important;
}

body.site-landing .b-common-popup .b-common-form__table {
	width: 100%;
	border-collapse: collapse;
}

body.site-landing .b-common-popup .b-common-form__label {
	color: #e8dcc8;
	font-size: 0.9rem;
	padding-right: 8px;
}

body.site-landing .b-common-popup .b-common-form__table td {
	padding: 7px 4px;
	vertical-align: middle;
}

body.site-landing #authPopup .b-common-form__table td:first-child {
	width: 92px;
}

body.site-landing .b-common-popup .b-common-form__field,
body.site-landing .b-common-popup .b-common-form__field-inner {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0;
	background: none !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body.site-landing .b-common-popup input[type="text"],
body.site-landing .b-common-popup input[type="password"] {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	min-height: 46px;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #9f7a45;
	background: linear-gradient(180deg, rgba(26, 21, 16, 0.98) 0%, rgba(13, 10, 8, 0.98) 100%);
	color: #f6f0e3;
	font-family: inherit;
	font-size: 1.05rem;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.06);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

body.site-landing .b-common-popup input[type="text"]:hover,
body.site-landing .b-common-popup input[type="password"]:hover {
	border-color: #b58a50;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.09);
}

/* Убираем белые плашки автозаполнения и удерживаем единый стиль полей */
body.site-landing .b-common-popup input[type="text"]:-webkit-autofill,
body.site-landing .b-common-popup input[type="text"]:-webkit-autofill:hover,
body.site-landing .b-common-popup input[type="text"]:-webkit-autofill:focus,
body.site-landing .b-common-popup input[type="password"]:-webkit-autofill,
body.site-landing .b-common-popup input[type="password"]:-webkit-autofill:hover,
body.site-landing .b-common-popup input[type="password"]:-webkit-autofill:focus {
	-webkit-text-fill-color: #f2efe8 !important;
	-webkit-box-shadow: 0 0 0 1000px rgba(10, 8, 6, 0.98) inset !important;
	box-shadow: 0 0 0 1000px rgba(10, 8, 6, 0.98) inset !important;
	border: 1px solid #9f7a45 !important;
	caret-color: #f2efe8;
}

body.site-landing .b-common-popup input[type="text"]:autofill,
body.site-landing .b-common-popup input[type="password"]:autofill {
	-webkit-text-fill-color: #f2efe8 !important;
	box-shadow: 0 0 0 1000px rgba(10, 8, 6, 0.98) inset !important;
}

body.site-landing .b-common-popup input[type="text"]:focus,
body.site-landing .b-common-popup input[type="password"]:focus {
	outline: none;
	border-color: #d0a15f;
	box-shadow: inset 0 1px 0 rgba(255, 235, 196, 0.1), 0 0 10px rgba(220, 172, 98, 0.12);
}

body.site-landing .b-news-footer.b-news-footer_soc {
	position: relative;
	background: rgba(35, 28, 22, 0.65) !important;
	border: 1px solid rgba(160, 130, 90, 0.35);
	border-radius: 6px;
	padding: 10px 12px;
	margin: 0 0 12px 0;
}

body.site-landing .b-news-footer > span {
	display: none !important;
}

body.site-landing .b-news-footer__cont {
	padding: 0 !important;
	text-align: center !important;
	background: none !important;
}

body.site-landing .b-news-footer__cont b {
	color: #ffd89a;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

body.site-landing .b-common-popup a.invert {
	color: #f0c878 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.site-landing .b-common-popup a.invert:hover {
	color: #ffe8b8 !important;
}

body.site-landing .b-common-popup .b-divider-4 {
	height: 0 !important;
	margin: 14px 0 !important;
	padding: 0 !important;
	border: none !important;
	border-top: 1px solid rgba(160, 130, 90, 0.35) !important;
	background: none !important;
}

body.site-landing .b-common-popup .text-center {
	color: #e8dcc8;
	font-size: 0.9rem;
}

body.site-landing .b-common-popup .b-button-red-5,
body.site-landing .b-common-popup .b-button-green-5 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	min-height: 44px;
	padding: 10px 18px;
	margin: 4px 0;
	border: 1px solid rgba(220, 160, 80, 0.45);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%) !important;
	box-shadow: none;
	cursor: pointer;
	text-decoration: none !important;
	font-family: inherit;
	font-weight: 700;
	font-size: 1rem;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

body.site-landing .b-common-popup .b-button-red-5__inner {
	display: block;
	padding: 0 !important;
	background: none !important;
	color: #ffd89a !important;
	text-shadow: none !important;
	font-weight: inherit;
}

body.site-landing .b-common-popup .b-button-green-5 {
	margin: 6px 0 0 0;
}

body.site-landing .b-common-popup .b-button-red-5:hover,
body.site-landing .b-common-popup .b-button-green-5:hover {
	background: rgba(60, 48, 36, 0.85) !important;
	border-color: rgba(200, 160, 100, 0.55);
	color: #fff !important;
	text-decoration: none !important;
}

body.site-landing .b-common-popup .b-button-red-5:hover .b-button-red-5__inner,
body.site-landing .b-common-popup .b-button-green-5:hover .b-button-green-5__inner {
	color: #fff !important;
}

body.site-landing .b-common-popup .b-button-green-5__inner {
	display: block;
	padding: 0 !important;
	background: none !important;
	color: #ffd89a !important;
	text-shadow: none !important;
	font-weight: inherit;
}

body.site-landing #errorForm.b-common-popup .b-common-block__bgr {
	min-height: 3rem;
	color: #f2efe8;
	font-size: 0.95rem;
	line-height: 1.45;
}

body.site-landing .landing-popup-error {
	text-align: center;
}

body.site-landing .landing-popup-error__text {
	margin: 0;
	white-space: pre-wrap;
	word-break: break-word;
	color: #f2efe8;
	font-size: 0.95rem;
	line-height: 1.45;
}

@media (max-width: 600px) {
	html.site-landing-html {
		--landing-dock-pad-x: 6px;
		--landing-dock-pad-y: 5px;
		--landing-dock-outer-pad-x: 6px;
	}

	.site-dock {
		justify-content: flex-start;
	}

	.site-btn {
		width: 100%;
		min-width: unset;
	}

	/* --- Модалки: вход, напоминание пароля, ошибка (телефоны) --- */
	body.site-landing #authPopup.b-common-popup,
	body.site-landing #recoveryPasswordStep1.b-common-popup,
	body.site-landing #errorForm.b-common-popup {
		width: calc(
			100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px))
		) !important;
		max-width: none !important;
		max-height: min(88vh, 88dvh) !important;
		left: 50% !important;
		top: 50% !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		transform: translate(-50%, -50%) !important;
		box-sizing: border-box !important;
	}

	body.site-landing .b-common-popup .b-common-block.b-common-block__auth {
		max-height: min(88vh, 88dvh);
		overflow: hidden;
	}

	body.site-landing .b-common-popup .b-common-block__cont {
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		min-height: 0;
		flex: 1 1 auto;
	}

	body.site-landing .b-common-popup .b-common-block__bgl,
	body.site-landing .b-common-popup .b-common-block__bgr {
		padding: 12px max(12px, env(safe-area-inset-right, 0px)) max(14px, env(safe-area-inset-bottom, 0px))
			max(12px, env(safe-area-inset-left, 0px)) !important;
	}

	body.site-landing .b-common-popup .b-common-block__close {
		right: max(2px, env(safe-area-inset-right, 0px)) !important;
		top: max(2px, env(safe-area-inset-top, 0px)) !important;
		width: 28px;
		height: 28px;
		touch-action: manipulation;
	}

	body.site-landing .b-common-popup .b-common-block__close::before {
		font-size: 16px;
	}

	body.site-landing .b-common-popup .b-common-block__header-inner {
		padding: 10px max(34px, calc(env(safe-area-inset-right, 0px) + 24px)) 10px 10px !important;
		font-size: 0.88rem;
	}

	body.site-landing .b-common-popup .b-common-form__table,
	body.site-landing .b-common-popup .b-common-form__table tbody {
		display: block;
		width: 100%;
	}

	body.site-landing .b-common-popup .b-common-form__table tr {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	body.site-landing .b-common-popup .b-common-form__table tr:last-child {
		margin-bottom: 0;
	}

	body.site-landing .b-common-popup .b-common-form__table td {
		display: block;
		width: 100% !important;
		padding: 4px 0 !important;
		box-sizing: border-box;
		text-align: left !important;
	}

	body.site-landing #authPopup .b-common-form__table td:first-child {
		width: 100% !important;
	}

	/* Строки «Я забыл пароль»: скрываем пустую левую ячейку */
	body.site-landing .b-common-popup .b-common-form__table tr:has(> td:nth-child(2)) > td:first-child:not(:has(.b-common-form__label)) {
		display: none !important;
	}

	body.site-landing .b-common-popup .b-common-form__label {
		display: block;
		padding-right: 0;
		margin-bottom: 4px;
		font-size: 0.88rem;
	}

	body.site-landing .b-common-popup input[type="text"],
	body.site-landing .b-common-popup input[type="password"] {
		min-height: 48px !important;
		padding: 12px 14px !important;
		font-size: 16px !important;
	}

	/* Лендинг: подписи E-mail / Пароль только внутри полей (placeholder) */
	body.site-landing #authPopup .b-common-form__table tr:has(#userEmail) > td:first-child,
	body.site-landing #authPopup .b-common-form__table tr:has(#userPassword) > td:first-child {
		display: none !important;
	}

	body.site-landing #authPopup #userEmail::placeholder,
	body.site-landing #authPopup #userPassword::placeholder {
		color: rgba(232, 220, 200, 0.55);
		opacity: 1;
	}

	/* «Напоминание пароля»: подпись только как placeholder */
	body.site-landing #recoveryPasswordStep1 .b-common-form__table tr:has(#sendPasswordEmail) > td:first-child {
		display: none !important;
	}

	body.site-landing #recoveryPasswordStep1 #sendPasswordEmail::placeholder {
		color: rgba(232, 220, 200, 0.55);
		opacity: 1;
	}

	body.site-landing .b-common-popup .b-button-red-5,
	body.site-landing .b-common-popup .b-button-green-5 {
		max-width: none !important;
		width: 100%;
		min-height: 48px;
		padding: 12px 16px;
		font-size: 0.95rem;
		touch-action: manipulation;
	}

	body.site-landing .b-news-footer.b-news-footer_soc {
		padding: 10px;
		margin-bottom: 10px;
	}

	body.site-landing .b-news-footer__cont b {
		font-size: 0.92rem;
		line-height: 1.3;
	}

	body.site-landing .b-common-popup a.invert {
		display: inline-block;
		padding: 10px 0;
		min-height: 44px;
		line-height: 1.35;
	}

	/* Вход: «Я забыл пароль» и «Восстановление доступа» — без лишней высоты touch-target */
	body.site-landing #authPopup .b-common-form__table a.invert {
		padding: 2px 0;
		min-height: 0;
		line-height: 1.35;
	}

	body.site-landing #authPopup .b-common-form__table tr:has(a.invert) {
		margin-bottom: 4px;
	}

	body.site-landing #authPopup .b-common-form__table tr:has(.text-center) {
		margin-top: 10px;
	}

	body.site-landing .b-common-popup .b-divider-4 {
		margin: 10px 0 !important;
	}

	body.site-landing #errorForm.b-common-popup .landing-popup-error__text {
		font-size: 0.9rem;
		padding: 0 4px;
	}

	body.site-landing #errorForm.b-common-popup .b-button-red-5 {
		max-width: none !important;
	}
}

/* Лендинг на широком экране: текст подписей слева — placeholder в поле скрыт (есть в разметке для телефона) */
@media (min-width: 601px) {
	body.site-landing #authPopup #userEmail::placeholder,
	body.site-landing #authPopup #userPassword::placeholder,
	body.site-landing #recoveryPasswordStep1 #sendPasswordEmail::placeholder {
		color: transparent !important;
		opacity: 1 !important;
	}
}

/* Очень узкие экраны */
@media (max-width: 380px) {
	body.site-landing #authPopup.b-common-popup,
	body.site-landing #recoveryPasswordStep1.b-common-popup,
	body.site-landing #errorForm.b-common-popup {
		width: calc(
			100vw - max(8px, env(safe-area-inset-left, 0px)) - max(8px, env(safe-area-inset-right, 0px))
		) !important;
	}

	body.site-landing .b-common-popup .b-common-block__bgl,
	body.site-landing .b-common-popup .b-common-block__bgr {
		padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
		padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
	}
}

/* --- Страница register.php: шапка/футер как у лендинга, форма в герое — страница может быть выше экрана --- */
html.site-register-html {
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	min-height: 100%;
	background-color: #080605;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/* Общая ширина блока регистрации (герой + карточка); было ~1120px */
	--site-register-card-max: 885px;
	/* Размер сцены регистрации (синхронно с &width= / &height= в register.php) */
	--reg-canvas-width: 485px;
	--reg-canvas-height: 345px;
}

/* Registration character creator — preview canvas + final HTML/CSS controls */
body.site-register-page .reg-char-preview-wrap {
	overflow: hidden;
	position: relative;
}

body.site-register-page .reg-char-preview-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 62% 38% at 50% 78%, rgba(200, 155, 80, 0.22) 0%, rgba(120, 90, 45, 0.08) 42%, transparent 72%),
		radial-gradient(ellipse 48% 28% at 50% 88%, rgba(0, 0, 0, 0.55) 0%, transparent 68%);
}

body.site-register-page .reg-character-creator {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.4rem;
	width: 100%;
	max-width: min(100%, 495px);
	box-sizing: border-box;
}

body.site-register-page .reg-character-creator__preview {
	width: 100%;
}

body.site-register-page .reg-character-creator__panel {
	padding: 0.5rem 0.6rem 0.6rem;
	border: 1px solid var(--landing-dock-gold);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(28, 22, 16, 0.96) 0%, rgba(14, 11, 8, 0.98) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.06), 0 4px 14px rgba(0, 0, 0, 0.35);
	font-size: var(--nev-text-label-size);
	line-height: var(--nev-text-label-lh);
	color: #e8dcc8;
}

body.site-register-page .reg-character-creator__race {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.35rem;
	margin-bottom: 0.35rem;
}

body.site-register-page .reg-character-creator__race-btn {
	cursor: pointer;
	margin: 0;
	padding: 0.35rem 0.45rem;
	border: 1px solid rgba(140, 110, 70, 0.55);
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(36, 28, 20, 0.95) 0%, rgba(22, 17, 12, 0.98) 100%);
	color: #d8c4a0;
	font: inherit;
	font-weight: 700;
	font-size: 0.86rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

body.site-register-page .reg-character-creator__race-btn:hover {
	border-color: rgba(200, 160, 96, 0.75);
	color: #f5e6c8;
}

body.site-register-page .reg-character-creator__race-btn.is-active {
	border-color: #e4b868;
	background: linear-gradient(180deg, rgba(98, 68, 34, 0.99) 0%, rgba(54, 38, 18, 0.99) 100%);
	color: #ffe8b0;
	box-shadow:
		inset 0 1px 0 rgba(255, 229, 178, 0.24),
		0 0 0 1px rgba(228, 184, 104, 0.42),
		0 0 12px rgba(212, 165, 96, 0.32);
	text-shadow: 0 0 10px rgba(255, 210, 130, 0.22);
}

body.site-register-page .reg-character-creator__race-desc {
	margin: 0 0 0.4rem;
	padding: 0.35rem 0.45rem;
	border-radius: 6px;
	border: 1px solid rgba(120, 95, 60, 0.35);
	background: rgba(0, 0, 0, 0.22);
	color: #c8b89a;
	font-size: 0.76rem;
	line-height: 1.35;
	min-height: 2.2em;
}

body.site-register-page .reg-character-creator__controls {
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
	margin-bottom: 0.4rem;
}

body.site-register-page .reg-character-creator__control {
	display: grid;
	grid-template-columns: minmax(5.5rem, 34%) minmax(0, 1fr);
	align-items: center;
	gap: 0.4rem;
}

body.site-register-page .reg-character-creator__control-label {
	color: #e8d2a5;
	font-size: 0.82rem;
	font-weight: 600;
}

body.site-register-page .reg-character-creator__stepper {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr) 2rem;
	align-items: center;
	gap: 0.25rem;
	min-width: 0;
}

body.site-register-page .reg-character-creator__step-btn {
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 2rem;
	height: 1.65rem;
	border: 1px solid rgba(140, 110, 70, 0.55);
	border-radius: 5px;
	background: linear-gradient(180deg, rgba(42, 32, 22, 0.95) 0%, rgba(24, 18, 12, 0.98) 100%);
	color: #f0c878;
	font: inherit;
	font-size: 1rem;
	line-height: 1;
	transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

body.site-register-page .reg-character-creator__step-btn:hover:not(:disabled) {
	border-color: rgba(200, 160, 96, 0.8);
	background: linear-gradient(180deg, rgba(58, 42, 26, 0.98) 0%, rgba(32, 24, 16, 0.98) 100%);
	color: #ffd89a;
}

body.site-register-page .reg-character-creator__step-btn:disabled {
	cursor: not-allowed;
	opacity: 0.38;
}

body.site-register-page .reg-character-creator__step-value {
	display: block;
	min-width: 0;
	padding: 0.28rem 0.35rem;
	border-radius: 5px;
	border: 1px solid rgba(100, 78, 48, 0.45);
	background: rgba(0, 0, 0, 0.28);
	color: #f6f0e3;
	font-size: 0.8rem;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.site-register-page .reg-character-creator__control.is-disabled .reg-character-creator__control-label,
body.site-register-page .reg-character-creator__control.is-disabled .reg-character-creator__step-value {
	opacity: 0.55;
}

body.site-register-page .reg-character-creator__random-btn {
	cursor: pointer;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.4rem 0.65rem;
	border: 1px solid rgba(180, 140, 80, 0.65);
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(68, 48, 24, 0.98) 0%, rgba(38, 28, 16, 0.98) 100%);
	color: #ffd89a;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.1);
	transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

body.site-register-page .reg-character-creator__random-btn:hover {
	border-color: #d4a560;
	background: linear-gradient(180deg, rgba(88, 62, 32, 0.98) 0%, rgba(48, 34, 18, 0.98) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.16), 0 0 0 1px rgba(212, 165, 96, 0.15);
}

body.site-landing.site-register-page {
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	min-height: 100vh;
	min-height: 100dvh;
	max-height: none;
	background-color: #080605;
	background-image: none;
}

/*
 * Герой с register_bg: flex-grow заполняет пространство между nav и footer (фон до социконок).
 * Карточка остаётся компактной — контент прижат к верху (justify-content: flex-start ниже).
 */
body.site-register-page .site-hero.site-hero--register {
	flex: 1 0 auto !important;
	min-height: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	justify-content: flex-start;
	align-items: stretch;
	padding-top: max(0.5rem, env(safe-area-inset-top, 0px));
	padding-bottom: max(0.85rem, env(safe-area-inset-bottom, 0px));
}

body.site-register-page.has-page-bg .site-hero--register .site-hero__scrim {
	background:
		radial-gradient(ellipse 88% 52% at 50% 24%, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.22) 52%, transparent 76%),
		linear-gradient(180deg, rgba(6, 4, 3, 0.42) 0%, rgba(6, 4, 3, 0.12) 42%, rgba(6, 4, 3, 0.38) 100%);
}

.site-hero__content--register {
	max-width: min(var(--site-register-card-max, 885px), 100%);
	width: 100%;
	align-items: center;
	justify-content: center;
	align-self: center;
	text-align: left;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.75);
	flex: 0 1 auto;
	margin-left: auto;
	margin-right: auto;
}

/* Не центрировать карточку по вертикали внутри колонки героя — убирает «полотно» под блоком */
body.site-register-page .site-hero__content.site-hero__content--register {
	justify-content: flex-start !important;
	align-items: stretch !important;
}

body.site-register-page .site-hero__content--register .site-register-panel {
	text-shadow: none;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.site-register-panel {
	width: 100%;
	max-width: var(--site-register-card-max, 885px);
	min-width: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Карточка регистрации — тот же визуальный язык, что у #authPopup (тёмный блок, золотая кайма, поля как в модалке) */
body.site-register-page .site-register-panel__form.site-register-card.new-reg-main {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100% !important;
	/* 100% родителя (.site-register-panel в герое с полями и safe-area), без 100vw — меньше ложного горизонтального скролла на мобильных */
	max-width: min(var(--site-register-card-max, 885px), 100%);
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-radius: var(--landing-dock-radius);
	overflow: hidden;
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.75),
		0 0 0 1px rgba(200, 160, 96, 0.14),
		0 8px 32px rgba(0, 0, 0, 0.45);
	background: #0f0d0b !important;
	border: 1px solid var(--landing-dock-gold);
	box-sizing: border-box;
}

body.site-register-page .site-register-card__header {
	padding: 8px 16px;
	background: linear-gradient(180deg, rgba(42, 32, 24, 0.98) 0%, rgba(22, 17, 13, 0.98) 100%);
	border-bottom: 1px solid var(--landing-dock-gold);
	text-align: center;
	box-shadow: var(--landing-dock-inset-hi);
}

body.site-register-page .site-register-card__title {
	display: block;
	font-weight: 700;
	font-size: var(--nev-panel-title-size);
	line-height: var(--nev-panel-title-lh);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #ffd89a;
	text-shadow: none;
}

/*
 * Ободок .new-reg-flash: ~2px inset + border вокруг сцены (ширина --reg-canvas-width, высота --reg-canvas-height).
 * Не задаём height:100%/overflow на дочерние узлы Pixi — иначе блок регистрации пропадает.
 */
body.site-register-page .new-reg-flash {
	float: none !important;
	margin: 0 !important;
	margin-right: auto !important;
	padding: 2px;
	width: fit-content;
	max-width: min(100%, 495px);
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(160, 130, 90, 0.35);
	background:
		radial-gradient(ellipse 70% 55% at 50% 68%, rgba(32, 26, 18, 0.72) 0%, rgba(0, 0, 0, 0.38) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.05);
	display: block;
	box-sizing: border-box;
}

body.site-register-page #canvasReg {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
}

body.site-register-page #canvasReg canvas {
	display: block;
	position: relative;
	z-index: 1;
	width: var(--reg-canvas-width, 485px);
	height: var(--reg-canvas-height, 370px);
	max-width: 100%;
	margin: 0 !important;
	padding: 0;
	box-sizing: border-box;
}

body.site-register-page .site-register-card__canvas-col {
	float: none !important;
	max-width: 100%;
	min-width: 0;
	width: auto !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

body.site-register-page .site-register-card__fields-col {
	float: none !important;
	min-width: 0;
	max-width: 420px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

body.site-register-page .new-reg-form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	flex: 0 0 auto;
}

body.site-register-page .new-reg-form table {
	display: table !important;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

body.site-register-page .new-reg-form tr.site-register-card__field-row > td {
	padding: 2px 0 !important;
	vertical-align: top;
	width: 100%;
}

body.site-register-page .new-reg-form td.label {
	width: 35%;
	max-width: 160px;
	padding: 6px 12px 6px 0 !important;
	vertical-align: middle;
	font-family: inherit !important;
	font-size: var(--nev-text-label-size) !important;
	line-height: var(--nev-text-label-lh);
	color: #e8dcc8 !important;
}

body.site-register-page .new-reg-form td.label.label-red {
	color: #ffb088 !important;
}

body.site-register-page .new-reg-form td:not(.label) {
	vertical-align: middle;
	padding: 5px 0 !important;
}

body.site-register-page .new-reg-form .input-wrapper {
	position: relative !important;
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	box-sizing: border-box;
	display: block;
	overflow: visible !important;
}

body.site-register-page .new-reg-form .input-wrapper input {
	display: block;
	width: 100% !important;
	margin: 0 !important;
	padding: 7px 12px !important;
	min-height: 36px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid #9f7a45;
	background: linear-gradient(180deg, rgba(26, 21, 16, 0.98) 0%, rgba(13, 10, 8, 0.98) 100%);
	color: #f6f0e3;
	font-family: inherit !important;
	font-size: var(--nev-text-body-size) !important;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.06);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.site-register-page .new-reg-form .input-wrapper input::placeholder {
	color: rgba(232, 220, 200, 0.55);
	opacity: 1;
}

body.site-register-page .new-reg-form .input-wrapper input:hover {
	border-color: #b58a50;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.09);
}

body.site-register-page .new-reg-form .input-wrapper input:focus {
	outline: none;
	border-color: #d4a560;
	box-shadow: inset 0 1px 0 rgba(255, 229, 178, 0.12), 0 0 0 2px rgba(212, 165, 96, 0.2);
}

body.site-register-page .new-reg-form .input-wrapper input:-webkit-autofill,
body.site-register-page .new-reg-form .input-wrapper input:-webkit-autofill:hover,
body.site-register-page .new-reg-form .input-wrapper input:-webkit-autofill:focus {
	box-shadow: inset 0 0 0 48px rgba(26, 21, 16, 0.96) !important;
	-webkit-text-fill-color: #f6f0e3 !important;
	border-color: #9f7a45 !important;
}

body.site-register-page .new-reg-form .input-wrapper--password input {
	padding-right: 44px !important;
}

body.site-register-page .site-register-card__pw-toggle {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 6px;
	background: transparent;
	color: rgba(200, 170, 120, 0.85);
	cursor: pointer;
	box-sizing: border-box;
	transition: color 0.15s ease, background 0.15s ease;
}

body.site-register-page .site-register-card__pw-toggle:hover {
	color: #f0d9a8;
	background: rgba(255, 220, 160, 0.08);
}

body.site-register-page .site-register-card__pw-toggle:focus {
	outline: none;
}

body.site-register-page .site-register-card__pw-toggle:focus-visible {
	box-shadow: 0 0 0 2px rgba(212, 165, 96, 0.45);
	color: #ffd89a;
}

body.site-register-page .site-register-card__pw-toggle__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

body.site-register-page .site-register-card__pw-toggle__icon svg {
	display: block;
}

body.site-register-page .site-register-card__pw-toggle__icon--eye-off {
	display: none;
}

body.site-register-page .site-register-card__pw-toggle--revealed .site-register-card__pw-toggle__icon--eye {
	display: none;
}

body.site-register-page .site-register-card__pw-toggle--revealed .site-register-card__pw-toggle__icon--eye-off {
	display: flex;
}

body.site-register-page .new-reg-form .error {
	font-family: inherit !important;
	font-size: 0.82rem !important;
	line-height: 1.3;
	color: #ff9a8c !important;
	margin-bottom: 4px;
	min-height: 0;
}

body.site-register-page .new-reg-form .error:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

body.site-register-page .new-reg-form td.description {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	font-family: inherit !important;
	font-size: 0.82rem !important;
	line-height: 1.45;
	color: #b5a898 !important;
}

body.site-register-page .new-reg-form td.description p {
	margin: 0;
}

body.site-register-page .new-reg-form .nick-examples {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	max-width: 100%;
	margin-top: 10px;
	padding: 10px 12px !important;
	font-family: inherit !important;
	font-size: 0.85rem !important;
	line-height: 1.45;
	color: #e8dcc8 !important;
	background: rgba(40, 32, 24, 0.65) !important;
	border: 1px solid rgba(160, 130, 90, 0.35);
	border-radius: 8px;
	box-sizing: border-box;
}

/* Пустой блок подсказок по нику до первого ответа AJAX — не рисуем «фантомную» рамку */
body.site-register-page .new-reg-form .nick-examples:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	min-height: 0 !important;
	background: none !important;
}

body.site-register-page .new-reg-form .nick-examples .tbl-reg_error,
body.site-register-page .new-reg-form .nick-examples b {
	color: #ffb8a8 !important;
	font-weight: 700;
}

body.site-register-page .new-reg-form .nick-examples a.change_nick {
	color: #f0c878 !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.site-register-page .site-register-card__sep {
	height: 0;
	margin: 2px 0;
	border: none;
	border-top: 1px solid rgba(160, 130, 90, 0.35);
	background: none !important;
}

body.site-register-page .site-register-card__sep-row td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

body.site-register-page .site-register-card__refer-hint {
	font-size: 0.82rem !important;
	line-height: 1.4;
	color: #c9b8a0 !important;
	font-family: inherit !important;
}

body.site-register-page .site-register-card__refer-hint p {
	margin: 0.35em 0 0;
}

body.site-register-page .new-reg-agreement {
	clear: none;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	flex: none;
	padding: 8px 0 6px !important;
	box-sizing: border-box;
	font-family: inherit !important;
	font-size: 0.78rem !important;
	line-height: 1.48;
	color: #b8a994 !important;
	text-align: left;
	border-top: 1px solid rgba(160, 130, 90, 0.28);
	background: none;
}

body.site-register-page .new-reg-agreement a,
body.site-register-page .new-reg-agreement .tbl-mn_news-nextlink {
	touch-action: manipulation;
	color: #f0c878 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.site-register-page .new-reg-agreement a:hover {
	color: #ffe8b8 !important;
}

body.site-register-page .new-reg-agreement__intro {
	margin: 0 0 5px;
	padding: 0;
	font-size: 0.78rem;
	line-height: 1.48;
}

body.site-register-page .new-reg-agreement__list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: none;
	text-align: left;
	box-sizing: border-box;
}

body.site-register-page .new-reg-agreement__list li {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.48;
}

body.site-register-page .new-reg-agreement__list li + li {
	margin-top: 3px;
}

body.site-register-page .new-reg-agreement__error {
	margin: 4px 0 0 !important;
	text-align: left;
}

body.site-register-page .new-reg-agreement__check {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 8px 0 0;
	padding: 0;
	text-align: left;
	font-size: 0.78rem;
	line-height: 1.48;
	color: #d4c4a8 !important;
	cursor: pointer;
	box-sizing: border-box;
}

body.site-register-page .new-reg-agreement__check-text {
	flex: 0 1 auto;
	min-width: 0;
}

body.site-register-page .new-reg-agreement__check input[type="checkbox"] {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin: 1px 0 0;
	accent-color: #c9a060;
	cursor: pointer;
	vertical-align: middle;
}

body.site-register-page .site-register-card__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 0 0 2px;
	margin: 4px 0 0;
	box-sizing: border-box;
}

body.site-register-page .site-register-card__actions .site-register-card__submit.b-button-red-5,
body.site-register-page .site-register-card__actions .b-button-red-5 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	min-height: 42px;
	padding: 10px 16px;
	margin: 0;
	border: 1px solid rgba(220, 160, 80, 0.45);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%) !important;
	box-shadow: none;
	cursor: pointer;
	font-family: inherit;
	font-weight: 700;
	font-size: 0.95rem;
	box-sizing: border-box;
}

body.site-register-page .site-register-card__actions .b-button-red-5__inner {
	display: block;
	padding: 0 !important;
	background: none !important;
	color: #ffd89a !important;
	text-shadow: none !important;
	font-weight: inherit;
}

body.site-register-page .site-register-card__actions .b-button-red-5:hover {
	background: rgba(60, 48, 36, 0.92) !important;
	border-color: rgba(200, 160, 100, 0.55);
}

body.site-register-page .site-register-card__actions .b-button-red-5:hover .b-button-red-5__inner {
	color: #fff !important;
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled] {
	opacity: 1;
	pointer-events: none;
	cursor: not-allowed !important;
	background: linear-gradient(180deg, #4a4a4a 0%, #353535 100%) !important;
	border-color: rgba(120, 120, 120, 0.45) !important;
	box-shadow: none;
	filter: grayscale(0.35);
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled .b-button-red-5__inner,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled] .b-button-red-5__inner {
	color: #9a9a9a !important;
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled:hover,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled]:hover {
	background: linear-gradient(180deg, #4a4a4a 0%, #353535 100%) !important;
	border-color: rgba(120, 120, 120, 0.45) !important;
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled:hover .b-button-red-5__inner,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled]:hover .b-button-red-5__inner {
	color: #9a9a9a !important;
}

body.site-register-page .site-register-card__auto-pass {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 4px 0 2px;
	padding: 6px 8px;
	max-width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size: 0.85rem;
	line-height: 1.45;
	color: #c9b8a0 !important;
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid rgba(160, 130, 90, 0.22);
	background: rgba(40, 32, 24, 0.35);
}

body.site-register-page .site-register-card__auto-pass:hover {
	border-color: rgba(200, 160, 100, 0.35);
}

body.site-register-page .site-register-card__auto-pass input[type="checkbox"] {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: #c9a060;
	cursor: pointer;
}

body.site-register-page .site-register-card__auto-pass-text {
	flex: 1;
	min-width: 0;
}

body.site-register-page .site-register-card__footer.new-reg-foot {
	position: relative;
	height: auto !important;
	min-height: 0 !important;
	padding: 16px 18px 20px !important;
	margin: 0 !important;
	background: none !important;
	background-image: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-top: 1px solid rgba(160, 130, 90, 0.25);
}

body.site-register-page .site-register-card__footer .site-register-card__submit.b-button-red-5,
body.site-register-page .site-register-card__footer .b-button-red-5 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	min-height: 48px;
	padding: 12px 20px;
	margin: 0;
	border: 1px solid rgba(220, 160, 80, 0.45);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%) !important;
	box-shadow: none;
	cursor: pointer;
	font-family: inherit;
	font-weight: 700;
	font-size: 1rem;
	box-sizing: border-box;
}

body.site-register-page .site-register-card__footer .b-button-red-5__inner {
	display: block;
	padding: 0 !important;
	background: none !important;
	color: #ffd89a !important;
	text-shadow: none !important;
	font-weight: inherit;
}

body.site-register-page .site-register-card__footer .b-button-red-5:hover {
	background: rgba(60, 48, 36, 0.92) !important;
	border-color: rgba(200, 160, 100, 0.55);
}

body.site-register-page .site-register-card__footer .b-button-red-5:hover .b-button-red-5__inner {
	color: #fff !important;
}

body.site-register-page .site-register-card__footer .b-button-red-5:disabled,
body.site-register-page .site-register-card__footer .b-button-red-5[disabled] {
	opacity: 1;
	pointer-events: none;
	cursor: not-allowed !important;
	background: linear-gradient(180deg, #4a4a4a 0%, #353535 100%) !important;
	border-color: rgba(120, 120, 120, 0.45) !important;
	box-shadow: none;
	filter: grayscale(0.35);
}

body.site-register-page .site-register-card__footer .b-button-red-5:disabled .b-button-red-5__inner,
body.site-register-page .site-register-card__footer .b-button-red-5[disabled] .b-button-red-5__inner {
	color: #9a9a9a !important;
}

body.site-register-page .site-register-card__footer .b-button-red-5:disabled:hover,
body.site-register-page .site-register-card__footer .b-button-red-5[disabled]:hover {
	background: linear-gradient(180deg, #4a4a4a 0%, #353535 100%) !important;
	border-color: rgba(120, 120, 120, 0.45) !important;
}

body.site-register-page .site-register-card__footer .b-button-red-5:disabled:hover .b-button-red-5__inner,
body.site-register-page .site-register-card__footer .b-button-red-5[disabled]:hover .b-button-red-5__inner {
	color: #9a9a9a !important;
}

/*
 * Регистрация: раньше тянули face.css + inline #register-tight-layout. Всё в одном месте;
 * префикс html.site-register-html — выше специфичность, чем у мусорных float/width из прочих стилей.
 * Классы tbl-reg_* вешает JS на #nick_examples.
 */
html.site-register-html body.site-register-page form.site-register-card.new-reg-main {
	width: 100%;
	max-width: min(var(--site-register-card-max, 885px), 100%);
	min-width: 0;
}

html.site-register-html body.site-register-page .site-register-card__body.new-reg-sides {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	background-image: none !important;
	min-height: 0 !important;
}

/*
 * register.php — порядок внутри карточки:
 * .site-register-card__stage: подложка; двухколоночный split.
 * .site-register-card__split: grid «канвас слева | поля справа».
 * Согласие и кнопка — в .site-register-card__fields-col под полями формы.
 */
html.site-register-html body.site-register-page .site-register-card__stage {
	padding: 6px 8px 8px !important;
	background: linear-gradient(180deg, #1a1612 0%, #100e0c 100%) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	row-gap: 0 !important;
	float: none !important;
	width: 100% !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
}

html.site-register-html body.site-register-page .site-register-card__split {
	display: grid !important;
	grid-template-columns: minmax(0, max-content) minmax(200px, min(420px, 1fr)) !important;
	grid-template-rows: auto !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	justify-content: start !important;
	column-gap: 10px !important;
	row-gap: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/*
 * Сброс глобальных «чужих» правил (AdminLTE .left-side и т.п. не используем).
 */
body.site-register-page .site-register-card__canvas-col,
body.site-register-page .site-register-card__fields-col {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	z-index: auto !important;
	padding-top: 0 !important;
}

html.site-register-html body.site-register-page .site-register-card__canvas-col,
html.site-register-html body.site-register-page .site-register-card__fields-col {
	float: none !important;
	position: relative !important;
}

html.site-register-html body.site-register-page .site-register-card__split .site-register-card__canvas-col {
	grid-column: 1 !important;
	grid-row: 1 !important;
	justify-self: start !important;
	align-self: start !important;
	width: auto !important;
	max-width: min(100%, 501px) !important;
	min-width: 0 !important;
}

html.site-register-html body.site-register-page .site-register-card__split .site-register-card__fields-col {
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: stretch !important;
	align-self: stretch !important;
	min-width: 0 !important;
	max-width: min(420px, 100%) !important;
	width: 100% !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
}

html.site-register-html body.site-register-page .new-reg-flash {
	margin-left: 0 !important;
	margin-right: auto !important;
}

html.site-register-html body.site-register-page .new-reg-form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.site-register-page .tbl-reg_error {
	color: #f05252 !important;
	font-weight: 600;
}

body.site-register-page #nick_examples.tbl-reg_bg-light,
body.site-register-page .nick-examples.tbl-reg_bg-light {
	background-color: rgba(55, 46, 38, 0.92);
	background-image: none !important;
	font-family: inherit !important;
	font-size: 0.82rem !important;
	line-height: 1.35;
	padding: 8px 10px !important;
	border-radius: 6px;
	color: #e8dcc8 !important;
}

body.site-register-page #nick_examples.tbl-reg_brd-all,
body.site-register-page .nick-examples.tbl-reg_brd-all {
	border: 1px solid rgba(200, 160, 100, 0.42) !important;
	box-sizing: border-box;
}

body.site-register-page #nick_examples .change_nick {
	color: #f0c878 !important;
	text-decoration: underline;
}

/* Узкий экран — одна колонка; порог ниже, чтобы планшет/узкий десктоп оставались в два столбца */
@media (max-width: 600px) {
	html.site-register-html body.site-register-page .site-register-card__stage {
		row-gap: 10px !important;
		padding: 8px 10px !important;
	}

	html.site-register-html body.site-register-page .site-register-card__split {
		grid-template-columns: minmax(0, 1fr) !important;
		column-gap: 0 !important;
		row-gap: 12px !important;
		width: 100% !important;
	}

	html.site-register-html body.site-register-page .site-register-card__split .site-register-card__canvas-col {
		grid-column: 1 !important;
		grid-row: 1 !important;
		justify-self: center !important;
		max-width: 100% !important;
	}

	body.site-register-page .site-register-card__canvas-col {
		align-items: center !important;
	}

	html.site-register-html body.site-register-page .site-register-card__split .site-register-card__fields-col {
		grid-column: 1 !important;
		grid-row: 2 !important;
		max-width: 100% !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	html.site-register-html body.site-register-page .new-reg-flash {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.site-register-page .new-reg-flash {
		margin-left: auto !important;
		margin-right: auto !important;
		min-height: 0;
		min-width: 0;
		width: 100%;
		max-width: 100%;
		padding: 2px;
	}

	body.site-register-page #canvasReg canvas {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 485 / 370;
	}
}

@media (max-width: 520px) {
	body.site-register-page .new-reg-form td.label {
		width: 42% !important;
		max-width: none;
		font-size: 0.82rem !important;
		padding-right: 8px !important;
	}

	body.site-register-page .new-reg-form .input-wrapper input {
		font-size: 16px !important;
	}
}

/* --- Форум: лендинг-стиль (чистая разметка .forum-nev-*) --- */
/* Registration image overlay: coordinates are percentages of register_window.webp (960x763). */
html.site-register-html body.site-register-page {
	--reg-overlay-aspect: 960 / 763;
	--reg-overlay-max: min(960px, calc(100vw - 24px));
}

html.site-register-html body.site-register-page .site-hero.site-hero--register {
	padding-top: clamp(8px, 1.2vh, 18px);
	padding-bottom: clamp(8px, 1.5vh, 20px);
}

html.site-register-html body.site-register-page .site-hero__content--register,
html.site-register-html body.site-register-page .site-register-panel {
	width: var(--reg-overlay-max);
	max-width: var(--reg-overlay-max);
}

html.site-register-html body.site-register-page form.site-register-card.new-reg-main {
	position: relative;
	display: block;
	width: var(--reg-overlay-max) !important;
	max-width: var(--reg-overlay-max);
	aspect-ratio: var(--reg-overlay-aspect);
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: visible;
	background: transparent !important;
	box-shadow: none;
}

body.site-register-page .site-register-card__art {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	border: 0;
	pointer-events: none;
	user-select: none;
}

html.site-register-html body.site-register-page .site-register-card__header {
	display: none;
}

html.site-register-html body.site-register-page .site-register-card__body.new-reg-sides,
html.site-register-html body.site-register-page .site-register-card__stage,
html.site-register-html body.site-register-page .site-register-card__split {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html.site-register-html body.site-register-page .site-register-card__canvas-col,
html.site-register-html body.site-register-page .site-register-card__fields-col {
	position: static !important;
	display: contents !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	padding: 0 !important;
}

body.site-register-page .reg-character-creator {
	position: absolute;
	left: 6.67%;
	top: 11.53%;
	width: 42.6%;
	height: 80.6%;
	display: block;
	max-width: none;
	gap: 0;
}

body.site-register-page .reg-character-creator__preview {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 46.8%;
	min-height: 0;
}

body.site-register-page .new-reg-flash {
	width: 100% !important;
	max-width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	overflow: hidden;
}

body.site-register-page #canvasReg,
body.site-register-page #canvasReg canvas {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	aspect-ratio: auto;
}

body.site-register-page #canvasReg canvas {
	transform: translateY(5.2%);
	transform-origin: 50% 100%;
}

body.site-register-page .reg-character-creator__panel {
	position: static;
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.site-register-page .reg-character-creator__race {
	position: absolute;
	left: 0;
	top: 48.2%;
	width: 100%;
	height: 5.8%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.6%;
	margin: 0;
}

body.site-register-page .reg-character-creator__race-btn,
body.site-register-page .reg-character-creator__random-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #f3ddb1 !important;
	font-size: clamp(5px, 1.28vw, 16px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 2px #000;
}

body.site-register-page .reg-character-creator__race-btn,
body.site-register-page .reg-character-creator__random-btn {
	color: transparent !important;
	font-size: 0;
	text-shadow: none !important;
	user-select: none;
	-webkit-user-select: none;
}

body.site-register-page .reg-character-creator__race-btn:hover,
body.site-register-page .reg-character-creator__race-btn.is-active,
body.site-register-page .reg-character-creator__random-btn:hover {
	background: rgba(120, 55, 12, 0.16);
	box-shadow: inset 0 0 18px rgba(255, 130, 28, 0.12);
}

body.site-register-page .reg-character-creator__race-desc {
	position: absolute;
	left: 0;
	top: 55.3%;
	width: 100%;
	height: 7.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 4%;
	border: 0;
	background: transparent;
	color: #ffd98f !important;
	font-size: clamp(4px, 1vw, 13px);
	line-height: 1.18;
	text-align: center;
	text-shadow: 0 1px 2px #000;
	overflow: hidden;
	box-sizing: border-box;
}

body.site-register-page .reg-character-creator__controls {
	position: absolute;
	left: 0;
	top: 64.4%;
	width: 100%;
	height: 25.4%;
	display: block;
	margin: 0;
	padding: 0;
}

body.site-register-page .reg-character-creator__control {
	position: absolute;
	left: 0;
	width: 100%;
	height: 17.9%;
	display: block;
	min-height: 0;
}

body.site-register-page .reg-character-creator__control:nth-child(1) { top: 0; }
body.site-register-page .reg-character-creator__control:nth-child(2) { top: 20.4%; }
body.site-register-page .reg-character-creator__control:nth-child(3) { top: 40.8%; }
body.site-register-page .reg-character-creator__control:nth-child(4) { top: 61.2%; }
body.site-register-page .reg-character-creator__control:nth-child(5) { top: 81.6%; }

body.site-register-page .reg-character-creator__control-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 28.8%;
	height: 100%;
	display: none;
	align-items: center;
	justify-content: flex-start;
	color: #f3ddb1 !important;
	font-size: clamp(4px, 1.05vw, 15px);
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 1px 2px #000;
	user-select: none;
}

body.site-register-page .reg-character-creator__stepper {
	position: absolute;
	left: 31.4%;
	top: 0;
	width: 68.6%;
	height: 100%;
	display: grid;
	grid-template-columns: 12.4% 1fr 12.4%;
	gap: 2%;
}

body.site-register-page .reg-character-creator__step-btn,
body.site-register-page .reg-character-creator__step-value {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 2px #000;
}

body.site-register-page .reg-character-creator__step-btn:hover,
body.site-register-page .reg-character-creator__step-btn:focus,
body.site-register-page .reg-character-creator__step-btn:active {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px rgba(255, 178, 74, 0.42), 0 0 8px rgba(255, 128, 24, 0.18) !important;
	outline: 0;
}

body.site-register-page .reg-character-creator__step-btn {
	color: transparent !important;
	font-size: 0;
	text-shadow: none !important;
	user-select: none;
	-webkit-user-select: none;
}

body.site-register-page .reg-character-creator__step-btn:last-child {
	position: relative;
	left: -28%;
}

body.site-register-page .reg-character-creator__step-value {
	color: #fff2d2 !important;
	font-size: clamp(4px, 1.14vw, 15px);
}

body.site-register-page .reg-character-creator__random-btn {
	position: absolute;
	left: 0;
	top: 91.6%;
	height: 6.4%;
	font-size: 0;
}

body.site-register-page .new-reg-form,
body.site-register-page .new-reg-form table,
body.site-register-page .new-reg-form tbody {
	display: block !important;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	background: transparent !important;
}

body.site-register-page .new-reg-form tr.site-register-card__field-row {
	position: absolute;
	left: 52.5%;
	width: 40.55%;
	height: 4.85%;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.site-register-page .new-reg-form tr.site-register-card__field-row:has(#Email) { top: 14.55%; }
body.site-register-page .new-reg-form tr.site-register-card__field-row:has(#Pass) { top: 21.1%; }
body.site-register-page .new-reg-form tr.site-register-card__field-row:has(#Pass2) { top: 27.8%; }
body.site-register-page .new-reg-form tr.site-register-card__field-row:has(#nick) { top: 34.35%; }
body.site-register-page .new-reg-form tr.site-register-card__field-row:has(#code) { top: 40.9%; }

body.site-register-page .new-reg-form tr.site-register-card__field-row.site-register-card__field-row--auto-pass {
	top: 48.1%;
	height: 5.45%;
}

body.site-register-page .new-reg-form tr.site-register-card__field-row > td,
body.site-register-page .new-reg-form .input-wrapper {
	display: block !important;
	position: relative;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box;
}

body.site-register-page .new-reg-form .input-wrapper input {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 8% 0 6% !important;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: #f4d7a5;
	font-size: clamp(5px, 1.18vw, 16px) !important;
	line-height: 1;
}

body.site-register-page .new-reg-form .input-wrapper--password input {
	padding-right: 12% !important;
}

body.site-register-page .new-reg-form .input-wrapper input::placeholder {
	color: rgba(238, 205, 156, 0.78);
}

body.site-register-page .new-reg-form .input-wrapper input:hover,
body.site-register-page .new-reg-form .input-wrapper input:focus {
	background: rgba(42, 18, 3, 0.2) !important;
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(255, 181, 75, 0.35) !important;
}

body.site-register-page .site-register-card__pw-toggle {
	right: 1.2%;
	top: 50%;
	width: 10%;
	height: 90%;
	color: #caa96f;
	transform: translateY(-50%);
}

body.site-register-page .site-register-card__pw-toggle__icon svg {
	width: clamp(12px, 1.8vw, 20px);
	height: clamp(12px, 1.8vw, 20px);
}

body.site-register-page .new-reg-form .error:not(:empty),
body.site-register-page .new-reg-form .nick-examples:not(:empty) {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: calc(100% + 2px) !important;
	z-index: 4;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	border: 0 !important;
}

body.site-register-page .site-register-card__sep-row {
	display: none !important;
}

body.site-register-page .site-register-card__auto-pass {
	position: absolute;
	inset: 0;
	display: block;
	margin: 0;
	padding: 0 1.5%;
	border: 0;
	background: transparent;
	color: #d9bd88 !important;
	font-size: clamp(4px, 0.88vw, 12px);
	line-height: 1.2;
	cursor: pointer;
	box-sizing: border-box;
}

body.site-register-page .site-register-card__auto-pass input[type="checkbox"] {
	position: absolute !important;
	left: 1.5% !important;
	top: 22%;
	z-index: 3;
	width: clamp(8px, 1.45vw, 15px);
	height: clamp(8px, 1.45vw, 15px);
	margin: 0;
	opacity: 0;
	accent-color: #d59b45;
	cursor: pointer;
	pointer-events: none;
}

body.site-register-page .site-register-card__auto-pass .jq-checkbox {
	position: absolute !important;
	left: 1.5% !important;
	top: 22% !important;
	z-index: 2;
	display: block !important;
	width: clamp(8px, 1.45vw, 15px) !important;
	height: clamp(8px, 1.45vw, 15px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #bd7437 !important;
	background: rgba(44, 14, 4, 0.72) !important;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 1px rgba(255, 190, 92, 0.18), 0 0 5px rgba(255, 112, 28, 0.16);
	cursor: pointer;
	pointer-events: auto;
}

body.site-register-page .site-register-card__auto-pass .jq-checkbox span {
	position: absolute;
	display: none;
	left: 24%;
	top: 7%;
	width: 46%;
	height: 72%;
	border-right: 2px solid #ffd38a;
	border-bottom: 2px solid #ffd38a;
	transform: rotate(42deg);
	filter: drop-shadow(0 0 3px rgba(255, 126, 24, 0.7));
}

body.site-register-page .site-register-card__auto-pass .jq-checkbox.checked span {
	display: block;
}

body.site-register-page .site-register-card__auto-pass-text,
body.site-register-page .new-reg-agreement__check-text {
	flex: 1 1 auto;
	min-width: 0;
	color: #d9bd88 !important;
	text-shadow: 0 1px 2px #000;
}

body.site-register-page .site-register-card__auto-pass-text {
	display: block;
	padding-left: 6.2%;
}

body.site-register-page .new-reg-agreement {
	position: absolute;
	left: 52.5%;
	top: 53.9%;
	width: 40.55% !important;
	height: 17.8%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	background: transparent;
	color: #d9bd88 !important;
	font-size: clamp(4px, 0.9vw, 12px) !important;
	line-height: 1.35;
	overflow: visible;
}

body.site-register-page .new-reg-agreement__intro {
	margin: 0 0 1.2%;
	color: #d8bd90 !important;
	font-size: clamp(4px, 0.9vw, 12px);
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
	text-shadow: 0 1px 2px #000;
}

body.site-register-page .new-reg-agreement__list {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #edc779 !important;
	text-align: left;
	width: max-content;
	max-width: 100%;
}

body.site-register-page .new-reg-agreement__list li {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.45;
	text-align: left;
}

body.site-register-page .new-reg-agreement__list li + li {
	margin-top: 0.6%;
}

body.site-register-page .new-reg-agreement a,
body.site-register-page .new-reg-agreement .tbl-mn_news-nextlink {
	color: #ffd06f !important;
	font-size: inherit !important;
	font-weight: 700;
	line-height: inherit !important;
	text-decoration: underline;
	text-decoration-color: rgba(255, 208, 111, 0.82);
	text-underline-offset: 2px;
	text-shadow: 0 1px 2px #000, 0 0 6px rgba(255, 156, 38, 0.22);
}

body.site-register-page .new-reg-agreement b {
	font-size: inherit !important;
	line-height: inherit !important;
}

body.site-register-page .new-reg-agreement__check {
	position: absolute;
	left: 0;
	top: 64%;
	width: 100%;
	height: 24%;
	display: block;
	margin: 0;
	padding: 0 1.5%;
	color: #d9bd88 !important;
	font-size: clamp(4px, 0.88vw, 12px);
	line-height: 1.2;
	box-sizing: border-box;
}

body.site-register-page .new-reg-agreement__check input[type="checkbox"] {
	position: absolute !important;
	left: 1.5% !important;
	top: 24%;
	z-index: 3;
	width: clamp(8px, 1.45vw, 15px);
	height: clamp(8px, 1.45vw, 15px);
	margin: 0;
	opacity: 0;
	accent-color: #d59b45;
	cursor: pointer;
	pointer-events: none;
}

body.site-register-page .new-reg-agreement__check .jq-checkbox {
	position: absolute !important;
	left: 1.5% !important;
	top: 24% !important;
	z-index: 2;
	display: block !important;
	width: clamp(8px, 1.45vw, 15px) !important;
	height: clamp(8px, 1.45vw, 15px) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #bd7437 !important;
	background: rgba(44, 14, 4, 0.72) !important;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 1px rgba(255, 190, 92, 0.18), 0 0 5px rgba(255, 112, 28, 0.16);
	cursor: pointer;
	pointer-events: auto;
}

body.site-register-page .new-reg-agreement__check .jq-checkbox span {
	position: absolute;
	display: none;
	left: 24%;
	top: 7%;
	width: 46%;
	height: 72%;
	border-right: 2px solid #ffd38a;
	border-bottom: 2px solid #ffd38a;
	transform: rotate(42deg);
	filter: drop-shadow(0 0 3px rgba(255, 126, 24, 0.7));
}

body.site-register-page .new-reg-agreement__check .jq-checkbox.checked span {
	display: block;
}

body.site-register-page .new-reg-agreement__check-text {
	display: block;
	padding-left: 6.2%;
	padding-top: 2.1%;
}

body.site-register-page .site-register-card__error-summary {
	position: absolute;
	left: 52.5%;
	top: 70.8%;
	z-index: 3;
	display: none;
	width: 40.55%;
	height: 8.3%;
	margin: 0;
	padding: 1.2% 1.6%;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid rgba(189, 85, 42, 0.62);
	border-radius: 4px;
	background: linear-gradient(180deg, rgba(38, 8, 3, 0.9), rgba(14, 5, 2, 0.88));
	box-shadow: inset 0 0 12px rgba(255, 105, 28, 0.1), 0 0 10px rgba(0, 0, 0, 0.44);
	color: #ffc4a6;
	font-size: clamp(4px, 0.86vw, 11px);
	line-height: 1.25;
	text-shadow: 0 1px 2px #000;
}

body.site-register-page .site-register-card__error-summary.is-visible {
	display: block;
}

body.site-register-page .site-register-card__error-summary-item {
	margin: 0 0 0.7%;
	padding: 0;
}

body.site-register-page .site-register-card__error-summary-nicks {
	margin: 0;
	padding: 0;
	color: #ffc4a6;
	font-size: inherit;
	line-height: 1.25;
}

body.site-register-page .site-register-card__error-summary-nicks .tbl-reg_error {
	display: block;
	margin: 0 0 0.7%;
	color: #ffb191;
	font-weight: 700;
}

body.site-register-page .site-register-card__error-summary-nicks div {
	display: inline-block;
	margin: 0 2.4% 0 0;
	color: #d9bd88;
}

body.site-register-page .site-register-card__error-summary a,
body.site-register-page .site-register-card__error-summary .change_nick {
	color: #ffd07a !important;
	text-decoration: underline;
	text-decoration-color: rgba(255, 208, 122, 0.65);
	text-underline-offset: 2px;
}

body.site-register-page .site-register-card__actions {
	position: absolute;
	left: 54.6%;
	top: 80.55%;
	width: 36.25%;
	height: 10.25%;
	display: block;
	margin: 0;
	padding: 0;
}

body.site-register-page .site-register-card__actions .site-register-card__submit.b-button-red-5,
body.site-register-page .site-register-card__actions .b-button-red-5 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent url("/portal/images/reg_but_wind_aktiv.webp") center center / 100% 100% no-repeat !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0;
	text-align: center;
	text-shadow: none !important;
	cursor: pointer;
}

body.site-register-page .site-register-card__actions .b-button-red-5__inner {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

body.site-register-page .site-register-card__actions .b-button-red-5:hover:not(:disabled) {
	filter: brightness(1.07) saturate(1.08);
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled] {
	background-image: url("/portal/images/reg_but_wind_inaktiv.webp") !important;
	cursor: default;
	filter: none;
}

body.site-register-page .site-register-card__actions .b-button-red-5:disabled .b-button-red-5__inner,
body.site-register-page .site-register-card__actions .b-button-red-5[disabled] .b-button-red-5__inner {
	color: transparent !important;
}

body.forum-nev-page .site-hero {
	padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}

body.forum-nev-page .site-hero__scrim {
	background: transparent;
}

body.forum-nev-page .site-hero__content {
	align-items: stretch;
	justify-content: flex-start;
	padding: 0;
	display: block;
	overflow: visible;
}

/* Как у библиотеки: body.library-nev-page .library-nev-hero-content / .library-nev-layout */
body.forum-nev-page .forum-nev-hero-content {
	width: 100%;
	max-width: 1280px;
	margin-inline: auto;
	box-sizing: border-box;
	padding-left: max(clamp(10px, 2.8vw, 28px), env(safe-area-inset-left, 0px));
	padding-right: max(clamp(10px, 2.8vw, 28px), env(safe-area-inset-right, 0px));
	padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
}

body.forum-nev-page .forum-nev-shell {
	width: 100%;
	max-width: none;
	margin: 0;
}

body.forum-nev-page .forum-nev-layout {
	width: 100%;
	max-width: none;
	margin: 0;
	display: grid;
	grid-template-columns: minmax(clamp(200px, 22vw, 300px), 300px) minmax(0, 1fr);
	gap: clamp(10px, 1.5vw, 16px);
	align-items: start;
}

body.forum-nev-page .forum-nev-sidebar {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
}

body.forum-nev-page .forum-nev-main {
	min-width: 0;
}

body.forum-nev-page .forum-nev-panel {
	background: linear-gradient(180deg, rgba(30, 22, 16, 0.9) 0%, rgba(14, 11, 8, 0.92) 100%);
	border: 1px solid rgba(200, 160, 90, 0.42);
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

/* Список тем / форма: без внутреннего клип-скролла у панели — рефералы и др. с .forum-nev-panel без --topics по-прежнему overflow:hidden */
body.forum-nev-page .forum-nev-panel.forum-nev-panel--topics {
	overflow: visible;
}

body.forum-nev-page .forum-nev-panel__title {
	margin: 0;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(200, 160, 90, 0.28);
	font-size: var(--nev-panel-title-size);
	line-height: var(--nev-panel-title-lh);
	font-weight: 700;
	color: #f2d8a2;
	line-height: 1.3;
}

/* Группы в сайдбаре: разметка library-nev-* (стили в library_nev.css) */

body.forum-nev-page .forum-nev-panel__body {
	padding: 12px;
	min-width: 0;
}

/*
 * Форум: адаптив по ширине (ноутбук / планшет / телефон) — логика как у library_nev.css.
 */
body.site-landing.forum-nev-page {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

@media (max-width: 1100px) {
	body.forum-nev-page .forum-nev-layout {
		width: 100%;
		max-width: 100%;
		display: block;
		box-sizing: border-box;
	}

	body.forum-nev-page .forum-nev-sidebar,
	body.forum-nev-page .forum-nev-main {
		width: auto;
		flex: none;
	}

	body.forum-nev-page .forum-nev-sidebar {
		margin-bottom: 12px;
	}

	body.forum-nev-page .library-nev-sidebar .library-nev-cat-link {
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}
}

@media (min-width: 761px) and (max-width: 1100px) {
	body.forum-nev-page .b-common-typography {
		font-size: 14px;
		line-height: 1.52;
	}

	body.forum-nev-page .forum-nev-panel__body {
		padding: clamp(12px, 2vw, 16px);
	}

	body.forum-nev-page .forum-nev-panel__title {
		font-size: clamp(0.95rem, 0.4vw + 0.85rem, 1.05rem);
	}
}

@media (max-width: 760px) {
	body.forum-nev-page .forum-nev-hero-content {
		padding-top: 6px;
	}

	body.forum-nev-page .b-common-typography {
		font-size: 14px;
		line-height: 1.45;
	}
}

@media (min-width: 481px) and (max-width: 760px) {
	body.forum-nev-page .b-common-typography {
		font-size: 14px;
		line-height: 1.48;
	}
}

@media (max-width: 480px) {
	body.forum-nev-page .forum-nev-hero-content {
		padding-left: max(clamp(8px, 3vw, 14px), env(safe-area-inset-left, 0px));
		padding-right: max(clamp(8px, 3vw, 14px), env(safe-area-inset-right, 0px));
	}

	body.forum-nev-page .forum-nev-panel__body {
		padding: 10px;
	}
}

/*
 * Просмотр одной темы: внутренняя прокрутка справа, только если контент выше окна.
 * Высота дорожки скроллбара = высоте видимой области; «ползунок» — как в ОС (доля контента).
 */
body.forum-nev-page.forum-nev-page--topic-view {
	--forum-topic-scroll-max: calc(100vh - 11rem);
	--forum-topic-scroll-max: calc(100dvh - 11rem);
}

@media (max-width: 1024px) {
	body.forum-nev-page.forum-nev-page--topic-view {
		--forum-topic-scroll-max: calc(100vh - 13rem);
		--forum-topic-scroll-max: calc(100dvh - 13rem);
	}
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	max-height: var(--forum-topic-scroll-max);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	min-width: 0;
	scrollbar-width: thin;
	scrollbar-color: var(--nev-scrollbar-color-thumb) var(--nev-scrollbar-color-track);
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll:focus-visible {
	outline: 2px solid rgba(240, 190, 110, 0.65);
	outline-offset: 2px;
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll::-webkit-scrollbar {
	width: 10px;
	background: var(--nev-scrollbar-bg);
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll::-webkit-scrollbar-track {
	background: var(--nev-scrollbar-color-track);
	border-radius: 6px;
	margin: 4px 0;
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll::-webkit-scrollbar-thumb {
	background: var(--nev-scrollbar-thumb);
	border-radius: 6px;
	border: 1px solid var(--nev-scrollbar-border);
	box-shadow: var(--nev-scrollbar-inset);
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll::-webkit-scrollbar-thumb:hover {
	background: var(--nev-scrollbar-thumb-hover);
	border-color: var(--nev-scrollbar-border-hover);
}

body.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

/* Форум: формы ответа / новой темы / редактирования */
body.forum-nev-page .forum-nev-form {
	margin-top: 12px;
	text-align: left;
}

body.forum-nev-page .forum-nev-form--boxed {
	margin-top: 12px;
	background: linear-gradient(180deg, rgba(26, 19, 14, 0.92) 0%, rgba(12, 10, 8, 0.96) 100%);
	border: 1px solid rgba(200, 160, 90, 0.34);
	border-radius: 10px;
	padding: 12px 14px 14px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

body.forum-nev-page .forum-nev-form--boxed .forum-nev-form {
	margin-top: 0;
}

body.forum-nev-page .forum-nev-form__heading {
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(200, 160, 90, 0.22);
	font-size: var(--nev-panel-title-size);
	line-height: var(--nev-panel-title-lh);
	font-weight: 700;
	color: #f2d8a2;
	text-align: left;
}

body.forum-nev-page .forum-nev-form__row {
	display: grid;
	grid-template-columns: minmax(100px, 140px) minmax(0, 1fr);
	gap: 10px 14px;
	align-items: start;
	margin-bottom: 10px;
}

/* Название темы / текст сообщения: плейсхолдер вместо подписи, поле на всю ширину */
body.forum-nev-page .forum-nev-form__row--topic-title,
body.forum-nev-page .forum-nev-form__row--message {
	display: block;
	margin-bottom: 10px;
}

body.forum-nev-page .forum-nev-form__row--topic-title .forum-nev-form__control,
body.forum-nev-page .forum-nev-form__row--message .forum-nev-form__control {
	width: 100%;
	min-width: 0;
}

body.forum-nev-page .forum-nev-sr-only {
	position: absolute !important;
	left: -10000px !important;
	top: 0 !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
}

@media (max-width: 560px) {
	body.forum-nev-page .forum-nev-form__row:not(.forum-nev-form__row--message):not(.forum-nev-form__row--topic-title) {
		grid-template-columns: 1fr;
	}
}

body.forum-nev-page .forum-nev-form__control {
	min-width: 0;
}

body.forum-nev-page .forum-nev-form__input.gui-input,
body.forum-nev-page .forum-nev-form__textarea.gui-textarea {
	width: 100%;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid rgba(200, 160, 90, 0.35) !important;
	background: rgba(8, 6, 5, 0.75) !important;
	color: #f5e6cc !important;
	font-family: inherit;
	font-size: var(--nev-text-body-size);
	padding: 10px 12px;
	outline: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.forum-nev-page .forum-nev-form__textarea.gui-textarea {
	min-height: 140px;
	resize: vertical;
	line-height: 1.45;
}

body.forum-nev-page .forum-nev-form__input.gui-input:focus,
body.forum-nev-page .forum-nev-form__textarea.gui-textarea:focus {
	border-color: rgba(240, 185, 100, 0.55) !important;
	box-shadow: 0 0 0 2px rgba(200, 140, 60, 0.2);
}

body.forum-nev-page .forum-nev-form__input.gui-input::placeholder,
body.forum-nev-page .forum-nev-form__textarea.gui-textarea::placeholder {
	color: rgba(200, 175, 140, 0.55);
	opacity: 1;
}

/* gui_styled оборачивает textarea в .textarea-styled и рисует «старую» рамку из PNG — убираем */
body.forum-nev-page .forum-nev-form .textarea-styled {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
	background: transparent !important;
	box-sizing: border-box;
}

body.forum-nev-page .forum-nev-form .textarea-styled [class*="textarea-styled__"] {
	display: none !important;
}

body.forum-nev-page .forum-nev-form .textarea-styled textarea {
	min-width: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

body.forum-nev-page .forum-nev-form .textarea-styled.hover textarea,
body.forum-nev-page .forum-nev-form .textarea-styled.focus textarea {
	background: rgba(10, 8, 6, 0.92) !important;
}

/* То же для поля названия темы (.ff__input-wrap из gui/input.png) */
body.forum-nev-page .forum-nev-form .ff__input-wrap,
body.forum-nev-page .forum-nev-form .ff__input-wrap-inner {
	background: none !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: unset !important;
}

body.forum-nev-page .forum-nev-form .ff__input-wrap-input {
	height: auto !important;
	margin: 0 !important;
	position: relative !important;
}

body.forum-nev-page .forum-nev-form .ff__input-wrap input {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 44px !important;
	padding: 10px 12px !important;
	font: inherit !important;
	font-size: var(--nev-text-body-size) !important;
	color: #f5e6cc !important;
	border-radius: 8px !important;
	border: 1px solid rgba(200, 160, 90, 0.35) !important;
	background: rgba(8, 6, 5, 0.75) !important;
}

body.forum-nev-page .forum-nev-form .ff__input-wrap.hover,
body.forum-nev-page .forum-nev-form .ff__input-wrap.focus {
	background: none !important;
}

body.forum-nev-page .forum-nev-form .ff__input-wrap.hover input,
body.forum-nev-page .forum-nev-form .ff__input-wrap.focus input {
	border-color: rgba(240, 185, 100, 0.55) !important;
	box-shadow: 0 0 0 2px rgba(200, 140, 60, 0.2);
}

/* Forum Phase 1.2 — smile popup grid only (toolbar button opens panel) */
body.forum-nev-page .forum-smile-picker {
	position: relative;
	z-index: 1;
}

body.forum-nev-page .forum-smile-picker--panel-only,
body.forum-nev-page .forum-smile-picker--cke-active {
	height: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
}

body.forum-nev-page .forum-smile-picker__panel {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	z-index: 90;
	min-width: 220px;
	max-width: min(320px, calc(100vw - 16px));
	padding: 8px;
	border-radius: 6px;
	border: 1px solid rgba(186, 145, 82, 0.62);
	background: linear-gradient(180deg, #2a1c12 0%, #1a1310 100%);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 228, 182, 0.06);
	box-sizing: border-box;
}

body.forum-nev-page .forum-smile-picker__panel[hidden] {
	display: none !important;
}

body.forum-nev-page .forum-smile-picker--open .forum-smile-picker__panel {
	display: block;
}

body.forum-nev-page .forum-smile-picker__grid {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 4px;
	max-width: 100%;
}

body.forum-nev-page .forum-smile-picker__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	aspect-ratio: 1;
	padding: 3px;
	border: 1px solid transparent;
	border-radius: 4px;
	background: rgba(32, 20, 12, 0.55);
	cursor: pointer;
	line-height: 0;
}

body.forum-nev-page .forum-smile-picker__item:hover,
body.forum-nev-page .forum-smile-picker__item:focus {
	border-color: rgba(200, 140, 60, 0.75);
	background: rgba(200, 140, 60, 0.22);
	outline: none;
	box-shadow: 0 0 0 1px rgba(255, 200, 90, 0.25);
}

body.forum-nev-page .forum-smile-picker__item img {
	display: block;
	width: 19px;
	height: 19px;
	max-width: 100%;
	pointer-events: none;
}

@media (max-width: 520px) {
	body.forum-nev-page .forum-smile-picker__grid {
		grid-template-columns: repeat(8, 1fr);
	}
}

/* WYSIWYG slot — reserve CKE height before replace (prevents layout jump on refresh). */
body.forum-nev-page .forum-nev-form__control--wysiwyg {
	--forum-cke-content-height: 280px;
	--forum-cke-toolbar-height: 48px;
	--forum-cke-chrome-extra: 10px;
	position: relative;
	height: calc(var(--forum-cke-content-height) + var(--forum-cke-toolbar-height) + var(--forum-cke-chrome-extra));
	min-height: calc(var(--forum-cke-content-height) + var(--forum-cke-toolbar-height) + var(--forum-cke-chrome-extra));
	max-height: calc(var(--forum-cke-content-height) + var(--forum-cke-toolbar-height) + var(--forum-cke-chrome-extra));
	overflow: hidden;
	overflow-anchor: none;
}

body.forum-nev-page textarea.forum-nev-form__textarea--wysiwyg {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/*
 * CKEditor WYSIWYG — forum Phase 1.1 (scoped dark-gold chrome; library_ckeditor.css pattern).
 * iframe body styles: forum_ckeditor_content.css via contentsCss.
 */
body.forum-nev-page .forum-nev-form__control {
	padding: 4px;
	border-radius: 8px;
	background: rgba(14, 10, 7, 0.78);
	border: 1px solid rgba(200, 160, 90, 0.42);
	box-shadow: inset 0 1px 0 rgba(255, 228, 182, 0.04), 0 2px 10px rgba(0, 0, 0, 0.22);
}

body.forum-nev-page .forum-nev-form__control .cke,
body.forum-nev-page .forum-nev-form__control .cke.cke_chrome,
body.forum-nev-page .forum-nev-form__control .cke_chrome {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

body.forum-nev-page .forum-nev-form__control .cke_inner,
body.forum-nev-page .forum-nev-form__control .cke_contents {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

body.forum-nev-page .forum-nev-form__control .cke_chrome {
	border: 1px solid rgba(186, 145, 82, 0.58) !important;
	border-radius: 6px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.28);
	background: #1a1310;
	overflow: hidden;
}

body.forum-nev-page .forum-nev-form__control .cke_inner {
	background: #1a1310;
	border-radius: 6px;
	overflow: hidden;
}

body.forum-nev-page .forum-nev-form__control .cke_top {
	--forum-cke-toolbar-h: 36px;
	--forum-cke-icon-size: 18px;
	--forum-cke-label-size: 12px;
	--forum-cke-icon-gold: #ffd89a;
	--forum-cke-icon-gold-muted: rgba(255, 216, 154, 0.62);
	margin-top: 3px !important;
	background-color: #1a1310 !important;
	background: linear-gradient(180deg, #241c15 0%, #1e1610 55%, #1a1310 100%) !important;
	border-bottom: 1px solid rgba(186, 145, 82, 0.42) !important;
	box-shadow: inset 0 1px 0 rgba(200, 160, 90, 0.08) !important;
	padding: 5px 6px !important;
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	overflow: hidden !important;
	overflow-anchor: none;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_toolbox {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	height: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 1px 0 0 !important;
	box-sizing: border-box !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_toolbox::-webkit-scrollbar {
	display: none;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_toolbar {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	vertical-align: middle !important;
	margin: 0 !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_toolgroup {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap;
	min-height: var(--forum-cke-toolbar-h) !important;
	background: rgba(32, 20, 12, 0.92) !important;
	border: 1px solid rgba(170, 115, 45, 0.45) !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 228, 182, 0.04) !important;
	margin: 0 3px 0 0 !important;
	padding: 0 2px !important;
	box-sizing: border-box !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo {
	display: inline-flex !important;
	align-items: center !important;
	vertical-align: middle !important;
	height: var(--forum-cke-toolbar-h) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:link,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:visited,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:hover,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:focus,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:active,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button {
	height: var(--forum-cke-toolbar-h) !important;
	min-height: var(--forum-cke-toolbar-h) !important;
	max-height: var(--forum-cke-toolbar-h) !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
	gap: 2px !important;
	overflow: hidden !important;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(52, 38, 26, 0.95) 0%, rgba(28, 21, 14, 0.98) 100%) !important;
	border: 1px solid rgba(180, 140, 80, 0.38) !important;
	border-radius: 4px !important;
	box-shadow: inset 0 1px 0 rgba(255, 228, 182, 0.06), 0 1px 2px rgba(0, 0, 0, 0.25) !important;
	box-sizing: border-box !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button {
	width: var(--forum-cke-toolbar-h) !important;
	min-width: var(--forum-cke-toolbar-h) !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button {
	width: auto !important;
	min-width: 0 !important;
	max-width: none;
	padding: 0 3px 0 4px !important;
	flex-shrink: 0;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__ForumSmiles,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__forumsmiles {
	width: auto !important;
	min-width: var(--forum-cke-toolbar-h) !important;
	padding: 0 8px !important;
	flex-shrink: 0;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__ForumSmiles .cke_button_icon,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__forumsmiles .cke_button_icon {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	opacity: 0 !important;
	filter: none !important;
	-webkit-filter: none !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__source {
	width: auto !important;
	min-width: var(--forum-cke-toolbar-h) !important;
	padding: 0 6px !important;
	gap: 3px !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__textcolor {
	width: auto !important;
	min-width: var(--forum-cke-toolbar-h) !important;
	padding: 0 4px !important;
	gap: 2px !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:hover,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:focus,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button:hover,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button:focus {
	background: linear-gradient(180deg, rgba(68, 50, 32, 0.98) 0%, rgba(38, 28, 18, 1) 100%) !important;
	border-color: rgba(220, 170, 95, 0.55) !important;
	box-shadow: inset 0 1px 0 rgba(255, 228, 182, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button_on,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button:active,
body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_on a.cke_combo_button,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button:active {
	background: linear-gradient(180deg, rgba(88, 62, 38, 0.95) 0%, rgba(48, 34, 20, 0.98) 100%) !important;
	border-color: rgba(230, 185, 110, 0.55) !important;
	box-shadow: inset 0 1px 0 rgba(255, 228, 182, 0.08), inset 0 2px 3px rgba(0, 0, 0, 0.22) !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button_disabled,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button_disabled:hover,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button_disabled:focus {
	opacity: 1 !important;
	cursor: default;
	background: linear-gradient(180deg, rgba(40, 32, 24, 0.75) 0%, rgba(24, 19, 14, 0.82) 100%) !important;
	border-color: rgba(120, 95, 60, 0.28) !important;
	box-shadow: none !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_toolbar_separator {
	align-self: stretch;
	min-height: var(--forum-cke-toolbar-h);
	background: rgba(186, 145, 82, 0.38) !important;
}

/* Phase 1.5b: hide "Формат…" / "Размер" labels; keep combo value + arrow */
body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_label {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	position: absolute !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_text,
body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_inlinelabel {
	color: var(--forum-cke-icon-gold) !important;
	text-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	box-sizing: border-box !important;
	height: 100% !important;
	min-height: 0 !important;
	line-height: 1 !important;
	padding: 0 2px 0 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	min-width: 0 !important;
	flex-shrink: 1 !important;
	vertical-align: middle;
	float: none !important;
	font-size: var(--forum-cke-label-size, 12px) !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_open {
	color: var(--forum-cke-icon-gold) !important;
	text-shadow: none !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	box-sizing: border-box !important;
	height: 100% !important;
	width: 12px !important;
	min-width: 12px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle;
	float: none !important;
	flex-shrink: 0;
}

body.forum-nev-page .forum-nev-form__control .cke_top .cke_combo_arrow {
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	border-top-color: var(--forum-cke-icon-gold) !important;
}

/* Phase 1.5c: hide text labels on icon-only toolbar buttons (B/I/U/S, list, link, etc.) */
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button .cke_button_label {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	position: absolute !important;
	opacity: 0 !important;
}

/* Text labels only for Source + Smiles */
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__source .cke_button_label,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__ForumSmiles .cke_button_label,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__forumsmiles .cke_button_label {
	display: inline-flex !important;
	align-items: center !important;
	width: auto !important;
	height: auto !important;
	padding: 0 2px !important;
	margin: 0 !important;
	overflow: visible !important;
	visibility: visible !important;
	position: static !important;
	opacity: 1 !important;
	filter: none !important;
	-webkit-filter: none !important;
	box-sizing: content-box !important;
	line-height: 1 !important;
	font-size: var(--forum-cke-label-size, 12px) !important;
	font-weight: 600;
	color: var(--forum-cke-icon-gold) !important;
	white-space: nowrap;
}

/* Toolbar icons — SVG glyphs (forum_ckeditor_icons.css); clip moono sprite bleed */
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button .cke_button_icon,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button [class*="cke_button__"][class*="_icon"],
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button .cke_combo_text,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_combo_button .cke_combo_open {
	float: none !important;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button .cke_button_icon,
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button [class*="cke_button__"][class*="_icon"] {
	filter: none !important;
	-webkit-filter: none !important;
	opacity: 1 !important;
	box-sizing: content-box !important;
	line-height: 0 !important;
	font-size: 0 !important;
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	overflow: hidden !important;
	width: var(--forum-cke-icon-size, 18px) !important;
	height: var(--forum-cke-icon-size, 18px) !important;
	flex-shrink: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: var(--forum-cke-icon-size, 18px) var(--forum-cke-icon-size, 18px) !important;
}

/* TextColor: live swatch + arrow (dark-gold, not moono silver) */
body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__textcolor [id$="_colorBox"] {
	display: inline-block !important;
	width: 12px !important;
	height: 3px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(186, 145, 82, 0.55) !important;
	border-radius: 1px !important;
	background-color: #ffd89a !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	opacity: 1 !important;
	vertical-align: middle;
	flex-shrink: 0;
}

body.forum-nev-page .forum-nev-form__control .cke_top a.cke_button__textcolor .cke_button_arrow {
	filter: none !important;
	-webkit-filter: none !important;
	opacity: 1 !important;
	border-left-color: var(--forum-cke-icon-gold) !important;
}

body.forum-nev-page .forum-nev-form__control .cke_contents {
	background-color: #1a1310 !important;
	background: #1a1310 !important;
	color: #e8dcc8;
	height: 280px !important;
	min-height: 280px !important;
	max-height: 280px !important;
	box-sizing: border-box !important;
	overflow-anchor: none;
}

body.forum-nev-page .forum-nev-form__control .cke_wysiwyg_div,
body.forum-nev-page .forum-nev-form__control .cke_wysiwyg_frame,
body.forum-nev-page .forum-nev-form__control .cke_contents iframe {
	background-color: #1a1310 !important;
	border: 0 !important;
	vertical-align: top;
	height: 100% !important;
	min-height: 100% !important;
	display: block;
}

body.forum-nev-page .forum-nev-form__control .cke_bottom,
body.forum-nev-page .forum-nev-form__control .cke_resizer {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Source mode + outer chrome: crome scrollbar (WYSIWYG scroll lives in iframe → forum_ckeditor_content.css) */
body.forum-nev-page .forum-nev-form__control textarea.cke_source {
	background: #1a1310 !important;
	color: #e8dcc8 !important;
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 12px;
	line-height: 1.45;
	border: 0 !important;
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.28);
	scrollbar-width: thin;
	scrollbar-color: var(--nev-crome-thumb, #9b693a) var(--nev-crome-track, #0e0b08);
}

body.forum-nev-page .forum-nev-form__control .cke_path,
body.forum-nev-page .forum-nev-form__control .cke_path_item,
body.forum-nev-page .forum-nev-form__control .cke_resizer {
	color: rgba(233, 206, 157, 0.85) !important;
}

/* Combo / dropdown panels — light parchment (forum page scope) */
body.forum-nev-page .cke_panel,
body.forum-nev-page .cke_combopanel,
body.forum-nev-page .cke_panel_container {
	background: #f3d49a !important;
	border: 1px solid #8a5a24 !important;
	color: #241205 !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

body.forum-nev-page .cke_panel iframe {
	background: #f3d49a !important;
}

body.forum-nev-page .cke_panel_listItem a {
	color: #241205 !important;
}

body.forum-nev-page .cke_panel_listItem a:hover,
body.forum-nev-page .cke_panel_listItem a:focus,
body.forum-nev-page .cke_panel_listItem a:active {
	background: #d99a45 !important;
	color: #130900 !important;
}

body.forum-nev-page .cke_panel_listItem.cke_selected a,
body.forum-nev-page .cke_panel_listItem.cke_selected a:hover {
	background: #b87425 !important;
	color: #fff2c0 !important;
}

body.forum-nev-page .cke_panel_grouptitle {
	background: #3a2412 !important;
	color: #f4d28a !important;
	border-bottom: 1px solid #8a5a24 !important;
}

body.forum-nev-page .forum-nev-form__textarea--wysiwyg {
	min-height: 0;
}

body.forum-nev-page .forum-nev-form__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 10px 14px;
	padding-top: 8px;
	margin-top: 6px;
	border-top: none;
}

body.forum-nev-page .forum-nev-form__counter {
	font-size: 0.78rem;
	color: rgba(210, 185, 145, 0.72);
	max-width: min(100%, 14rem);
	text-align: right;
	line-height: 1.35;
}

body.forum-nev-page .forum-nev-form .site-btn {
	min-width: auto;
}

body.site-landing.forum-nev-page .forum-nev-form .site-btn--primary,
body.site-landing.forum-nev-page .forum-nev-form .site-btn--primary:link,
body.site-landing.forum-nev-page .forum-nev-form .site-btn--primary:visited {
	color: #ffd89a !important;
}

body.site-landing.forum-nev-page .forum-nev-form .site-btn--primary:hover {
	color: #fff !important;
}

/* Низ темы: «к началу» (при прокрутке блока) + «к списку тем» */
body.forum-nev-page .forum-nev-topic-back {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid rgba(200, 160, 90, 0.16);
}

body.forum-nev-page .forum-nev-topic-back .forum-nev-topic-back__link {
	margin-left: auto;
	text-decoration: none !important;
	white-space: nowrap;
}

body.site-landing.forum-nev-page .forum-nev-topic-back .site-btn--secondary,
body.site-landing.forum-nev-page .forum-nev-topic-back .site-btn--secondary:link,
body.site-landing.forum-nev-page .forum-nev-topic-back .site-btn--secondary:visited {
	color: rgba(255, 224, 185, 0.95) !important;
}

body.site-landing.forum-nev-page .forum-nev-topic-back .site-btn--secondary:hover {
	color: #fff !important;
}

@media (max-width: 520px) {
	body.forum-nev-page .forum-nev-topic-back {
		flex-direction: column;
		align-items: stretch;
	}

	body.forum-nev-page .forum-nev-topic-back .forum-nev-topic-back__link {
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
		text-align: center;
	}
}

/* Пагинация под ответом: без второй «карточки» и без фоновых спрайтов pg_v2 */
body.forum-nev-page .forum-nev-pagination-bar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 6px 0 2px !important;
	margin-top: 4px;
}

body.forum-nev-page .forum-nev-pagination-bar .forum-nev-pagination-bar__inner.b-news-footer {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.forum-nev-page .forum-nev-pagination-bar .forum-nev-pagination-bar__cont {
	padding: 8px 4px !important;
	text-align: center;
}

body.forum-nev-page .forum-nev-pagination-bar .pg_v2,
body.forum-nev-page .forum-nev-pagination-bar .pg_v2 td {
	height: auto !important;
	min-height: 0 !important;
	background: none !important;
	color: rgba(230, 205, 165, 0.92) !important;
	border: none !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

body.forum-nev-page .forum-nev-pagination-bar .pg_v2-act,
body.forum-nev-page .forum-nev-pagination-bar .pg_v2-inact {
	width: auto !important;
	min-width: 1.75rem;
	margin: 0 2px !important;
	padding: 4px 8px !important;
	background: rgba(25, 18, 14, 0.65) !important;
	border-radius: 6px !important;
	border: 1px solid rgba(200, 160, 90, 0.28) !important;
}

body.forum-nev-page .forum-nev-pagination-bar .pg_v2-act {
	border-color: rgba(220, 170, 90, 0.45) !important;
}

body.forum-nev-page .forum-nev-pagination-bar .pg_v2-act_lnk,
body.forum-nev-page .forum-nev-pagination-bar .pg_v2-inact_lnk {
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #f2d8a2 !important;
}

body.forum-nev-page .forum-nev-pagination-bar .pg-v2-str-line {
	display: inline-block;
	height: auto !important;
	padding: 4px 10px 4px 0 !important;
	margin: 0 !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	text-transform: none !important;
	color: rgba(200, 175, 135, 0.85) !important;
}

body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-left,
body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-right {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-sizing: border-box;
	width: auto !important;
	height: auto !important;
	min-width: 2rem;
	min-height: 2rem;
	padding: 4px 8px !important;
	background: rgba(25, 18, 14, 0.65) !important;
	border-radius: 6px !important;
	border: 1px solid rgba(200, 160, 90, 0.28) !important;
	background-image: none !important;
}

body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-left img,
body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-right img {
	display: none !important;
}

body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-left::after {
	content: "\2039";
	font-size: 1rem;
	line-height: 1;
	color: #f2d8a2;
}

body.forum-nev-page .forum-nev-pagination-bar a.pg-v2-arr-right::after {
	content: "\203A";
	font-size: 1rem;
	line-height: 1;
	color: #f2d8a2;
}

body.forum-nev-page .b-news-item,
body.forum-nev-page .b-news-footer {
	background: rgba(14, 11, 8, 0.6);
	border: 1px solid rgba(200, 160, 90, 0.26);
	border-radius: 10px;
}

body.forum-nev-page .b-news-item {
	padding: 6px 8px 10px;
}

body.forum-nev-page .b-news-footer {
	padding: 10px 12px;
}

/* Шапка темы: заголовок слева сверху, дата справа сверху, ник под заголовком слева */
body.forum-nev-page .forum-nev-post-head {
	margin: -2px -4px 10px;
	padding: 0;
}

body.forum-nev-page .forum-nev-post-head__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px 12px;
}

body.forum-nev-page .forum-nev-post-head__title {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	padding: 0;
	line-height: 1.28;
	text-align: left;
	align-self: flex-start;
}

body.forum-nev-page .forum-nev-post-head__datetime.b-news-item__datetime {
	margin: 0 !important;
	flex: 0 0 auto;
	align-self: flex-start;
	max-width: 48%;
}

body.forum-nev-page .forum-nev-post-head__datetime .b-news-item__datetime-inner {
	white-space: nowrap;
}

body.forum-nev-page .forum-nev-post-head__meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px 12px;
	margin-top: 6px;
	width: 100%;
	box-sizing: border-box;
}

body.forum-nev-page .forum-nev-post-head__author {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
	line-height: 1.35;
	font-size: 0.88rem;
	color: rgba(200, 180, 145, 0.82);
}

body.forum-nev-page .forum-nev-post-head__actions {
	flex: 0 0 auto;
	align-self: flex-start;
}

body.forum-nev-page .forum-nev-post-head__actions > div {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 6px;
	justify-content: flex-end;
	margin: 0 !important;
}

@media (max-width: 560px) {
	body.forum-nev-page .forum-nev-post-head__top {
		flex-wrap: wrap;
	}

	body.forum-nev-page .forum-nev-post-head__datetime.b-news-item__datetime {
		margin-left: auto !important;
	}

	body.forum-nev-page .forum-nev-post-head__meta {
		flex-wrap: wrap;
	}
}

/* Текст поста: отдельная рамка от шапки темы / строки с ником */
body.forum-nev-page .forum-nev-post-body {
	margin-top: 12px;
	padding: 12px 14px;
	border-radius: 9px;
	border: 1px solid rgba(200, 160, 90, 0.42);
	background: rgba(4, 3, 2, 0.72);
	box-shadow:
		inset 0 1px 0 rgba(255, 210, 150, 0.07),
		0 2px 12px rgba(0, 0, 0, 0.2);
}

/*
 * Вертикальная прокрутка — только у окна (полоса справа у страницы),
 * чтобы можно было прокрутить ниже длинного текста до формы ответа.
 * Широкие вставки — только горизонтальный overflow внутри блока.
 */
body.forum-nev-page .forum-nev-post-body:not(:has(.forum-nev-form)) {
	overflow-x: auto;
	overflow-y: visible;
	max-height: none;
}

/* Edit mode: one frame (form box), not post-body + form double chrome */
body.forum-nev-page .forum-nev-post-body:has(> .forum-nev-form),
body.forum-nev-page .forum-nev-post-body--reply:has(> .forum-nev-form) {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: none;
}

body.forum-nev-page .forum-nev-post-head + .forum-nev-post-body {
	margin-top: 14px;
}

body.forum-nev-page .forum-nev-post-body--excerpt {
	margin-top: 10px;
}

body.forum-nev-page .forum-nev-topic-excerpt {
	display: block;
	overflow: hidden;
	color: rgba(255, 232, 190, 0.88);
	line-height: 1.45;
}

body.forum-nev-page .forum-nev-topic-excerpt.is-empty {
	color: rgba(255, 232, 190, 0.45);
	font-style: italic;
}

body.forum-nev-page .forum-nev-post-body--reply {
	margin-top: 10px;
	display: flow-root;
}

body.forum-nev-page .forum-nev-reply-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 6px 12px;
}

body.forum-nev-page .forum-nev-reply-meta__nick {
	flex: 1 1 auto;
	min-width: 0;
}

body.forum-nev-page .forum-nev-reply-meta > div[style*="float"] {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 6px;
	margin: 0 !important;
}

body.forum-nev-page .forum-nev-post-body--reply .forum-nev-reply-date {
	float: right;
	margin: 0 0 4px 10px;
	font-size: 0.82rem;
	color: rgba(215, 195, 165, 0.9);
	white-space: nowrap;
}

body.forum-nev-page .forum-nev-post-body__text {
	display: block;
	text-align: left;
}

/* Текст поста и BBCode: вместо тёмно-красного — контрастные «золотые» токены лендинга */
body.forum-nev-page .b-common-typography {
	color: rgba(245, 232, 210, 0.95);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.55;
	text-align: left;
}

/*
 * Portal post typography: Arial 14px + underlined links.
 * Beats legacy v2/main.css (.b-common-typography 12px) and style/portal.css (* 12px).
 */
body.forum-nev-page .forum-nev-post-body.b-common-typography,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text,
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography,
body.recruitment-nev-page .recruitment-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.55;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography :is(p, li, td, th, span, div, font, a, b, strong, i, em),
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text :is(p, li, td, th, span, div, font, a, b, strong, i, em),
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography :is(p, li, td, th, span, div, font, a, b, strong, i, em),
body.recruitment-nev-page .recruitment-info :is(p, li, td, th, span, div, font, a, b, strong, i, em) {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.55;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography a,
body.forum-nev-page .forum-nev-post-body.b-common-typography a:link,
body.forum-nev-page .forum-nev-post-body.b-common-typography a:visited,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text a,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text a:link,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text a:visited,
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography a,
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography a:link,
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography a:visited {
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

body.recruitment-nev-page .recruitment-nev-awards.b-common-typography [style*="font-size"],
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography font[size],
body.recruitment-nev-page .recruitment-info [style*="font-size"],
body.recruitment-nev-page .recruitment-info font[size] {
	font-size: 14px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography [style*="font-family"],
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text [style*="font-family"],
body.recruitment-nev-page .recruitment-nev-awards.b-common-typography [style*="font-family"],
body.recruitment-nev-page .recruitment-info [style*="font-family"] {
	font-family: Arial, Helvetica, sans-serif !important;
}

body.forum-nev-page .b-common-typography center {
	display: block;
	text-align: left;
}

body.forum-nev-page .b-common-typography p {
	margin: 0 0 0.75rem;
}

body.forum-nev-page .b-common-typography img,
body.forum-nev-page .b-news-item img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

body.forum-nev-page .b-common-typography .redd,
body.forum-nev-page .b-common-typography .redd * {
	color: #f0cfa0 !important;
}

body.forum-nev-page .b-common-typography .red,
body.forum-nev-page .b-common-typography .red * {
	color: #ffcf9c !important;
}

body.forum-nev-page .b-common-typography .text-red,
body.forum-nev-page .b-common-typography .text-red * {
	color: #f0cfa0 !important;
}

body.forum-nev-page .b-common-typography strong,
body.forum-nev-page .b-common-typography b {
	color: rgba(255, 245, 228, 0.98);
	font-weight: 700;
}

body.forum-nev-page .b-common-typography i,
body.forum-nev-page .b-common-typography em,
body.forum-nev-page .b-common-typography u,
body.forum-nev-page .b-common-typography s,
body.forum-nev-page .b-common-typography strike,
body.forum-nev-page .b-common-typography del {
	color: rgba(245, 232, 210, 0.95);
}

body.forum-nev-page .b-common-typography blockquote,
body.forum-nev-page .forum-nev-post-body blockquote {
	margin: 0.65rem 0;
	padding: 0.6rem 0.85rem;
	border-left: 3px solid rgba(220, 170, 100, 0.55);
	background: rgba(12, 10, 8, 0.55);
	border-radius: 0 8px 8px 0;
	color: rgba(235, 215, 185, 0.95);
}

body.forum-nev-page .b-common-typography pre,
body.forum-nev-page .forum-nev-post-body pre {
	margin: 0.65rem 0;
	padding: 0.75rem 0.9rem;
	overflow-x: auto;
	background: rgba(6, 5, 4, 0.92);
	border: 1px solid rgba(200, 160, 90, 0.28);
	border-radius: 8px;
	font-size: 0.85rem;
	line-height: 1.45;
}

body.forum-nev-page .b-common-typography pre code,
body.forum-nev-page .forum-nev-post-body pre code {
	font-family: Consolas, "Ubuntu Mono", "Courier New", monospace;
	color: rgba(255, 220, 160, 0.95);
	background: transparent;
	border: none;
	padding: 0;
	white-space: pre;
}

body.forum-nev-page .b-common-typography code:not(pre code),
body.forum-nev-page .forum-nev-post-body code:not(pre code) {
	font-family: Consolas, "Ubuntu Mono", "Courier New", monospace;
	font-size: 0.88em;
	padding: 0.1em 0.35em;
	background: rgba(30, 22, 16, 0.9);
	border-radius: 4px;
}

body.forum-nev-page .b-common-typography h1,
body.forum-nev-page .b-common-typography h2,
body.forum-nev-page .b-common-typography h3,
body.forum-nev-page .b-common-typography h4 {
	color: #f2d8a2;
	font-weight: 700;
	margin: 0.85rem 0 0.45rem;
	line-height: 1.35;
}

body.forum-nev-page .b-news-item .redd,
body.forum-nev-page .b-news-item .redd * {
	color: #f0cfa0 !important;
}

body.forum-nev-page .b-common-typography ul,
body.forum-nev-page .b-common-typography ol {
	text-align: left;
	margin: 0.5rem 0 1rem;
	padding-left: 1.35rem;
}

/* CKEditor HTML: tables inside forum post bodies (scoped, not global) */
body.forum-nev-page .forum-nev-post-body.b-common-typography table,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.75rem 0;
	border: 1px solid rgba(200, 160, 90, 0.52);
	background: rgba(12, 9, 6, 0.55);
	box-shadow: inset 0 1px 0 rgba(255, 228, 182, 0.04);
	table-layout: auto;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography td,
body.forum-nev-page .forum-nev-post-body.b-common-typography th,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text td,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text th {
	border: 1px solid rgba(200, 160, 90, 0.42);
	padding: 0.5rem 0.65rem;
	vertical-align: top;
	min-width: 2.5rem;
	min-height: 1.75rem;
	background: rgba(18, 14, 10, 0.72);
	color: rgba(245, 232, 210, 0.95);
}

body.forum-nev-page .forum-nev-post-body.b-common-typography th,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text th {
	background: linear-gradient(180deg, rgba(52, 38, 24, 0.92) 0%, rgba(32, 24, 16, 0.95) 100%);
	color: #f2d8a2;
	font-weight: 700;
	text-align: left;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography tr:nth-child(even) td,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text tr:nth-child(even) td {
	background: rgba(22, 17, 12, 0.78);
}

body.forum-nev-page .forum-nev-post-body.b-common-typography tr:nth-child(even) th,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text tr:nth-child(even) th {
	background: linear-gradient(180deg, rgba(58, 42, 26, 0.94) 0%, rgba(36, 27, 18, 0.96) 100%);
}

body.forum-nev-page .forum-nev-post-body.b-common-typography td:empty::after,
body.forum-nev-page .forum-nev-post-body.b-common-typography th:empty::after,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text td:empty::after,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text th:empty::after {
	content: "\00a0";
}

body.forum-nev-page .forum-nev-post-body.b-common-typography p,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text p {
	margin: 0 0 0.65rem;
}

body.forum-nev-page .forum-nev-post-body.b-common-typography p:last-child,
body.forum-nev-page .forum-nev-post-body--reply .forum-nev-post-body__text p:last-child {
	margin-bottom: 0;
}

body.forum-nev-page .b-common-typography center ul,
body.forum-nev-page .b-common-typography center ol {
	display: inline-block;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

body.forum-nev-page .text-orange {
	color: #ffc98a !important;
}

body.forum-nev-page .word_ru {
	color: rgba(245, 232, 210, 0.92) !important;
	font-size: var(--nev-text-body-size) !important;
	line-height: var(--nev-text-body-lh) !important;
}

/* Заголовок темы и ссылка */
body.forum-nev-page .b-news-item__head {
	margin: 0;
	font-size: var(--nev-card-title-size);
	font-weight: 700;
	color: #f2d8a2 !important;
}

body.forum-nev-page .b-news-item__head a,
body.forum-nev-page .b-news-item__head a:link,
body.forum-nev-page .b-news-item__head a:visited {
	color: #f2d8a2 !important;
	text-decoration: none;
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link,
body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:link,
body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:visited {
	display: inline-flex;
	align-items: center;
	gap: 0.36rem;
	padding: 0.14rem 0.46rem 0.16rem 0.4rem;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(96, 63, 30, 0.22) 0%, rgba(43, 29, 16, 0.3) 100%);
	border: 1px solid rgba(210, 164, 90, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 224, 170, 0.06), 0 1px 2px rgba(0, 0, 0, 0.14);
	cursor: pointer;
	transition: border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link::before {
	content: "";
	width: 0.36rem;
	height: 0.36rem;
	border-radius: 2px;
	transform: rotate(45deg);
	background: linear-gradient(180deg, rgba(250, 213, 142, 0.88) 0%, rgba(202, 151, 75, 0.9) 100%);
	box-shadow: 0 0 0 1px rgba(80, 53, 25, 0.5), inset 0 1px 0 rgba(255, 240, 205, 0.4);
	flex: 0 0 auto;
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link::after {
	content: "\203A";
	font-size: 0.92em;
	line-height: 1;
	color: rgba(242, 216, 162, 0.62);
	transition: transform 0.12s ease, color 0.12s ease;
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:hover,
body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:focus-visible {
	text-decoration: underline;
	text-decoration-color: rgba(242, 216, 162, 0.9);
	text-underline-offset: 2px;
	background: linear-gradient(180deg, rgba(120, 76, 35, 0.42) 0%, rgba(62, 40, 19, 0.55) 100%);
	border-color: rgba(236, 184, 102, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 228, 172, 0.18), 0 0 0 1px rgba(228, 173, 91, 0.22),
		0 0 12px rgba(225, 170, 88, 0.22);
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:hover::after,
body.forum-nev-page .b-news-item__head a.forum-nev-topic-link:focus-visible::after {
	color: rgba(255, 234, 188, 0.98);
	transform: translateX(1px);
}

body.forum-nev-page .b-news-item__head a:hover {
	color: #fff8e8 !important;
	text-decoration: underline;
}

body.forum-nev-page .topic_close,
body.forum-nev-page .topic_close:link,
body.forum-nev-page .topic_close:visited {
	color: rgba(200, 195, 185, 0.9) !important;
}

body.forum-nev-page .b-news-item__head a.forum-nev-topic-link.topic_close::before {
	width: 0.5rem;
	height: 0.38rem;
	border-radius: 2px;
	transform: none;
	background: linear-gradient(180deg, rgba(210, 196, 165, 0.94) 0%, rgba(158, 144, 118, 0.96) 100%);
	box-shadow: 0 0 0 1px rgba(75, 64, 49, 0.72);
}

/* Дата: убираем спрайты пергамента, заменяем на CSS-плашку */
body.forum-nev-page .b-news-item__datetime {
	float: none;
	position: relative;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	vertical-align: middle;
}

body.forum-nev-page .b-news-item__datetime-inner {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: auto;
	min-height: 22px;
	padding: 4px 9px;
	border-radius: 6px;
	font-weight: 500;
	font-size: 0.78rem;
	line-height: 1.25;
	color: rgba(210, 188, 148, 0.88) !important;
	background: linear-gradient(180deg, rgba(45, 34, 24, 0.55) 0%, rgba(24, 19, 14, 0.62) 100%) !important;
	border: 1px solid rgba(180, 140, 80, 0.22);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

body.forum-nev-page .b-news-item__datetime .b-icon-32x32 {
	position: static;
	left: auto;
	bottom: auto;
	flex-shrink: 0;
	opacity: 0.72;
	transform: scale(0.82);
	transform-origin: center;
}

/* Посты: убираем рамки из PNG-спрайтов у подвала сообщения */
body.forum-nev-page .b-news-footer {
	margin: 10px 0 0;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

body.forum-nev-page .b-news-footer__cont {
	background: transparent !important;
	padding: 10px 12px;
	font-size: 0.92rem;
	color: rgba(245, 232, 210, 0.94);
}

body.forum-nev-page .forum_last_message {
	color: rgba(220, 200, 170, 0.88);
	font-size: 0.88rem;
	margin-top: 6px;
}

/* Между темами: вместо «ornate» bg-divider-2.png (много полосок) — одна спокойная линия */
body.forum-nev-page .b-divider-2 {
	position: relative;
	overflow: visible;
	clear: both;
	height: auto;
	min-height: 0;
	margin: 14px 0 8px;
	padding: 0;
	font-size: inherit;
	background: none;
	opacity: 1;
}

body.forum-nev-page .b-divider-2::after {
	content: "";
	display: block;
	height: 1px;
	margin: 0 2px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(200, 160, 90, 0.22) 20%,
		rgba(200, 160, 90, 0.3) 50%,
		rgba(200, 160, 90, 0.22) 80%,
		transparent 100%
	);
}

/* Кнопки модерации темы/поста: CSS-иконки, подписи в title/aria-label (Phase 1.5b: 27×27) */
body.forum-nev-page .forum-nev-admin-actions {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px 5px;
	margin: 0;
	padding: 0;
}

body.forum-nev-page .forum-nev-act-form {
	display: inline;
	margin: 0;
	padding: 0;
}

body.forum-nev-page .forum-nev-act {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 0;
	margin: 0;
	font: inherit;
	appearance: none;
	-webkit-appearance: none;
	background: linear-gradient(180deg, rgba(45, 34, 24, 0.55) 0%, rgba(24, 19, 14, 0.62) 100%);
	border: 1px solid rgba(180, 140, 80, 0.28);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	text-decoration: none;
	line-height: 0;
	cursor: pointer;
	transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

body.forum-nev-page .forum-nev-act:hover {
	background: linear-gradient(180deg, rgba(58, 42, 26, 0.72) 0%, rgba(32, 24, 16, 0.78) 100%);
	border-color: rgba(220, 170, 95, 0.45);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(200, 150, 70, 0.12);
	transform: none;
}

body.forum-nev-page .forum-nev-act:focus-visible {
	outline: 2px solid rgba(255, 210, 150, 0.9);
	outline-offset: 2px;
}

body.forum-nev-page .forum-nev-act--danger {
	border-color: rgba(180, 90, 70, 0.38);
}

body.forum-nev-page .forum-nev-act--danger:hover {
	border-color: rgba(210, 110, 85, 0.52);
	background: linear-gradient(180deg, rgba(62, 32, 24, 0.72) 0%, rgba(36, 20, 16, 0.78) 100%);
}

body.forum-nev-page .forum-nev-act__icon {
	display: block;
	position: relative;
	flex-shrink: 0;
	--forum-act-gold: rgba(210, 164, 90, 0.95);
	--forum-act-gold-soft: rgba(235, 200, 140, 0.88);
}

/* Закрепить / снять закрепление (двойная стрелка вверх или вниз) */
body.forum-nev-page .forum-nev-act__icon--pin-up,
body.forum-nev-page .forum-nev-act__icon--pin-down {
	width: 14px;
	height: 14px;
}

body.forum-nev-page .forum-nev-act__icon--pin-up::before,
body.forum-nev-page .forum-nev-act__icon--pin-up::after,
body.forum-nev-page .forum-nev-act__icon--pin-down::before,
body.forum-nev-page .forum-nev-act__icon--pin-down::after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -3.5px;
	width: 0;
	height: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
}

body.forum-nev-page .forum-nev-act__icon--pin-up::before {
	top: 0;
	border-bottom: 4.5px solid var(--forum-act-gold);
}
body.forum-nev-page .forum-nev-act__icon--pin-up::after {
	top: 5px;
	border-bottom: 4.5px solid var(--forum-act-gold);
}

body.forum-nev-page .forum-nev-act__icon--pin-down::before {
	top: 0;
	border-top: 4.5px solid var(--forum-act-gold);
}
body.forum-nev-page .forum-nev-act__icon--pin-down::after {
	top: 5px;
	border-top: 4.5px solid var(--forum-act-gold);
}

/* Замок закрыт / открыт */
body.forum-nev-page .forum-nev-act__icon--lock,
body.forum-nev-page .forum-nev-act__icon--unlock {
	width: 11px;
	height: 7px;
	margin-top: 4px;
	background: var(--forum-act-gold);
	border-radius: 0 0 2px 2px;
}

body.forum-nev-page .forum-nev-act__icon--lock::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -7px;
	width: 4px;
	height: 2px;
	border: 2px solid var(--forum-act-gold);
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}

body.forum-nev-page .forum-nev-act__icon--unlock::before,
body.forum-nev-page .forum-nev-act__icon--unlock::after {
	content: "";
	position: absolute;
	top: -7px;
	width: 4px;
	height: 3px;
	border: 2px solid var(--forum-act-gold);
	border-bottom: none;
}

body.forum-nev-page .forum-nev-act__icon--unlock::before {
	left: 0;
	border-right: none;
	border-radius: 4px 0 0 0;
}

body.forum-nev-page .forum-nev-act__icon--unlock::after {
	right: 0;
	border-left: none;
	border-radius: 0 4px 0 0;
}

/* Карандаш (редактировать) */
body.forum-nev-page .forum-nev-act__icon--edit {
	width: 14px;
	height: 14px;
}

body.forum-nev-page .forum-nev-act__icon--edit::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 1px;
	width: 3px;
	height: 10px;
	background: var(--forum-act-gold);
	border-radius: 0.5px;
	transform: rotate(-45deg);
	transform-origin: 50% 90%;
}

body.forum-nev-page .forum-nev-act__icon--edit::after {
	content: "";
	position: absolute;
	right: 0.5px;
	bottom: 0.5px;
	border: 2px solid transparent;
	border-top: 3px solid var(--forum-act-gold);
	border-left: 3px solid var(--forum-act-gold);
	transform: rotate(10deg);
}

/* Крестик (удалить) */
body.forum-nev-page .forum-nev-act__icon--delete {
	width: 14px;
	height: 14px;
}

body.forum-nev-page .forum-nev-act__icon--delete::before,
body.forum-nev-page .forum-nev-act__icon--delete::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	margin-left: -7px;
	margin-top: -1px;
	background: var(--forum-act-gold);
	border-radius: 1px;
}

body.forum-nev-page .forum-nev-act__icon--delete::before {
	transform: rotate(45deg);
}
body.forum-nev-page .forum-nev-act__icon--delete::after {
	transform: rotate(-45deg);
}

body.forum-nev-page .forum-nev-act--danger .forum-nev-act__icon--delete::before,
body.forum-nev-page .forum-nev-act--danger .forum-nev-act__icon--delete::after {
	background: rgba(220, 130, 100, 0.92);
}

@media (max-width: 1024px) {
	body.forum-nev-page .forum-nev-layout {
		grid-template-columns: 1fr;
	}
}

/* forum / rating / recruitment / newa: колонка на весь экран, скролл внутри .site-hero, соцфутер снизу */
body.site-landing.forum-nev-page.library-nev-page {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
	max-height: 100vh;
	max-height: 100dvh;
	min-height: 100vh;
	min-height: 100dvh;
	overflow: hidden;
	background-color: #080605;
	background-image: none;
}

body.site-landing.forum-nev-page.library-nev-page .site-hero {
	flex: 1 1 0;
	min-height: 0;
	justify-content: flex-start;
	overflow-x: hidden;
	overflow-y: auto;
	overflow-anchor: none;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

/* Просмотр темы: убрать второй скролл внутри .forum-nev-topic-scroll — прокрутка только страницы */
body.site-landing.forum-nev-page.forum-nev-page--topic-view .forum-nev-topic-scroll {
	max-height: none !important;
	overflow: visible;
}

/* recruitment.php: левая колонка «Разделы» — sticky только на desktop */
@media (min-width: 1025px) {
	body.recruitment-nev-page .recruitment-nev-sidebar {
		position: sticky;
		top: 92px;
		align-self: flex-start;
	}
}

/* recruitment.php: левая навигация разделов */
body.recruitment-nev-page .recruitment-nev-menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

body.recruitment-nev-page .recruitment-nev-menu .library-nev-cat-row {
	margin: 0;
}

body.recruitment-nev-page .recruitment-nev-menu__item {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(72, 46, 30, 0.88) 0%, rgba(34, 24, 17, 0.94) 100%);
	border: 1px solid rgba(190, 145, 75, 0.32);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.06);
	color: rgba(255, 216, 154, 0.92) !important;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease,
		color 0.18s ease;
}

body.recruitment-nev-page .recruitment-nev-menu__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 6px;
	width: 3px;
	border-radius: 0 2px 2px 0;
	background: transparent;
	opacity: 0;
	transition: opacity 0.18s ease, background 0.18s ease;
}

body.recruitment-nev-page .recruitment-nev-menu__item:hover {
	border-color: rgba(220, 170, 95, 0.48);
	background: linear-gradient(180deg, rgba(88, 56, 36, 0.92) 0%, rgba(42, 30, 21, 0.96) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.1),
		0 2px 10px rgba(0, 0, 0, 0.22);
	color: #ffe4b8 !important;
}

body.recruitment-nev-page .recruitment-nev-menu__item:hover::before {
	opacity: 1;
	background: rgba(220, 170, 95, 0.45);
}

body.recruitment-nev-page .recruitment-nev-menu__item:focus-visible {
	outline: 2px solid rgba(232, 192, 80, 0.55);
	outline-offset: 2px;
}

body.recruitment-nev-page .recruitment-nev-menu__item .library-nev-cat-link__inner {
	color: inherit;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page .recruitment-nev-menu__item--active,
body.recruitment-nev-page .recruitment-nev-menu__item.is-active {
	background: linear-gradient(180deg, rgba(132, 86, 48, 0.98) 0%, rgba(68, 44, 26, 0.98) 52%, rgba(46, 30, 18, 0.99) 100%);
	border-color: rgba(240, 190, 105, 0.72);
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 175, 0.18),
		inset 0 -10px 18px rgba(0, 0, 0, 0.22),
		0 0 14px rgba(210, 150, 60, 0.22);
	color: #fff4dc !important;
}

body.recruitment-nev-page .recruitment-nev-menu__item--active::before,
body.recruitment-nev-page .recruitment-nev-menu__item.is-active::before {
	opacity: 1;
	background: linear-gradient(180deg, #f0c878 0%, #c8943c 100%);
	box-shadow: 0 0 8px rgba(232, 192, 80, 0.45);
}

body.recruitment-nev-page .recruitment-nev-menu__item--active .library-nev-cat-link__inner,
body.recruitment-nev-page .recruitment-nev-menu__item.is-active .library-nev-cat-link__inner {
	color: #fff8ea;
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

body.recruitment-nev-page .recruitment-nev-menu__item--active:hover,
body.recruitment-nev-page .recruitment-nev-menu__item.is-active:hover {
	border-color: rgba(248, 205, 120, 0.78);
	box-shadow:
		inset 0 1px 0 rgba(255, 235, 185, 0.22),
		inset 0 -10px 18px rgba(0, 0, 0, 0.2),
		0 0 18px rgba(220, 165, 70, 0.28);
	color: #fffaf0 !important;
}

/* recruitment.php: контент внутри панели (таблицы наград / рефералов из portal.css) */
body.recruitment-nev-page .recruitment-nev-body {
	overflow-x: auto;
	max-width: 100%;
	padding-bottom: 90px;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list,
body.recruitment-nev-page .recruitment-nev-body .chronicle_table,
body.recruitment-nev-page .recruitment-nev-body table {
	max-width: 100%;
}

/* recruitment.php: кнопка сортировки — без portal top:6px / 23px (ровняем с полем «Найти игрока») */
body.recruitment-nev-page #recruitment_sort_btn {
	position: relative !important;
	top: 0 !important;
	float: none !important;
	flex: 0 0 var(--recruitment-search-row-h);
	width: var(--recruitment-search-row-h);
	height: var(--recruitment-search-row-h);
	min-width: var(--recruitment-search-row-h);
	min-height: var(--recruitment-search-row-h);
	margin: 0;
	align-self: center;
	background: linear-gradient(180deg, rgba(75, 48, 30, 0.92) 0%, rgba(38, 28, 20, 0.96) 100%) !important;
	background-image: none !important;
	border: 1px solid rgba(200, 160, 90, 0.42);
	border-radius: 8px;
	box-sizing: border-box;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	color: #ffd89a !important;
	font-size: 15px;
	line-height: 1;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page #recruitment_sort_btn::before {
	content: '⇅';
	font-weight: 700;
	line-height: 1;
}

body.recruitment-nev-page #recruitment_sort_btn:hover {
	background: rgba(55, 44, 34, 0.92) !important;
	background-image: none !important;
	border-color: rgba(230, 190, 110, 0.55);
	opacity: 1;
}

body.recruitment-nev-page #recruitment_sort_btn:active {
	background: rgba(35, 28, 22, 0.98) !important;
	background-image: none !important;
	opacity: 0.95;
}

/* recruitment.php: поиск и таблицы (portal — светлый пергамент + наследование цвета текста с тёмной темы) */
body.recruitment-nev-page .recruitment-search {
	--recruitment-search-row-h: 38px;
	width: 100%;
	max-width: min(100%, 40rem);
	margin: 0 auto 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 0.75rem;
	text-align: center;
	box-sizing: border-box;
}

body.recruitment-nev-page .recruitment-search .butt1 {
	display: inline-flex;
	align-items: center;
	align-self: center;
	flex: 0 0 auto;
	margin: 0;
}

body.recruitment-nev-page .recruitment-search .b-filter {
	margin-left: 0;
	align-self: center;
	flex: 1 1 18rem;
	min-width: min(100%, 20rem);
	max-width: 100%;
}

/* Иконки поиска / сброса: без PNG из portal */
body.recruitment-nev-page .recruitment-nev-body .recruitment-search .b-filter__icon {
	background: none !important;
	background-image: none !important;
	font-size: 0;
	line-height: 0;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .b-filter__icon::after {
	content: '🔍';
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
	opacity: 0.9;
	filter: grayscale(0.2);
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .b-filter__reset {
	background: none !important;
	background-image: none !important;
	font-size: 0;
	line-height: 0;
	color: rgba(220, 190, 155, 0.85);
	top: 50% !important;
	right: 10px !important;
	transform: translateY(-50%);
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .b-filter__reset::after {
	content: '✕';
	font-size: 13px;
	font-weight: 700;
	line-height: 17px;
	display: block;
	text-align: center;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .b-filter__reset:hover::after {
	color: #ffd89a;
}

/* Одна рамка только на .ff__input-wrap — иначе у inner дублируется угол («шлейф» у нижнего левого края) */
body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap {
	display: block !important;
	width: 100% !important;
	min-width: min(100%, 17.5rem);
	max-width: 100%;
	min-height: var(--recruitment-search-row-h, 38px);
	height: auto !important;
	background: rgba(18, 14, 11, 0.92) !important;
	background-image: none !important;
	border: 1px solid rgba(200, 160, 90, 0.38);
	border-radius: 8px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	padding: 0;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap.hover,
body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap.focus {
	background-image: none !important;
	background-color: rgba(22, 18, 14, 0.96) !important;
	border-color: rgba(230, 190, 120, 0.45);
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap-inner {
	position: relative;
	display: flex !important;
	align-items: center;
	width: 100% !important;
	min-height: 36px;
	height: auto !important;
	margin: 0 !important;
	padding: 5px 36px 5px 38px !important;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap-input {
	position: relative !important;
	flex: 1 1 auto;
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	height: 26px !important;
	min-height: 26px;
	margin: 0 !important;
	box-sizing: border-box;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap-input input.filterField,
body.recruitment-nev-page .recruitment-nev-body .recruitment-search #filterNick {
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%);
	z-index: 2;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
	font-size: 0.9rem !important;
	line-height: 1.35 !important;
	color: #f2efe8 !important;
	background: transparent !important;
	border: none !important;
	text-shadow: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .recruitment-search .ff__input-wrap-input label {
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	transform: translateY(-50%);
	z-index: 1;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0.9rem !important;
	line-height: 1.35 !important;
	color: rgba(200, 185, 165, 0.72) !important;
	text-shadow: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}

body.recruitment-nev-page .recruitment-search .butt1 input.redd,
body.recruitment-nev-page .recruitment-search input.redd {
	box-sizing: border-box;
	min-height: 38px;
	height: 38px;
	padding: 0 0.85rem !important;
	font-family: inherit;
	font-size: var(--nev-text-label-size, 0.9rem) !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.95) 0%, rgba(45, 32, 22, 0.98) 100%) !important;
	color: #ffd89a !important;
	border: 2px solid rgba(220, 160, 80, 0.45) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page .recruitment-search .butt1 input.redd:hover,
body.recruitment-nev-page .recruitment-search input.redd:hover {
	background: rgba(60, 48, 36, 0.92) !important;
	border-color: rgba(200, 160, 100, 0.55) !important;
	color: #fff6e8 !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list > tbody > tr:first-child th {
	background: rgba(32, 26, 20, 0.96) !important;
	background-image: none !important;
	color: #ffd89a !important;
	border-color: rgba(200, 160, 90, 0.42) !important;
	font-weight: 700;
	padding: 0.5rem 0.65rem !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list > tbody > tr:first-child th b {
	color: #ffd89a !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list > tbody > tr:nth-child(n + 2):nth-child(odd) {
	background: rgba(26, 21, 16, 0.78) !important;
	background-image: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list > tbody > tr:nth-child(n + 2):nth-child(even) {
	background: rgba(14, 11, 9, 0.58) !important;
	background-image: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list td {
	color: rgba(236, 228, 216, 0.96) !important;
	border-color: rgba(200, 160, 90, 0.3) !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list a {
	color: #ffb870 !important;
	text-decoration: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list a:hover {
	color: #ffd9a8 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* Летопись: заголовок и строки без светлого bg_l */
body.recruitment-nev-page .recruitment-nev-body .chronicle_table > tbody > tr:first-child th {
	background: rgba(32, 26, 20, 0.96) !important;
	background-image: none !important;
	color: #ffd89a !important;
	border-color: rgba(200, 160, 90, 0.42) !important;
	font-weight: 700;
	padding: 0.5rem 0.65rem !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table > tbody > tr.bg_l td,
body.recruitment-nev-page .recruitment-nev-body .chronicle_table > tbody > tr:not(.bg_l) td {
	background-image: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table > tbody > tr:nth-child(n + 2):nth-child(odd) td {
	background: rgba(26, 21, 16, 0.78) !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table > tbody > tr:nth-child(n + 2):nth-child(even) td {
	background: rgba(14, 11, 9, 0.58) !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table td,
body.recruitment-nev-page .recruitment-nev-body .chronicle_table th {
	color: rgba(236, 228, 216, 0.96) !important;
	border-color: rgba(200, 160, 90, 0.3) !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table a {
	color: #ffb870 !important;
}

body.recruitment-nev-page .recruitment-nev-body .chronicle_table a:hover {
	color: #ffd9a8 !important;
}

/* recruitment.php: режим «Информация» */
body.recruitment-nev-page .recruitment-info {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	max-width: 100%;
}

body.recruitment-nev-page .recruitment-info-section {
	padding: 0.8rem 1rem 0.9rem;
	border-radius: 10px;
	border: 1px solid rgba(200, 160, 90, 0.32);
	background: rgba(14, 11, 9, 0.68);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.05),
		inset 0 -10px 18px rgba(0, 0, 0, 0.2),
		0 4px 14px rgba(0, 0, 0, 0.2);
}

body.recruitment-nev-page .recruitment-info-section__title {
	margin: 0 0 0.55rem;
	padding-bottom: 0.45rem;
	border-bottom: 1px solid rgba(200, 160, 90, 0.18);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.35;
	color: #f0d8a0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.recruitment-nev-page .recruitment-info-section__text {
	text-align: left;
	color: rgba(236, 228, 216, 0.94);
}

body.recruitment-nev-page .recruitment-info-section__text p {
	margin: 0 0 0.65rem;
}

body.recruitment-nev-page .recruitment-info-section__text p:last-child {
	margin-bottom: 0;
}

body.recruitment-nev-page .recruitment-info-section__text b,
body.recruitment-nev-page .recruitment-info-section__text strong {
	color: rgba(255, 245, 228, 0.98);
	font-weight: 700;
}

body.recruitment-nev-page .recruitment-info-ref {
	margin: 0 0 0.7rem;
	padding: 0.65rem 0.8rem;
	border-radius: 8px;
	border: 1px solid rgba(220, 175, 100, 0.42);
	background: rgba(10, 8, 6, 0.72);
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page .recruitment-info-ref__label {
	margin: 0 0 0.35rem;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: rgba(232, 200, 140, 0.88);
}

body.recruitment-nev-page .recruitment-info-ref__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem 0.65rem;
}

body.recruitment-nev-page .recruitment-info-ref__url {
	display: block;
	flex: 1 1 12rem;
	min-width: 0;
	margin: 0;
	padding: 0.35rem 0.45rem;
	font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
	font-size: 13px;
	line-height: 1.45;
	word-break: break-all;
	color: #ffb870;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(220, 175, 100, 0.28);
	border-radius: 6px;
	box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page .recruitment-info-ref__copy {
	flex: 0 0 auto;
	margin: 0;
	padding: 0.42rem 0.85rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #f0d8a0;
	cursor: pointer;
	border: 1px solid rgba(200, 160, 90, 0.55);
	border-radius: 6px;
	background:
		linear-gradient(180deg, rgba(72, 52, 30, 0.95) 0%, rgba(42, 30, 18, 0.98) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.12),
		0 2px 8px rgba(0, 0, 0, 0.35);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	transition:
		color 0.15s ease,
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		background 0.15s ease;
}

body.recruitment-nev-page .recruitment-info-ref__copy:hover,
body.recruitment-nev-page .recruitment-info-ref__copy:focus-visible {
	color: #fff0d2;
	border-color: rgba(230, 190, 120, 0.75);
	background:
		linear-gradient(180deg, rgba(92, 68, 38, 0.98) 0%, rgba(52, 38, 22, 0.99) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 180, 0.18),
		0 0 10px rgba(220, 170, 90, 0.28),
		0 2px 10px rgba(0, 0, 0, 0.4);
	outline: none;
}

body.recruitment-nev-page .recruitment-info-ref__copy:active {
	transform: translateY(1px);
	box-shadow:
		inset 0 2px 6px rgba(0, 0, 0, 0.45),
		0 1px 4px rgba(0, 0, 0, 0.3);
}

body.recruitment-nev-page .recruitment-info-ref__status {
	flex: 1 1 100%;
	min-height: 1.1em;
	font-size: 0.8rem;
	font-weight: 600;
	color: rgba(232, 200, 140, 0.9);
}

body.recruitment-nev-page .recruitment-info-link,
body.recruitment-nev-page .recruitment-info-link:link,
body.recruitment-nev-page .recruitment-info-link:visited {
	color: #e2bc78 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
	text-decoration-color: rgba(200, 155, 85, 0.55);
	font-weight: 600;
}

body.recruitment-nev-page .recruitment-info-link:hover,
body.recruitment-nev-page .recruitment-info-link:focus-visible {
	color: #fff0d2 !important;
	text-decoration-color: rgba(255, 215, 160, 0.75);
}

body.recruitment-nev-page .recruitment-info-list {
	margin: 0.35rem 0 0.65rem;
	padding-left: 1.35rem;
}

body.recruitment-nev-page .recruitment-info-list li {
	margin: 0 0 0.4rem;
	line-height: 1.55;
}

body.recruitment-nev-page .recruitment-info-list li:last-child {
	margin-bottom: 0;
}

/* recruitment.php: блок «Награды» (ref. recruitment_print_awards) */
body.recruitment-nev-page .recruitment-nev-awards {
	--rec-awards-border: rgba(200, 160, 90, 0.38);
	--rec-awards-fill: linear-gradient(90deg, rgba(180, 120, 55, 0.95) 0%, rgba(230, 175, 95, 0.88) 50%, rgba(200, 145, 70, 0.95) 100%);
	--rec-awards-track: rgba(12, 10, 8, 0.75);
	margin-top: 0.25rem;
}

/* Верхняя панель: общий прогресс */
body.recruitment-nev-page .recruitment-awards-progress {
	max-width: min(100%, 520px);
	margin: 0.85rem auto 1rem;
	padding: 0.75rem 0.9rem;
	border-radius: 10px;
	border: 1px solid rgba(200, 160, 90, 0.34);
	background: rgba(12, 10, 8, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.06), inset 0 -8px 16px rgba(0, 0, 0, 0.22);
}

body.recruitment-nev-page .recruitment-awards-progress__label {
	margin: 0 0 0.5rem;
	text-align: center;
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #f0d8a0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.recruitment-nev-page .recruitment-awards-progress__bar {
	position: relative;
	height: 16px;
	border-radius: 999px;
	background: var(--rec-awards-track);
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(200, 160, 90, 0.42);
	overflow: hidden;
}

body.recruitment-nev-page .recruitment-awards-progress__fill {
	height: 100%;
	min-width: 0;
	border-radius: inherit;
	background: var(--rec-awards-fill);
	box-shadow: 0 0 14px rgba(212, 165, 95, 0.42);
	transition: width 0.35s ease;
}

body.recruitment-nev-page .recruitment-awards-progress__value {
	margin-top: 0.4rem;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 700;
	color: #efe4d0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

/* Верхняя панель: сводка кошелька */
body.recruitment-nev-page .recruitment-awards-summary {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 0 1rem;
	padding: 0;
	border: 1px solid rgba(200, 160, 90, 0.36);
	border-radius: 10px;
	background: rgba(14, 11, 9, 0.68);
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.05), 0 4px 14px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}

body.recruitment-nev-page .recruitment-awards-summary__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.5rem 1rem;
	padding: 0.62rem 0.95rem;
	border-bottom: 1px solid rgba(200, 160, 90, 0.14);
	font-size: var(--nev-text-body-size, 0.95rem);
}

body.recruitment-nev-page .recruitment-awards-summary__row:last-child {
	border-bottom: none;
}

body.recruitment-nev-page .recruitment-awards-summary__row--split .recruitment-awards-summary__value-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem 0.7rem;
	min-width: 0;
	text-align: right;
}

body.recruitment-nev-page .recruitment-awards-summary__label {
	color: rgba(232, 224, 210, 0.9);
	line-height: 1.35;
}

body.recruitment-nev-page .recruitment-awards-summary__value {
	color: #f2efe8;
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

body.recruitment-nev-page .recruitment-awards-summary__value--accent {
	color: #ffc880;
	text-shadow: 0 0 10px rgba(212, 165, 95, 0.28);
}

body.recruitment-nev-page .recruitment-awards-summary__take-form {
	display: inline-block;
	margin: 0;
	line-height: 0;
}

body.recruitment-nev-page .recruitment-awards-summary .butt2 {
	display: inline-block;
	margin: 0;
	line-height: 0;
	vertical-align: middle;
}

body.recruitment-nev-page .recruitment-awards-summary .butt2 input {
	min-height: 34px;
	min-width: 4.5rem;
	padding: 0.28rem 0.65rem;
	font-size: var(--nev-text-label-size, 0.9rem);
	font-weight: 700;
	font-family: inherit;
	border-radius: 8px;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(90, 55, 35, 0.9) 0%, rgba(45, 32, 22, 0.95) 100%);
	color: #ffd89a !important;
	border: 2px solid rgba(220, 160, 80, 0.45);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.recruitment-nev-page .recruitment-awards-summary .butt2 input:hover {
	background: rgba(60, 48, 36, 0.9);
	border-color: rgba(200, 160, 100, 0.6);
}

/* Верхняя панель: фильтры наград */
body.recruitment-nev-page .recruitment-awards-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: center;
	margin: 0 0 1rem;
	padding: 0.45rem;
	border-radius: 10px;
	border: 1px solid rgba(200, 160, 90, 0.22);
	background: rgba(10, 8, 6, 0.42);
}

body.recruitment-nev-page .recruitment-awards-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0.4rem 0.95rem;
	font-size: var(--nev-text-label-size, 0.9rem);
	font-weight: 600;
	border-radius: 8px;
	border: 1px solid rgba(190, 145, 75, 0.32);
	color: rgba(232, 224, 210, 0.9) !important;
	background: linear-gradient(180deg, rgba(52, 38, 26, 0.82) 0%, rgba(28, 20, 14, 0.9) 100%);
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.05);
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		box-shadow 0.18s ease;
}

body.recruitment-nev-page .recruitment-awards-tab:hover {
	border-color: rgba(220, 175, 110, 0.52);
	background: linear-gradient(180deg, rgba(72, 48, 30, 0.9) 0%, rgba(38, 28, 19, 0.94) 100%);
	color: #fff4e0 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.1),
		0 2px 8px rgba(0, 0, 0, 0.2);
}

body.recruitment-nev-page .recruitment-awards-tab--active,
body.recruitment-nev-page .recruitment-awards-tab.is-active {
	border-color: rgba(240, 190, 105, 0.72);
	background: linear-gradient(180deg, rgba(118, 76, 42, 0.98) 0%, rgba(62, 40, 24, 0.98) 100%);
	color: #fff6e0 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 175, 0.16),
		0 0 12px rgba(210, 150, 60, 0.22);
}

body.recruitment-nev-page .recruitment-awards-tab--active:hover,
body.recruitment-nev-page .recruitment-awards-tab.is-active:hover {
	border-color: rgba(248, 205, 120, 0.78);
	color: #fffaf0 !important;
}

body.recruitment-nev-page .recruitment-nev-awards-list {
	display: flex;
	flex-direction: column;
	gap: 0.95rem;
}

/* Карточки наград */
body.recruitment-nev-page .recruitment-reward-card {
	border-radius: 10px;
	border: 1px solid rgba(200, 160, 90, 0.34);
	overflow: hidden;
	background: rgba(14, 11, 9, 0.72);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.05),
		inset 0 -12px 20px rgba(0, 0, 0, 0.22),
		0 5px 16px rgba(0, 0, 0, 0.32);
}

body.recruitment-nev-page .recruitment-reward-card--done {
	border-color: rgba(130, 175, 100, 0.42);
	box-shadow:
		inset 0 1px 0 rgba(190, 230, 160, 0.08),
		inset 0 -12px 20px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(120, 160, 90, 0.14),
		0 5px 16px rgba(0, 0, 0, 0.28);
}

body.recruitment-nev-page .recruitment-reward-card--available {
	border-color: rgba(220, 165, 90, 0.46);
	background: rgba(18, 14, 11, 0.78);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.08),
		inset 0 -12px 20px rgba(0, 0, 0, 0.2),
		0 0 10px rgba(210, 150, 60, 0.12),
		0 5px 16px rgba(0, 0, 0, 0.3);
}

body.recruitment-nev-page .recruitment-reward-card--locked {
	border-color: rgba(160, 130, 90, 0.24);
	background: rgba(12, 10, 8, 0.8);
	opacity: 0.94;
}

body.recruitment-nev-page .recruitment-reward-card--repeatable {
	border-color: rgba(170, 140, 220, 0.32);
	box-shadow:
		inset 0 1px 0 rgba(220, 200, 255, 0.06),
		inset 0 -12px 20px rgba(0, 0, 0, 0.2),
		0 0 0 1px rgba(150, 120, 200, 0.1),
		0 5px 16px rgba(0, 0, 0, 0.3);
}

body.recruitment-nev-page .recruitment-reward-card__head {
	padding: 0.7rem 1rem 0.55rem;
	border-bottom: 1px solid rgba(200, 160, 90, 0.16);
	background: linear-gradient(180deg, rgba(24, 18, 13, 0.72) 0%, rgba(10, 8, 6, 0.55) 100%);
}

body.recruitment-nev-page .recruitment-reward-card__title {
	margin: 0;
	font-size: var(--nev-card-title-size, 1.12rem);
	font-weight: 700;
	line-height: var(--nev-panel-title-lh, 1.3);
	color: #f6efe4;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.recruitment-nev-page .recruitment-reward-card--locked .recruitment-reward-card__title {
	color: #d8cdc0;
}

body.recruitment-nev-page .recruitment-reward-card--done .recruitment-reward-card__title {
	color: #eef5e6;
}

body.recruitment-nev-page .recruitment-reward-card--repeatable .recruitment-reward-card__title {
	color: #ebe4f8;
}

body.recruitment-nev-page .recruitment-reward-card__progress {
	margin-top: 0.45rem;
}

body.recruitment-nev-page .recruitment-reward-card__bar {
	position: relative;
	height: 12px;
	border-radius: 999px;
	background: rgba(8, 6, 5, 0.82);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(200, 160, 90, 0.28);
	overflow: hidden;
}

body.recruitment-nev-page .recruitment-reward-card__fill {
	height: 100%;
	min-width: 0;
	border-radius: inherit;
	background: var(--rec-awards-fill);
	box-shadow: 0 0 10px rgba(212, 165, 95, 0.32);
	transition: width 0.35s ease;
}

body.recruitment-nev-page .recruitment-reward-card--locked .recruitment-reward-card__fill {
	box-shadow: none;
}

body.recruitment-nev-page .recruitment-reward-card__progress-value {
	margin-top: 0.28rem;
	text-align: right;
	font-size: 0.82rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: #e8dcc8;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.recruitment-nev-page .recruitment-reward-card--done .recruitment-reward-card__progress-value {
	color: #d8e8c8;
}

body.recruitment-nev-page .recruitment-reward-card__body {
	display: grid;
	grid-template-columns: minmax(64px, 92px) 1fr;
	gap: 0.75rem 1rem;
	align-items: start;
	padding: 0.8rem 1rem 0.95rem;
}

@media (max-width: 520px) {
	body.recruitment-nev-page .recruitment-reward-card__body {
		grid-template-columns: 1fr;
	}

	body.recruitment-nev-page .recruitment-reward-card__icon {
		justify-self: center;
	}
}

body.recruitment-nev-page .recruitment-reward-card__icon {
	min-width: 0;
	padding: 0.35rem;
	border-radius: 8px;
	border: 1px solid rgba(200, 160, 90, 0.28);
	background: linear-gradient(180deg, rgba(28, 22, 16, 0.9) 0%, rgba(14, 11, 8, 0.95) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 160, 0.08),
		inset 0 -6px 12px rgba(0, 0, 0, 0.35),
		0 2px 8px rgba(0, 0, 0, 0.25);
}

body.recruitment-nev-page .recruitment-reward-card--done .recruitment-reward-card__icon {
	border-color: rgba(130, 175, 100, 0.35);
	box-shadow:
		inset 0 1px 0 rgba(200, 230, 180, 0.1),
		inset 0 -6px 12px rgba(0, 0, 0, 0.3),
		0 0 8px rgba(120, 160, 90, 0.12);
}

body.recruitment-nev-page .recruitment-reward-card--repeatable .recruitment-reward-card__icon {
	border-color: rgba(170, 140, 220, 0.32);
}

/* Счётчик количества на иконке предмета (tpl_artifact_print → .bpdig) */
body.recruitment-nev-page .recruitment-reward-card__icon table.item > tbody > tr > td {
	position: relative !important;
}

body.recruitment-nev-page .recruitment-reward-card__icon .bpdig {
	position: absolute !important;
	left: 3px !important;
	bottom: 3px !important;
	right: auto !important;
	top: auto !important;
	z-index: 4 !important;
	margin: 0 !important;
	padding: 2px 6px !important;
	width: auto !important;
	min-width: 1.35rem;
	height: auto !important;
	min-height: 1rem;
	line-height: 1.2 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	font-variant-numeric: tabular-nums;
	color: #fff8ec !important;
	text-align: center !important;
	background: rgba(10, 8, 6, 0.88) !important;
	border: 1px solid rgba(230, 185, 105, 0.65) !important;
	border-radius: 5px !important;
	box-shadow:
		0 2px 6px rgba(0, 0, 0, 0.65),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 1),
		0 0 6px rgba(0, 0, 0, 0.75);
	box-sizing: border-box;
}

body.recruitment-nev-page .recruitment-reward-card__description {
	font-size: var(--nev-text-body-size, 0.95rem);
	line-height: var(--nev-text-body-lh, 1.55);
	color: rgba(236, 228, 216, 0.92);
}

body.recruitment-nev-page .recruitment-reward-card--locked .recruitment-reward-card__description {
	color: rgba(220, 210, 195, 0.82);
}

body.recruitment-nev-page .recruitment-reward-card__description a {
	color: #ffb870 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.recruitment-nev-page .recruitment-reward-card__description a:hover {
	color: #ffd9a8 !important;
}

body.recruitment-nev-page .recruitment-nev-awards-empty {
	text-align: center;
	margin: 1.25rem 0;
	padding: 1rem;
	border-radius: 10px;
	border: 1px dashed rgba(200, 160, 90, 0.35);
	color: rgba(220, 210, 195, 0.85);
	background: rgba(12, 10, 8, 0.45);
}

/* recruitment.php: пустые списки рефералов и летописи */
body.recruitment-nev-page .recruitment-nev-body tr.recruitment-empty-row td,
body.recruitment-nev-page .recruitment-nev-body td.recruitment-empty-cell {
	padding: 10px 14px !important;
	text-align: center !important;
	vertical-align: middle !important;
	white-space: normal !important;
	border-color: rgba(200, 160, 90, 0.22) !important;
	background: rgba(10, 8, 6, 0.42) !important;
	background-image: none !important;
}

body.recruitment-nev-page .recruitment-nev-body .referal_list tr.recruitment-empty-row td,
body.recruitment-nev-page .recruitment-nev-body .chronicle_table tr.recruitment-empty-row td {
	width: 100%;
}

body.recruitment-nev-page .recruitment-empty {
	box-sizing: border-box;
	display: block;
	width: min(100%, 520px);
	max-width: 100%;
	margin: 0 auto;
	padding: 12px 16px;
	border-radius: 8px;
	background: rgba(12, 10, 8, 0.62);
	border: 1px solid rgba(200, 160, 90, 0.34);
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.42);
	text-align: center;
}

body.recruitment-nev-page .recruitment-empty__title {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	color: #e8c878;
}

body.recruitment-nev-page .recruitment-empty__text {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	color: rgba(220, 210, 195, 0.86);
}

@media (prefers-reduced-motion: reduce) {
	html.site-landing-html {
		scroll-behavior: auto;
	}

	.site-btn:hover {
		transform: none;
	}
}