@charset "utf-8";
/* RAID merged base from my-style.css. Keep dark-test.css as the only custom CSS entry point. */
/* =============================================================================
   Базовые настройки и типографика
   ============================================================================= */
/* File structure:
   1. Legacy merged site styles from my-style.css.
   2. Active dark-theme overrides loaded after the inherited Modern theme.
   3. Component fixes and content-type refinements.
   Keep new visual fixes in the active override layer unless replacing legacy code deliberately. */
:root {
	--raid-bg: #1c1423;
	--raid-bg-deep: #120d18;
	--raid-bg-soft: #251b2e;
	--raid-surface: #2a2035;
	--raid-surface-2: #332742;
	--raid-surface-3: #40314f;
	--raid-border: #554765;
	--raid-border-soft: rgba(229, 238, 255, 0.14);
	--raid-text: #eae5f4;
	--raid-text-soft: #d8d0e6;
	--raid-muted: #aaa0b9;
	--raid-accent: #efff3c;
	--raid-accent-strong: #dfff32;
	--raid-accent-text: #16121c;
	--raid-red: #ff3c50;
	--raid-green: #71ffb6;
	--raid-cyan: #97e9ff;
	--raid-pink: #ffb6e8;
	--raid-violet: #bca8ff;
	--raid-warning: #ffd76e;
	--raid-shadow: rgba(0, 0, 0, 0.42);
}

a,
.page-link,
aside a,
.heroes_list_item .f_title a {
	color: var(--raid-accent-strong);
}

a:hover,
a:focus,
.page-link:hover,
aside a:hover {
	color: #ffffff;
}

pre,
code,
kbd,
.bb_code {
	background: var(--raid-bg-deep);
	color: var(--raid-cyan);
	border-color: var(--raid-border-soft);
}


html,
body {
	background: var(--raid-bg);
	color: var(--raid-text);
}

body {
	background:
		radial-gradient(circle at 7% 6%, rgba(190, 168, 255, 0.13), transparent 30rem),
		radial-gradient(circle at 90% 12%, rgba(239, 255, 60, 0.08), transparent 24rem),
		linear-gradient(180deg, var(--raid-bg) 0%, var(--raid-bg-deep) 100%);
}

::selection {
	background: var(--raid-accent);
	color: var(--raid-accent-text);
}

.container, .container-sm, .container-md, .container-lg, .container-xl {
	max-width: 1350px;
}
h1 {
  font-size: clamp(1.2rem, 2.2vw + 0.7rem, 2.1rem);
	margin-bottom: clamp(1.2rem, 2.2vw + 0.7rem, 2.1rem);
	color: var(--raid-accent);
}

h1 span,
.text-muted,
.relevants_more_loading,
caption,
.blockquote-footer {
	color: var(--raid-muted) !important;
	font-weight: 200;
}

blockquote {
	border-left: 1px solid;
	border-radius: 6px;
}

#video_promo h1 {
	font-size: clamp(1rem, 0.815rem + 3.68vw, 3.8rem);
}
h2, .h2 {
	font-size: clamp(1rem, 0.815rem + 1.58vw, 1.7rem);
}
h3, .h3 {
	font-size: 1.1rem;
	margin-top: -3px;
}
.f_content h3 {
	font-size: 1.3rem;
	color: var(--raid-accent);
}
.f_content h3::before {
	content: "⋮ "; /* ★, ►, ◆, ✦ */
	font-weight: bold;
	margin-right: 2px;
	color: var(--raid-accent-strong);
}
.f_content nav {
	padding: 15px 15px 5px 15px;
	-webkit-background-size: 8px 8px !important;
	background-size: 8px 8px !important;
}
.jumps_title {
	font-size: 1.3rem;
}
h4, .h4 {
	font-size: 1rem;
}
h5, .h5 {
	font-size: 1rem;
}
/* Разделители и цитаты */
hr {
	margin-bottom: 2rem;
	border-top-color: var(--raid-border-soft);
}

.auth-login {
	border-radius: 8px;
	padding: 1px 8px;
}

article h2, 
.heroes_item .title_top, .grid-6 .f_title_en, .content_list .f_title_en {
	color: #c5aedf;
}

article strong,
article h4 {
	color: #b792df;
}

.raid-rating-stars {
	color: var(--raid-accent);
}

.raid-metamorph-form-switch {
	display: flex;
	justify-content: center;
	margin: 0 0 16px;
}

.raid-metamorph-form-toggle {
	width: 100px;
	height: 50px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.raid-metamorph-form-toggle span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('/upload/icon/metamorph_active.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}

.raid-metamorph-form-toggle.is-alt span {
	background-position: bottom center;
}

.raid-metamorph-skills-field [data-metamorph-form][hidden] {
	display: none !important;
}

.raid-metamorph-skills-field .raid-metamorph-first-visible {
	margin-top: 0 !important;
}

@media screen and (max-width: 480px) {
	.raid-metamorph-form-toggle {
		width: 100px;
		height: 50px;
	}
}

/* =============================================================================
   Утилитарные классы и списки
   ============================================================================= */
/* Стили для старых/новых записей */
.old {
}
.old:before {
}
.new {
}
.new:before {
}
.relics_item .ft_image img, .location_item .ft_image img {
	max-width: 240px;
}
.relics_item .ft_html ul {
	padding-top: 5px;
}
.relics_item .ft_html li {
	list-style-type: none;
}
td.title {
	white-space: nowrap; /* запрет переноса текста */
	width: 250px;
}
.hero {
	padding-inline-start: 0;
}
.hero li {
	list-style-type: none;
}
.hero li:before {
	content: "🃏 ";
}
/* =============================================================================
   Навигация и шапка сайта
   ============================================================================= */
/* Navbar */
.navbar-brand img {
	max-width: 130px;
}
/* Логотип – уточнение для темной навигации */
.navbar-dark .navbar-nav .nav-link {
	font-size: 1.1rem;
}
.bg-primary {
	margin-bottom: 20px;
}
/* =============================================================================
   Виджеты и общие карточки
   ============================================================================= */
.icms-widget .img-fluid {
	width: 100%;
}
.card {
	border: none;
}
.card-header {
}
.card-body {
	padding: 0;
}
.card-body h3 {
	text-align: center;
	margin-bottom: 15px;
}
/* Изображения в виджетах и формах */
.rarki img {
	width: 80px;
	margin-right: 10px;
}
.ulogin_form {
	float: right;
}
/* Категория и заголовки */
.category_top {
	margin: 0 -20px;
}
.title_top {
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
}
.category_description {
	margin-top: 2em;
}
/* =============================================================================
   Карточки героя и помощников
   ============================================================================= */
/* Карточка героя */
.heroes_item .title_top {
	padding: 15px;	 
}
.heroes_item_props {
	/* пустой блок – можно добавить общие правила */
}
.heroes_item_props .table {
	margin-bottom: 0;
	padding-bottom: 10px;
}
.heroes_item_props .table th {
	border: none;
	padding: 10px;
	text-align: center;
}
.heroes_item_props .table th:hover {
}
.ft_navigation {
	margin-bottom: 20px;
}
.hero_card {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 220px 247px 1fr;
}
.hero_card .ft_photo img {
	width: 100%;
	margin-top: 5px;
}
/* Минион-карточки */
.minion_card {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 160px 1fr;
	margin-bottom: 15px;
}
.minion_item {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 160px;
}
.minion_card h3 {
	padding: 10px;
	text-transform: uppercase;
	font-size: 1.4rem;
	text-align: center;
}
.minion_card h5 {
}
.minion_card .skill_icon {
	margin-top: 0;
	padding: 0;
	border-radius: 6px;
}
.skill_icon a.zash {
	position: relative;
	display: inline-block;
	border-radius: 4px;
	overflow: hidden; /* чтобы внутренний контур обрезался по краям */
}
.skill_icon a.zash::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 2px solid #FFD700;
	border-radius: 3px; /* чуть меньше, чтобы повторял форму */
	pointer-events: none; /* не мешает кликам по ссылке */
	box-sizing: border-box;
}
.skill_icon a.zash:hover::after {
	box-shadow: 0 0 8px #FFD700;
}

.hero-review table {
	width: 100%;
	table-layout: fixed;
	text-align: center;
}
.hero-review table td, 
.hero-review table th {
	width: auto;
}

/* =============================================================================
   Списки, сетки и галереи
   ============================================================================= */
/* Список локаций */
.loc_list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 10px;
	font-size: 16px;
	text-align: center;
}
.history_list img {
	max-height: 160px;
}

.history_item .left_field{
	float: none !important;
    margin-right: 0 !important;	
}
.history_item .left_field img {
	padding-bottom: 15px;
}

/* Кнопки видео */
.f_video .btn {
}
/* Фракция */
.ft_frakciya {
	display: grid;
	grid-gap: 5px;
	font-size: 16px;
}
.ft_frakciya div {
	font-size: 20px;
	padding: 7px;
	text-align: center;
	align-self: center;
}
.ft_frakciya > div.frakciya_logo {
	margin: auto;
	border: none;
}
/* Элементы (иконки) */
.ehlement img {
	height: 30px;
	margin-right: 5px;
}
div.redkost {
	font-size: 22px;
	padding: 6px;
	text-align: center;
}
div.redkost_990, .nav-item__mythical {
}
div.redkost_1000, .nav-item__legendary {
}
div.redkost_1010, .nav-item__epic {
}
div.redkost_1020, .nav-item__rare {
}
div.redkost_1030 {
}
.aura {
	display: flex;
	justify-content: center;
}
.aura img {
	height: 26px;
	margin-right: 6px;
}
/* Галерея талантов и изображений */
.f_gallery .value div {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 10px;
}
.first_type_images, .second_type_images {
	margin-right: 0;
}
.f_images .value {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	align-items: center;
}
.f_images .value a {
	display: block;
	min-width: 0;
}
.img-thumbnail {
	padding: 0;
	width: 100%;
	border-radius: 5px;
	height: 100%;
	object-fit: cover;
}
/* Аналоги – объединяем все правила в один блок */
.analogi {
	display: grid;
	grid-template-columns: repeat(6, 1fr) !important;
	grid-gap: 4px;
	text-align: center;
	margin-bottom: 1.5rem !important;
}
/* Общие сетки для списков героев/локаций */
.heroes_list, .location_list, .analogi, .heroes_group {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-gap: 8px;
	align-items: stretch;
	text-align: center;
	margin-bottom: 1.5rem !important;
}
aside .heroes_list, .heroes_group {
	grid-template-columns: repeat(2, 1fr);
}
.location_list {
	grid-template-columns: repeat(6, 1fr);
}
/* Внутри блока навыков переопределяем сетку */
.skills_item .heroes_list, .skills_item .location_list {
	display: block;
}
/* Отдельный элемент списка героев */
.heroes_list_item {
	min-width: 0;
	margin-bottom: 10px;
}
.heroes_list_item .icms-content-fields {
	height: 100%;
	min-width: 0;
}
.heroes_list_item .f_photo .value,
.heroes_list_item .f_photo a {
	display: block;
}
.heroes_list_item .f_title a {
}
.heroes_list_item .f_photo img,
.heroes_list_item .ft_image img {
	width: 100%;
	height: auto;
	display: block;
}
.heroes_list_item .f_title,
.heroes_list_item .f_title .value {
	min-width: 0;
	overflow-wrap: anywhere;
}
.relevants_datasets {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}
.relevants_datasets .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
}
.relevants_more {
	margin: 18px 0 24px;
	text-align: center;
}
.relevants_more_loading {
	display: inline-block;
	margin-left: 10px;
}
.relevants_more_sentinel {
	height: 1px;
}
.f_ehlement {
	position: absolute;
	margin: 14px 12px;
}
.ehlement_icon {
	display: block;
	height: 30px;
}
.icms-widget__content_list .ehlement_icon {
	margin: 5px 0 0 5px;
}
.icms-filter-panel .f_ehlement {
	display: none
}
.heroes_list_item .f_bafy a, .heroes_list_item .f_debafy a {
	font-size: 1px;
	width: 30px;
	height: 30px;
	padding-left: 0;
	min-width: 30px;
}
.heroes_list_item .list-inline-item:not(:last-child) {
	margin-right: 0.2rem;
}
.heroes_list_item .multiple_tags_list li {
	border: none;
	text-align: center;
	vertical-align: middle;
	border-radius: 0;
}
/* =============================================================================
   Раздел "Дары", "Реликты" и "Артефакты"
   ============================================================================= */
/* ТРИ КОЛОНКИ */
#fset_props1, #fset_props2, #fset_props3, #fset_props4, #fset_props5, #fset_props6, #fset_props7, #fset_props8 {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 27px;
	align-items: anchor-center;
	justify-content: start;
}
/* Дары и реликты */
.grid-6 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-auto-rows: minmax(auto, max-content);
	gap: 6px;
	font-size: 0.7rem;
	text-align: center;
}
.grid-6 h4 {
	font-size: 0.9rem;
	margin-bottom: 0.1rem;
	margin-top: 0.6rem;
}
.grid-6 .f_title_en, .content_list .f_title_en {
	font-size: 0.8rem;
}
.ft_parent .grid-6 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ft_parent {
	display: block;
	padding: 10px;
}
.skills_item .ft_parent {
	padding: 0px;
}

.ft_parent h4 {
	font-size: 14px;
	margin: 0;
	padding: 6px 2px;
}
.ft_parent .f_title {
	margin-bottom: 0 !important;
}
.ft_parent .value .location_list, .ft_parent .value .artefakty_list, .ft_parent .value .kamni_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.ft_parent .kamni_list_item {
	max-width: 70px;
}
.ft_parent .kamni_list_item .f_title {
	display: none;
}
.ft_parent .value .location_list h4 {
	font-size: 0.8rem;
}
.ft_parent .value .dary_list img, .ft_parent .value .location_list img, .grid-6 img {
	max-width: 150px;
}
/* Артефакты */
.artefakty_list, .kamni_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	text-align: center;
}
.artefakty_list .f_title {
	margin-bottom: 0 !important;
}
.artefakty_list .f_photo {
	margin-bottom: 0.3rem !important;
}
.artefakty_list_item, .kamni_list_item {
	max-width: 110px;
}


/* =============================================================================
   Меню, вкладки и кнопки наборов
   ============================================================================= */
.ctype_navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}
.ctype_navigation > div {
	padding: 8px 10px;
	border-radius: .25rem;
	text-align: center;
}
.ctype_navigation > div a {
}
.ft_navigation {
	margin-bottom: 20px;
}
/* Pills-меню */
.pills-menu li {
	margin-right: 10px;
	border-radius: 0.25rem;
}
/* Стили для кнопок набора (напр., стили для набора духов, магии, силы, пустоты) */
.nav-item__duh a, .nav-item__magic a, .nav-item__sila a, .nav-item__void a, .nav-item__duh span, .nav-item__magic span, .nav-item__sila span, .nav-item__void span {
	min-width: 45px;
	text-align: center;
	padding-left: 45px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	font-weight: bold;
}
.nav-pills .nav-item__all .active {
}
/* Фоновые изображения для кнопок наборов */
.nav-item__duh {
	background: url(/upload/icon/ehlement_1000.png) no-repeat;
	background-size: contain;
}
.nav-item__magic {
	background: url(/upload/icon/ehlement_1010.png) no-repeat;
	background-size: contain;
}
.nav-item__sila {
	background: url(/upload/icon/ehlement_1020.png) no-repeat;
	background-size: contain;
}
.nav-item__void {
	background: url(/upload/icon/ehlement_1030.png) no-repeat;
	background-size: contain;
}
/* Фон для бафов, дебафов и скиллов */
.nav-item__baf, .nav-item__support {
}
.nav-item__debaf, .nav-item__attack {
}
.nav-item__skill, .nav-item__protection {
}
.nav-item__baf a, .nav-item__support a, .nav-item__debaf a, .nav-item__attack a, .nav-item__skill a, .nav-item__protection a, .nav-item__baf .active, .nav-item__debaf .active, .nav-item__skill .active, .nav-item__mythical a, .nav-item__legendary a, .nav-item__epic a, .nav-item__rare a {
}
/* Альтернативные иконки (webp) для элементов */
.ehlement_1000 {
	background: url(/upload/icon/ehlement_1000.webp) no-repeat;
	background-size: contain;
}
.ehlement_1010 {
	background: url(/upload/icon/ehlement_1010.webp) no-repeat;
	background-size: contain;
}
.ehlement_1020 {
	background: url(/upload/icon/ehlement_1020.webp) no-repeat;
	background-size: contain;
}
.ehlement_1030 {
	background: url(/upload/icon/ehlement_1030.webp) no-repeat;
	background-size: contain;
}
.hero_card .ehlement {
	background: none;
}
/* =============================================================================
   Формы и навигационные элементы внутри карточек
   ============================================================================= */
/* Элемент формы в строке */
form .form-row .f_skill {
	width: 100% !important;
	flex: 0 0 100%;
	max-width: 100%;
}
/* Элементы навигации внутри карточки */
.card .nav-item {
	border-radius: 6px;
	margin-right: 5px;
	text-align: left;
}
.nav-fill > .nav-link, .nav-fill .nav-item {
	width: 100%;
}
/* =============================================================================
   Блоки персонажей и навыков
   ============================================================================= */
/* Элемент персонажа */
.chars_item {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 100px auto 220px;
	margin-bottom: 20px;
	padding: 6px 0;
}
.chars_item img {
	border-radius: 50%;
}
.chars_item div:first-child p {
	text-align: center;
	font-weight: bold;
}
.chars_item strong, .skills_list_item .f_content strong {
	color: #00cf73;
}
.chars_item a, .skills_list_item .f_content a {
}
.chars_item del, .f_content del {
	text-decoration: none;
}
.chars_item del, .skills_list em, .game_news_item em, .skills_list_item .f_content del {
	color: #d49bfc;
}

.ft_parent .skills_list h5 {
}
.ft_parent .skills_list h5 span {
}

.f_photo.left_field ~ .field {
    display: flow-root;
}

/* Партнеры */
.partner {
	display: grid;
	grid-template-columns: 1fr 20px 1fr;
	grid-gap: 5px;
	align-items: center;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
}
.partner img {
	max-width: 110px;
	width: 100%;
}
/* =============================================================================
   Иконки бафов, дебафов и скиллов (множество однотипных правил)
   ============================================================================= */
/* Общие отступы для ссылок */
.f_skill {
	margin-bottom: 15px; 
}

.f_debafy a, .f_bafy a, .f_skill a {
	padding-left: 35px;
	min-width: 142px;
}
.f_debafy .list-inline-item {
	margin-bottom: 6px;
}
.icms-content-fields .f_skill .list-inline-item {
	margin-bottom: 8px;
}
/* Bafy */
.bafy_1 a {
	background: url(/upload/icon/bafy_1.png) no-repeat;
	background-size: contain;
}
.bafy_2 a {
	background: url(/upload/icon/bafy_2.png) no-repeat;
	background-size: contain;
}
.bafy_3 a {
	background: url(/upload/icon/bafy_3.png) no-repeat;
	background-size: contain;
}
.bafy_4 a {
	background: url(/upload/icon/bafy_4.png) no-repeat;
	background-size: contain;
}
.bafy_5 a {
	background: url(/upload/icon/bafy_5.png) no-repeat;
	background-size: contain;
}
.bafy_6 a {
	background: url(/upload/icon/bafy_6.png) no-repeat;
	background-size: contain;
}
.bafy_7 a {
	background: url(/upload/icon/bafy_7.png) no-repeat;
	background-size: contain;
}
.bafy_8 a {
	background: url(/upload/icon/bafy_8.png) no-repeat;
	background-size: contain;
}
.bafy_9 a {
	background: url(/upload/icon/bafy_9.png) no-repeat;
	background-size: contain;
}
.bafy_10 a {
	background: url(/upload/icon/bafy_10.png) no-repeat;
	background-size: contain;
}
.bafy_11 a {
	background: url(/upload/icon/bafy_11.png) no-repeat;
	background-size: contain;
}
.bafy_12 a {
	background: url(/upload/icon/bafy_12.png) no-repeat;
	background-size: contain;
}
.bafy_13 a {
	background: url(/upload/icon/bafy_13.png) no-repeat;
	background-size: contain;
}
.bafy_14 a {
	background: url(/upload/icon/bafy_14.png) no-repeat;
	background-size: contain;
}
.bafy_15 a {
	background: url(/upload/icon/bafy_15.png) no-repeat;
	background-size: contain;
}
.bafy_16 a {
	background: url(/upload/icon/bafy_16.png) no-repeat;
	background-size: contain;
}
.bafy_17 a {
	background: url(/upload/icon/bafy_17.png) no-repeat;
	background-size: contain;
}
.bafy_18 a {
	background: url(/upload/icon/bafy_18.png) no-repeat;
	background-size: contain;
}
.bafy_19 a {
	background: url(/upload/icon/bafy_19.png) no-repeat;
	background-size: contain;
}
.bafy_20 a {
	background: url(/upload/icon/bafy_20.png) no-repeat;
	background-size: contain;
}
.bafy_21 a {
	background: url(/upload/icon/bafy_21.png) no-repeat;
	background-size: contain;
}
.bafy_22 a {
	background: url(/upload/icon/bafy_22.png) no-repeat;
	background-size: contain;
}
.bafy_23 a {
	background: url(/upload/icon/bafy_23.png) no-repeat;
	background-size: contain;
}
.bafy_24 a {
	background: url(/upload/icon/bafy_24.png) no-repeat;
	background-size: contain;
}
.bafy_25 a {
	background: url(/upload/icon/bafy_25.png) no-repeat;
	background-size: contain;
}
.bafy_26 a {
	background: url(/upload/icon/bafy_26.png) no-repeat;
	background-size: contain;
}
.bafy_27 a {
	background: url(/upload/icon/bafy_27.png) no-repeat;
	background-size: contain;
}
/* Debafy */
.debafy_1 a {
	background: url(/upload/icon/debafy_1.png) no-repeat;
	background-size: contain;
}
.debafy_2 a {
	background: url(/upload/icon/debafy_2.png) no-repeat;
	background-size: contain;
}
.debafy_3 a {
	background: url(/upload/icon/debafy_3.png) no-repeat;
	background-size: contain;
}
.debafy_4 a {
	background: url(/upload/icon/debafy_4.png) no-repeat;
	background-size: contain;
}
.debafy_5 a {
	background: url(/upload/icon/debafy_5.png) no-repeat;
	background-size: contain;
}
.debafy_6 a {
	background: url(/upload/icon/debafy_6.png) no-repeat;
	background-size: contain;
}
.debafy_7 a {
	background: url(/upload/icon/debafy_7.png) no-repeat;
	background-size: contain;
}
.debafy_8 a {
	background: url(/upload/icon/debafy_8.png) no-repeat;
	background-size: contain;
}
.debafy_9 a {
	background: url(/upload/icon/debafy_9.png) no-repeat;
	background-size: contain;
}
.debafy_10 a {
	background: url(/upload/icon/debafy_10.png) no-repeat;
	background-size: contain;
}
.debafy_11 a {
	background: url(/upload/icon/debafy_11.png) no-repeat;
	background-size: contain;
}
.debafy_12 a {
	background: url(/upload/icon/debafy_12.png) no-repeat;
	background-size: contain;
}
.debafy_13 a {
	background: url(/upload/icon/debafy_13.png) no-repeat;
	background-size: contain;
}
.debafy_14 a {
	background: url(/upload/icon/debafy_14.png) no-repeat;
	background-size: contain;
}
.debafy_15 a {
	background: url(/upload/icon/debafy_15.png) no-repeat;
	background-size: contain;
}
.debafy_16 a {
	background: url(/upload/icon/debafy_16.png) no-repeat;
	background-size: contain;
}
.debafy_17 a {
	background: url(/upload/icon/debafy_17.png) no-repeat;
	background-size: contain;
}
.debafy_18 a {
	background: url(/upload/icon/debafy_18.png) no-repeat;
	background-size: contain;
}
.debafy_19 a {
	background: url(/upload/icon/debafy_19.png) no-repeat;
	background-size: contain;
}
.debafy_20 a {
	background: url(/upload/icon/debafy_20.png) no-repeat;
	background-size: contain;
}
.debafy_21 a {
	background: url(/upload/icon/debafy_21.png) no-repeat;
	background-size: contain;
}
.debafy_22 a {
	background: url(/upload/icon/debafy_22.png) no-repeat;
	background-size: contain;
}
.debafy_23 a {
	background: url(/upload/icon/debafy_23.png) no-repeat;
	background-size: contain;
}
.debafy_24 a {
	background: url(/upload/icon/debafy_24.png) no-repeat;
	background-size: contain;
}
.debafy_25 a {
	background: url(/upload/icon/debafy_25.png) no-repeat;
	background-size: contain;
}
.debafy_26 a {
	background: url(/upload/icon/debafy_26.png) no-repeat;
	background-size: contain;
}
.debafy_27 a {
	background: url(/upload/icon/debafy_27.png) no-repeat;
	background-size: contain;
}
.debafy_28 a {
	background: url(/upload/icon/debafy_28.png) no-repeat;
	background-size: contain;
}
.debafy_29 a {
	background: url(/upload/icon/debafy_29.png) no-repeat;
	background-size: contain;
}
.debafy_30 a {
	background: url(/upload/icon/debafy_30.png) no-repeat;
	background-size: contain;
}
.debafy_31 a {
	background: url(/upload/icon/debafy_31.png) no-repeat;
	background-size: contain;
}
.debafy_32 a {
	background: url(/upload/icon/debafy_32.png) no-repeat;
	background-size: contain;
}
.debafy_33 a {
	background: url(/upload/icon/debafy_33.png) no-repeat;
	background-size: contain;
}
.debafy_34 a {
	background: url(/upload/icon/debafy_34.png) no-repeat;
	background-size: contain;
}
.debafy_35 a {
	background: url(/upload/icon/debafy_35.png) no-repeat;
	background-size: contain;
}
.debafy_36 a {
	background: url(/upload/icon/debafy_36.png) no-repeat;
	background-size: contain;
}
.debafy_37 a {
	background: url(/upload/icon/debafy_37.png) no-repeat;
	background-size: contain;
}
.debafy_38 a {
	background: url(/upload/icon/debafy_38.png) no-repeat;
	background-size: contain;
}
.debafy_39 a {
	background: url(/upload/icon/debafy_39.png) no-repeat;
	background-size: contain;
}
/* Skill icons */
.skill_1 a {
	background: url(/upload/icon/skill_1.png) no-repeat;
	background-size: contain;
}
.skill_2 a {
	background: url(/upload/icon/skill_2.png) no-repeat;
	background-size: contain;
}
.skill_3 a {
	background: url(/upload/icon/skill_3.png) no-repeat;
	background-size: contain;
}
.skill_4 a {
	background: url(/upload/icon/skill_4.png) no-repeat;
	background-size: contain;
}
.skill_5 a {
	background: url(/upload/icon/skill_5.png) no-repeat;
	background-size: contain;
}
.skill_6 a {
	background: url(/upload/icon/skill_6.png) no-repeat;
	background-size: contain;
}
.skill_7 a {
	background: url(/upload/icon/skill_7.png) no-repeat;
	background-size: contain;
}
.skill_8 a {
	background: url(/upload/icon/skill_8.png) no-repeat;
	background-size: contain;
}
.skill_9 a {
	background: url(/upload/icon/skill_9.png) no-repeat;
	background-size: contain;
}
.skill_10 a {
	background: url(/upload/icon/skill_10.png) no-repeat;
	background-size: contain;
}
.skill_11 a {
	background: url(/upload/icon/skill_11.png) no-repeat;
	background-size: contain;
}
.skill_12 a {
	background: url(/upload/icon/skill_12.png) no-repeat;
	background-size: contain;
}
.skill_13 a {
	background: url(/upload/icon/skill_13.png) no-repeat;
	background-size: contain;
}
.skill_14 a {
	background: url(/upload/icon/skill_14.png) no-repeat;
	background-size: contain;
}
.skill_15 a {
	background: url(/upload/icon/skill_15.png) no-repeat;
	background-size: contain;
}
.skill_16 a {
	background: url(/upload/icon/skill_16.png) no-repeat;
	background-size: contain;
}
.skill_17 a {
	background: url(/upload/icon/skill_17.png) no-repeat;
	background-size: contain;
}
.skill_18 a {
	background: url(/upload/icon/skill_18.png) no-repeat;
	background-size: contain;
}
.skill_19 a {
	background: url(/upload/icon/skill_19.png) no-repeat;
	background-size: contain;
}
.skill_20 a {
	background: url(/upload/icon/skill_20.png) no-repeat;
	background-size: contain;
}
.skill_21 a {
	background: url(/upload/icon/skill_21.png) no-repeat;
	background-size: contain;
}
.skill_22 a {
	background: url(/upload/icon/skill_22.png) no-repeat;
	background-size: contain;
}
.skill_23 a {
	background: url(/upload/icon/skill_23.png) no-repeat;
	background-size: contain;
}
.skill_24 a {
	background: url(/upload/icon/skill_24.png) no-repeat;
	background-size: contain;
}
.skill_25 {
	display: none;
}
.skill_26 a {
	background: url(/upload/icon/skill_26.png) no-repeat;
	background-size: contain;
}
.skill_27 a {
	background: url(/upload/icon/skill_27.png) no-repeat;
	background-size: contain;
}
.skill_28 a {
	background: url(/upload/icon/skill_28.png) no-repeat;
	background-size: contain;
}
.skill_29 a {
	background: url(/upload/icon/skill_29.png) no-repeat;
	background-size: contain;
}
.skill_30 a {
	background: url(/upload/icon/skill_30.png) no-repeat;
	background-size: contain;
}
.skill_31 a {
	background: url(/upload/icon/skill_31.png) no-repeat;
	background-size: contain;
}
.skill_32 a {
	background: url(/upload/icon/skill_32.png) no-repeat;
	background-size: contain;
}
.skill_33 a {
	background: url(/upload/icon/skill_33.png) no-repeat;
	background-size: contain;
}
.skill_34 a {
	background: url(/upload/icon/skill_34.png) no-repeat;
	background-size: contain;
}
.skill_35 a {
	background: url(/upload/icon/skill_35.png) no-repeat;
	background-size: contain;
}
.skill_36 a {
	background: url(/upload/icon/skill_36.png) no-repeat;
	background-size: contain;
}
.skill_37 a {
	background: url(/upload/icon/skill_37.png) no-repeat;
	background-size: contain;
}
.skill_38 a {
	background: url(/upload/icon/skill_38.png) no-repeat;
	background-size: contain;
}
.skill_39 a {
	background: url(/upload/icon/skill_39.png) no-repeat;
	background-size: contain;
}
.skill_40 a {
	background: url(/upload/icon/skill_40.png) no-repeat;
	background-size: contain;
}
.skill_41 a {
	background: url(/upload/icon/skill_41.png) no-repeat;
	background-size: contain;
}
.skill_42 a {
	background: url(/upload/icon/skill_42.png) no-repeat;
	background-size: contain;
}
.skill_43 a {
	background: url(/upload/icon/skill_43.png) no-repeat;
	background-size: contain;
}
.skill_44 a {
	background: url(/upload/icon/skill_44.png) no-repeat;
	background-size: contain;
}
.skill_45 a {
	background: url(/upload/icon/skill_45.png) no-repeat;
	background-size: contain;
}
.skill_46 a {
	background: url(/upload/icon/skill_46.png) no-repeat;
	background-size: contain;
}
.skill_47 a {
	background: url(/upload/icon/skill_47.png) no-repeat;
	background-size: contain;
}
.skill_48 a {
    background: url(/upload/icon/skill_48.png) no-repeat;
    background-size: contain;
}

.skill_49 a {
    background: url(/upload/icon/skill_49.png) no-repeat;
    background-size: contain;
}

.skill_50 a {
    background: url(/upload/icon/skill_50.png) no-repeat;
    background-size: contain;
}
.skill_51 a {
    background: url(/upload/icon/skill_51.png) no-repeat;
    background-size: contain;  
}
/* =============================================================================
   Контроллер и дополнительные разделы
   ============================================================================= */
#controller_wrap .photo h2 {
	margin-top: 10px;
}
.skill_icon {
	display: flex;
	margin-top: 10px;
	padding-top: 10px;
}
.skill_icon a {
	margin-right: 5px;
}
.skill_icon a img {
	width: 46px;
}
/* Модальные окна */
.modal-body {
	background-color: var(--raid-surface-2);
}

.modal-dialog, .nyroModalCont {
	z-index: 100;
}
/* =============================================================================
   Страница навыков и фильтры
   ============================================================================= */
/* Таблица навыков */
.f_navyki table td {
	vertical-align: top;
}
.f_navyki table td strong {
}
.f_navyki table td em {
}
.f_navyki table td img {
	width: 110px;
	overflow: hidden;
	border-radius: 50%;
}
.f_navyki .value td:first-child {
	min-width: 110px;
	text-align: center;
	font-weight: 600;
}
.f_navyki .value td:last-child {
	min-width: 200px;
}
/* Фильтры навыков – ярлыки и сетка */
#f_skill > label, #f_debafy > label, #f_bafy > label {
	padding: 7px;
}
#skill, #debafy, #bafy, .grid-3 {
	display: grid;
	grid-template-columns: repeat(3, auto);
}
#skill label, #debafy label, #bafy label {
	font-size: 13px;
}
#skill label:hover, #debafy label:hover, #bafy label:hover {
}
.title_left {
	min-width: 68px;
}
/* Фильтр – дополнительная раскладка */
.icms-filter-link__open {
	font-weight: 600;
}
.filter-panel #skill {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(8, 1fr);
	height: auto;
}
/* Стили для элементов списка навыков */
.skills_list_item h2 {
	margin: 4px 0;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding: 10px 3px;
}
.skills_list_item .f_level {
	min-width: 150px;
}
/* =============================================================================
   Новостные, видео и табы
   ============================================================================= */
/* Блок новостей и видео */
.prewlist {
	display: flex;
}
.ft_videosyoutube .value {
	display: flex;
	gap: 10px;
}
.ft_embedvideo .value {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
}
/* Если внутри более одного элемента */
.ft_embedvideo .value > *:nth-child(2) {
	~ * {
		grid-column: span 1;
	}
}
@supports(selector(:has(*))) {
	/* Только если браузер поддерживает :has (Chrome, Safari, но не Firefox) */
	.ft_embedvideo .value:has(:nth-child(2)) {
		grid-template-columns: 1fr 1fr;
	}
}
.novosti_list .f_content {
	max-height: 137px;
	overflow: hidden;
}
.novosti_item .img-previews {
	max-width: 49.1%;
	margin-bottom: 10px;
}
/* Локальные табы */
.tabs_ch {
	font-size: 0;
	max-width: 100%;
	margin: 0 auto;
}
.tabs_ch > input[type="radio"] {
	display: none;
}
.tabs_ch > div {
	display: none;
	font-size: 16px;
}
.value table thead {
	text-align: center;
}

#tab-btn-1:checked ~ #content-1, #tab-btn-2:checked ~ #content-2, #tab-btn-3:checked ~ #content-3 {
	display: block;
}
.tabs_ch > label {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	padding: 2px 8px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.8;
	cursor: pointer;
	position: relative;
	top: 1px;
}
.tabs_ch > label:not(:first-of-type) {
	border-left: none;
}
.tabs_ch > input[type="radio"]:checked + label {
}
.video-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 15px;
	margin: 15px 0;
}
.video-grid:has(> :only-child) {
	grid-template-columns: 1fr;
}
.player_container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.player_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
@media (max-width: 480px) {
	.video-grid {
		grid-template-columns: 1fr;
	}
}
.video-error {
	padding: 10px;
	margin: 5px 0;
}
/* =============================================================================
   Прочее: статистика, aside, контейнеры блоков, баннеры
   ============================================================================= */
.stat {
	margin-bottom: 30px;
}
.stars {
	font-size: 25px;
	margin-bottom: 6px;
}
aside a {
}
aside h5 {
	font-size: 0.8rem !important;
}
aside .tiled {
	text-align: center;
}
.scroll-banner {
	position: sticky;
	top: 10px;
	z-index: 10;
}

.scroll-banner p{
	padding: 12px;
}
.card-header {
	padding: 0.75rem 0;
	text-transform: uppercase;
}
.tab-content .nav-link {
	padding: 1px 1px 3px 32px;
}
.tab-content .nav-link:hover {
}
.tab-content .nav-item:hover {
}
/* Контейнер с блочными элементами */
.container_b {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	margin: 10px auto;
}
.b_block {
	padding: 0;
	margin-bottom: 10px;
	border-radius: 8px;
}
.b_block p {
	margin-bottom: 0;
	padding: 10px;
}
.b_block p strong {
}
.b_block:hover {
}
.b_block img {
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0;
}
.f_parent_skills_id {
	margin-bottom: 0 !important;
	;
}
.f_parent_skills_id, .f_parent_aura_id {
	padding: 15px;
}
.ft_parent .skills_list h3 {
}
.ft_parent .skills_list h3::before {
	content: "♛";
	margin-right: 6px;
}
.ft_parent .skills_list h4 {
}
.ft_parent .skills_list h5, .ft_parent .aura_list a {
}
.ft_parent .skills_list h5 span {
}


.boss {
	color: #dc9711;
}
.partner {
	display: grid;
	grid-template-columns: 1fr 20px 1fr;
	grid-gap: 5px;
	align-items: center;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
}
.skills_list_item h2 {
	margin: 4px 0;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding: 10px 3px;
}
.skills_list_item .f_level {
	min-width: 150px;
}
.skills_list_item {
	margin-top: 15px;
}
.skills_list .relevants_list_item .icms-content-fields {
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-gap: 15px;
}
.skills_list .relevants_list_item img {
	max-width: 100px;
}
.fields_group_skills_1, .skills_list_item .fields {
	display: grid;
	grid-template-columns: 110px 1fr 230px;
	grid-gap: 15px;
}
.location_item .skills_list_item .fields {
	grid-template-columns: 110px 1fr;
}
.skills_list_item .fields h2, .skills_list_item .photo, .hero_card .ft_photo {
	text-align: center;
	padding: 0;
}
.skills_list_item .photo img {
	width: 100%;
	border-radius: 50%;
}
/* =============================================================================
   Медиа-запросы
   ============================================================================= */
@media screen and (min-width: 980px) {
	aside {
		padding-left: 0 !important;
	}
	.grid-2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.rebalance-hero {
		display: grid;
		grid-template-columns: 170px 1fr;
		gap: 10px;
		margin-top: 30px;
	}
	.rebalance-hero ul {
		padding: 0px !important;
		margin: 10px !important;
	}
	.rebalance-hero h3 {
		text-transform: uppercase;
		margin: 10px !important;
		
		
	}
	.rebalance-hero ul {
		padding: 0;
		margin: 0;
	}
	.rebalance-hero li {
		list-style-type: none;
		margin-bottom: 3px;
		padding: 5px;
	}
	.rebalance-hero strong {
	}
	.rebalance {
		display: grid;
		grid-template-columns: 100px 1fr 1fr;
		gap: 10px;
	}
	.rebalance img {
		padding: 15px 5px 5px 0;
	}
	.rebalance .skill-img {
		text-align: center;
		font-weight: 600;
	}
}
@media screen and (min-width: 481px) and (max-width: 800px) {
	.heroes_list {
		grid-template-columns: repeat(3, 1fr);
	}
	.heroes_list h4 {
		font-size: 15px;
	}
	.hero_card {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 480px) {
	h1 {
		text-align: center;
	}
	#video_promo {
		height: 25vh !important;
	}
	.container_b {
		grid-template-columns: 1fr;
	}
	#skill, #debafy, #bafy {
		grid-template-columns: repeat(2, 1fr);
	}
	.card-body > .content_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.heroes_list, .location_list {
		grid-template-columns: repeat(2, 1fr);
	}
	.skills_item .ft_image {
		text-align: center;
	}
	.skills_item .heroes_list {
		display: block;
	}
	.skills_item .f_parent_heroes_id {
		width: 100% !important;
	}
	.heroes_list h4 {
		font-size: 15px;
	}
	.hero_card {
		grid-template-columns: 1fr;
	}
	.hero_card .ft_photo, .chars img, .skills_list_item .photo, .skills_list_item h5 {
		text-align: center;
		margin: 5px auto;
	}
	.ft_frakciya {
		margin-top: -18px;
	}
	.skills_list_item .photo img {
		width: 26%;
		margin: auto;
	}
	.content_item_props table .heading {
		text-align: center;
	}
	.chars_item, .minion_card, .minion_item {
		grid-gap: 5px;
		grid-template-columns: 1fr;
	}
	.minion_card, .minion_item img {
		text-align: center;
	}
	.chars_item div:first-child p {
		text-align: center;
		text-transform: uppercase;
	}
	.chars_item img {
		width: 85px;
	}
	.chars_item h5 img {
		width: auto;
	}
	.skill_icon {
		justify-content: center;
		margin-bottom: 15px;
	}
	.tiles-small .info {
		display: none;
	}
	.fields_group_skills_1, .skills_list_item .fields {
		grid-template-columns: 1fr;
		grid-gap: 1px;
	}
	.skills_list_item .f_content {
	}
	.f_photo {
		text-align: center;
		padding-bottom: 15px;
	}
	.title_left {
		display: none;
	}
	.cols_3 .artefakty_list_item {
		max-width: fit-content;
	}
	.skills_list .relevants_list_item .icms-content-fields {
		grid-template-columns: 1fr;
		text-align: center;
	}
	/* Фильтр – корректировка */
	.theme-filter-panel .filter-container .fields .field .value {
		display: block !important;
	}
	.theme-filter-panel .filter-container .fields .field {
		padding: 10px 5px !important;
	}
	#skill label, #debafy label, #bafy label {
		font-size: 11px;
	}
	.theme.content_list .item:not(.external_block):not(:last-child) {
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	.heroes_list_item .fields {
		font-size: 12px;
	}
	.loc_list {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 5px;
		font-size: 12px;
	}
	.analogi {
		grid-template-columns: repeat(2, 1fr);
	}
	.hydra tr *:nth-child(n+3):nth-child(-n+5) {
		display: none;
	}
	.ft_videosyoutube .value {
		flex-direction: column;
	}
	.location_item .skills_list_item .fields {
		grid-template-columns: 1fr;
	}
	.f_images .value {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* =============================================================================
   Active Dark Theme Overrides
   ============================================================================= */

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
	color: inherit;
}

.bg-primary,
.navbar,
.icms-header__top,
.icms-header__middle {
	background-color: #2a1e37 !important;
	color: var(--raid-text);	
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
	color: var(--raid-text);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: var(--raid-accent);
}

.dropdown-menu,
.icms-user-menu > .dropdown-menu,
.popover,
.tooltip-inner {
	background-color: var(--raid-surface);
	color: var(--raid-text);
	border-color: var(--raid-border);
	box-shadow: 0 16px 36px var(--raid-shadow);
}

.dropdown-item,
.dropdown-menu .nav-link {
	color: var(--raid-text-soft);
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu .nav-link:hover,
.dropdown-menu .nav-link:focus {
	background-color: var(--raid-surface-3);
	color: var(--raid-accent);
}

.card,
.list-group-item,
.modal-content,
.icms-comment-html,
.icms-filter-panel,
.gui-panel,
.b_block,
.heroes_list_item,
.skills_list_item,
.tabs_ch > div,
.auth-login,
.icms-content-fields {
	
	color: var(--raid-text);
	border-color: var(--raid-border-soft);	
}

.card {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.list-group-item-action:hover,
.list-group-item-action:focus {
	background-color: var(--raid-surface-2);
	color: var(--raid-text);
	border-color: var(--raid-border-soft);
}

.modal-header {
	padding: 15px;
}

.card-header,
.card-body,
.card-footer {
	color: inherit;
}

#comments_list .icms-comment-html,
#comments_list .icms-comment-html:before,
#comments_list .icms-comment-html:after,
#comments_widget .icms-comment-html,
#comments_widget .icms-comment-html:before,
#comments_widget .icms-comment-html:after {
	background-color: var(--raid-surface) !important;
	color: var(--raid-text) !important;
	border-color: var(--raid-border-soft) !important;
}

#comments_list .selected-comment .icms-comment-html {
	box-shadow: 0 0 0 1px rgba(239, 255, 60, 0.24), 0 0.5rem 1rem var(--raid-shadow);
}

/* Relation picker modal used by "link item" actions in edit mode. */
.nyroModalCont,
.nyroModalData,
.nyroModalLink,
.nyroModalDom,
.nyroModalForm,
.nyroModalFormFile,
.modal_padding {
	background-color: var(--raid-surface) !important;
	color: var(--raid-text) !important;
}

.nyroModalCont {
	border: 1px solid var(--raid-border);
	box-shadow: 0 18px 48px var(--raid-shadow);
}

.nyroModalCont .modal_padding,
.nyroModalCont .content_list,
.nyroModalCont .content_list_item,
.modal_padding .content_list,
.modal_padding .content_list_item {
	background: transparent !important;
	color: var(--raid-text) !important;
}

.nyroModalCont .content_list_item {
	border-bottom: 1px solid var(--raid-border-soft);
	margin-bottom: 0;
	padding: 0.45rem 0;
}

.nyroModalCont .content_list_item:last-child {
	border-bottom: 0;
}

.nyroModalCont .content_list_item .ft_caption .value,
.nyroModalCont .content_list_item .ft_caption a,
.nyroModalCont .content_list_item .field a {
	color: var(--raid-accent);
}

.nyroModalCont .content_list_item .f_date_pub,
.nyroModalCont .content_list_item .ft_user,
.nyroModalCont .content_list_item .ft_user a,
.nyroModalCont .content_list_item .info_bar,
.nyroModalCont .content_list_item .bar_item {
	color: var(--raid-muted) !important;
}
.info_bar {
	background-color: transparent;
	border-top: 1px solid #332742;
}

.nyroModalCont .content_list_item .btn,
.nyroModalCont .content_list_item button,
.nyroModalCont .modal_padding > .btn {
	border-color: var(--raid-accent);
}

.breadcrumb,
.pagination,
.nav-tabs,
.nav-pills {
	background-color: transparent;
	border-color: var(--raid-border-soft);
}

.breadcrumb-item,
.breadcrumb-item.active {
	color: var(--raid-muted);
}

.nav-tabs .nav-link,
.nav-pills .nav-link,
.tab-content .nav-link,
.page-link {
	background-color: var(--raid-surface);
	border-color: var(--raid-border-soft);
	color: var(--raid-text-soft);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.page-item.active .page-link,
.tab-content .nav-link:hover,
.tab-content .nav-item:hover {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

#comments_widget .nav-tabs .nav-link {
	padding: 1rem 0;
	font-weight: 500;
	font-size: 1.3rem;
}

#comments_widget .nav-tabs .nav-link.active {
	background-color: inherit;
	color: #c5aedf; 
}

#comments_widget {
	margin-top: 15px;
}

.nav-tabs .nav-link.active::before, .icms-navbar .nav-link.active::before {
	background-color: #efff3c;
}

.page-item.disabled .page-link {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-border-soft);
	color: var(--raid-muted);
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.relevants_datasets .btn,
.icms-filter-link__open,
.acceptcookies {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
	color: var(--raid-accent-text);
	box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
.relevants_datasets .btn:hover,
.relevants_datasets .btn:focus,
.icms-filter-link__open:hover,
.acceptcookies:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: var(--raid-accent-text);
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-link {
	color: var(--raid-accent);
	border-color: var(--raid-accent);
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-link:hover {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

.badge-primary,
.badge-secondary,
.badge-info,
.icms-btn-tag {
	background-color: var(--raid-surface-3);
	color: var(--raid-accent);
	border: 1px solid var(--raid-border-soft);
}

.badge-light,
.badge-dark {
	background-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

.alert,
blockquote,
.bb_quote,
.spoiler > input + label,
.spoiler > .spoiler_body {
	background-color: var(--raid-surface-2);
	color: #b8aad4;
	border-color: var(--raid-border-soft);
}

blockquote a,
.bb_quote a {
	color: var(--raid-pink);
}



.table,
table,
.value table {
	color: #b792df;
	background-color: transparent;
}

.ft_html table tbody tr:hover {
	color: var(--raid-pink);
}

.table th,
.table td,
table th,
table td,
.value table th,
.value table td {
	border-color: rgb(46 36 56);
}

.table thead th,
.value table thead,
.heroes_item_props .table th {
	background-color: var(--raid-bg-deep);
	color: var(--raid-accent);
	border-color: var(--raid-border);
}

.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.055);
	color: var(--raid-text);
}

.form-control,
.custom-select,
.custom-file-label,
input,
textarea,
select {
	background-color: var(--raid-bg-deep);
	border-color: var(--raid-border);
	color: var(--raid-text);
}

.form-control:focus,
.custom-select:focus,
input:focus,
textarea:focus,
select:focus {
	background-color: #20172a;
	border-color: var(--raid-accent);
	color: var(--raid-text);
	box-shadow: 0 0 0 0.2rem rgba(239, 255, 60, 0.18);
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
	color: var(--raid-muted);
}

.input-group-text,
.custom-control-label::before {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-border);
	color: var(--raid-text-soft);
}

.custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
}

.f_content nav,
.mobile-menu-wrapper__info_bar:not(.transparent),
.is_collapse,
form .without-tabs fieldset {
	background:
		radial-gradient(rgba(239, 255, 60, 0.16) 1px, transparent 1px),
		var(--raid-surface-2) !important;
	background-size: 10px 10px !important;
	color: var(--raid-text);
	border-color: var(--raid-border-soft);
}
.f_content nav {
	border-bottom: none !important;
}


.old {
	background: rgba(255, 60, 80, 0.16);
	color: #ffd7df;
	border-left-color: var(--raid-red);
}

.old:before,
.video-error,
.text-danger,
.highlight_new {
	color: var(--raid-red) !important;
}

.new {
	background: rgba(113, 255, 182, 0.14);
	color: #dbffed;
	border-left-color: var(--raid-green);
}

.new:before,
.text-success,
.f_navyki table td strong,
.b_block p strong {
	color: var(--raid-green) !important;
}

.heroes_item_props .table,
.ft_parent,
.skill_icon,
.fields_group_skills_1,
.skills_list_item .fields,
.relics_item .ft_html ul {
	border-color: var(--raid-border-soft);
}

.heroes_list_item {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
		var(--raid-surface);
	border: 1px solid var(--raid-border-soft);
	border-radius: 8px;
	overflow: hidden;
}

.img-thumbnail,
.thumbnail,
.photo img,
.ft_photo img,
.f_photo img,
.ft_image img {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.f_parent_skills_id,
.f_parent_aura_id,
.minion_card,
.skills_list_item h2,
.rebalance-hero,
.scroll-banner {
	background-color: var(--raid-bg-deep);
	color: var(--raid-text);
	border: 1px solid var(--raid-border-soft);
}

.minion_title h3,
.ft_parent .skills_list h3,
.partner,
.text-info,
.rebalance-hero strong {
	color: var(--raid-cyan) !important;
}

.ft_parent .skills_list h4,
.rebalance-hero h3,
.text-warning {
	color: var(--raid-warning) !important;
}

.ft_parent .skills_list h5,
.ft_parent .aura_list a,
.minion_title h4,
.boss {
	color: var(--raid-accent) !important;
}

.ft_parent .skills_list h5 span,
.stars,
.f_navyki table td em {
	color: var(--raid-pink) !important;
}

#f_skill > label,
#f_debafy > label,
#f_bafy > label,
#skill label,
#debafy label,
#bafy label,
.tabs_ch > label {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-border-soft);
	color: var(--raid-text-soft);
}

#skill label:hover,
#debafy label:hover,
#bafy label:hover,
.tabs_ch > label:hover,
.tabs_ch > input[type="radio"]:checked + label {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

.player_container,
.fullscreen_now,
.modal-backdrop {
	background-color: #000000;
}

.video-error {
	background: rgba(255, 60, 80, 0.14);
	border-color: rgba(255, 60, 80, 0.38);
}

.icms-cookiealert {
	background-color: rgba(18, 13, 24, 0.92);
	color: var(--raid-text);
	border-top: 1px solid var(--raid-border-soft);
}

.icms-footer__middle,
.icms-footer__bottom {
	background-image: linear-gradient(180deg, rgba(18, 13, 24, 0.98) 0%, rgba(9, 6, 13, 0.98) 100%);
	background-color: var(--raid-bg-deep);
	color: var(--raid-muted);
	border-color: var(--raid-border-soft);
}

.icms-footer__middle {
	border-top: 1px solid var(--raid-border-soft);
	box-shadow: 0 -16px 32px rgba(0, 0, 0, 0.22);
}



.icms-footer__middle p,
.icms-footer__middle li,
.icms-footer__bottom {
	color: var(--raid-text-soft);
}

.icms-footer__middle a,
.icms-footer__bottom a {
	color: var(--raid-accent);
}

.icms-footer__middle a:hover,
.icms-footer__bottom a:hover {
	color: #ffffff;
}

.icms-footer__middle > .container {
	border-color: var(--raid-border-soft) !important;
}

.icms-text-spoiler .btn-spoiler {
	background-color: rgba(28, 20, 35, 0.82);
	color: var(--raid-accent);
}

.icms-text-spoiler .btn-spoiler > span {
	background-color: var(--raid-bg);
}

.color-block,
.minicolors-panel {
	background-color: var(--raid-surface);
	border-color: var(--raid-border);
}

.markItUp .markItUpHeader ul li {
	color: var(--raid-text-soft);
}

.markItUp .markItUpHeader ul li:hover {
	background-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

.markItUpInlineUpload {
	background-color: var(--raid-surface-2);
	color: var(--raid-text);
	border: 1px solid var(--raid-border-soft);
}

.loading,
.spinner > div {
	color: var(--raid-accent);
}

.sk-circle .sk-child:before {
	background-color: var(--raid-accent);
}

.boss,
.rarity_legendary,
.rarity_mythical {
	text-shadow: 0 0 12px rgba(239, 255, 60, 0.22);
}

@media (min-width: 980px) {
	.rebalance-hero li {
		background-color: var(--raid-surface-2);
		color: var(--raid-text);
		border: 1px solid var(--raid-border-soft);
	}
}

/* Hero list cleanup: filters, breadcrumbs, admin actions, Chosen selects. */
.bg-light,
.border-light,
.text-dark {
	background-color: var(--raid-surface) !important;
	border-color: var(--raid-border-soft) !important;
	color: var(--raid-text) !important;
}

.btn-light,
.btn-outline-light,
.icms-actions-menu .btn,
.icms-body-toolbox .btn,
aside .btn-light,
aside .btn-outline-light {
	background-color: var(--raid-surface-2) !important;
	background-image: none !important;
	border-color: var(--raid-border) !important;
	color: var(--raid-text) !important;
	box-shadow: none !important;
}

.btn-light:hover,
.btn-light:focus,
.btn-outline-light:hover,
.btn-outline-light:focus,
.icms-actions-menu .btn:hover,
.icms-actions-menu .btn:focus,
.icms-body-toolbox .btn:hover,
.icms-body-toolbox .btn:focus,
aside .btn-light:hover,
aside .btn-light:focus {
	background-color: var(--raid-accent) !important;
	border-color: var(--raid-accent) !important;
	color: var(--raid-accent-text) !important;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-info,
.btn-outline-success,
.btn-outline-warning,
.btn-outline-danger {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-border);
	color: var(--raid-text);
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-info:hover,
.btn-outline-success:hover,
.btn-outline-warning:hover,
.btn-outline-danger:hover {
	background-color: var(--raid-accent);
	border-color: var(--raid-accent);
	color: var(--raid-accent-text);
}

.breadcrumb {
	background: transparent !important;
	background-image: none !important;
	border: 0;
	box-shadow: none;
}

.breadcrumb:before,
.breadcrumb:after,
.icms-body-toolbox:before,
.icms-body-toolbox:after {
	background: none !important;
	box-shadow: none !important;
}

.breadcrumb a,
.breadcrumb .icms-svg-icon {
	color: var(--raid-muted);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
	color: var(--raid-accent);
}

.icms-filter-panel,
.icms-filter-container,
.icms-filter-container.bg-light,
.filter-container,
.theme-filter-panel,
.theme-filter-panel .filter-container {
	background:
		radial-gradient(circle at 0 0, rgba(188, 168, 255, 0.09), transparent 32rem),
		var(--raid-surface) !important;
	background-image:
		radial-gradient(circle at 0 0, rgba(188, 168, 255, 0.09), transparent 32rem) !important;
	border: 1px solid var(--raid-border-soft);
	color: var(--raid-text);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.icms-filter-container .field > label,
.theme-filter-panel .field > label,
.icms-filter-panel legend {
	color: var(--raid-text-soft) !important;
}

.icms-filter-link__close,
.icms-filter-link__close span,
.close,
.close span {
	color: var(--raid-muted) !important;
	text-shadow: none !important;
	opacity: 1;
}

.icms-filter-link__close:hover,
.close:hover,
.close:hover span {
	color: var(--raid-accent) !important;
}

.chosen-container .chosen-drop,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-single div,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices,
.chosen-container-multi .chosen-choices .search-choice {
	background-color: var(--raid-bg-deep) !important;
	background-image: none !important;
	border-color: var(--raid-border) !important;
	color: var(--raid-text) !important;
	box-shadow: none !important;
}

.chosen-container-single .chosen-single:not(.chosen-single-with-deselect) div:after,
.chosen-container-single .chosen-single abbr {
	background-color: var(--raid-bg-deep) !important;
	box-shadow: none !important;
}

.chosen-container-single .chosen-single span,
.chosen-container-single .chosen-default,
.chosen-container-single a:not([href]):not([tabindex]),
.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default),
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
	color: var(--raid-text-soft) !important;
}

.chosen-container .chosen-results {
	background-color: var(--raid-bg-deep);
	color: var(--raid-text-soft);
}

.chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li.active-result {
	color: var(--raid-text);
}

.chosen-container .chosen-results li.highlighted,
.chosen-container-optgroup-clickable li.group-result:hover {
	background-color: var(--raid-accent) !important;
	color: var(--raid-accent-text) !important;
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-choices {
	border-color: var(--raid-accent) !important;
	box-shadow: 0 0 0 0.2rem rgba(239, 255, 60, 0.15) !important;
}

.icms-filter-panel #skill label,
.icms-filter-panel #debafy label,
.icms-filter-panel #bafy label,
.icms-filter-panel .input_checkbox_list label,
.icms-filter-panel .custom-control-label,
.theme-filter-panel #skill label,
.theme-filter-panel #debafy label,
.theme-filter-panel #bafy label {
	background: transparent !important;
	border: 0 !important;
	color: var(--raid-text-soft) !important;
	padding-top: 0;
	padding-bottom: 0;
}

.icms-filter-panel .custom-control-label:hover,
.icms-filter-panel #skill label:hover,
.icms-filter-panel #debafy label:hover,
.icms-filter-panel #bafy label:hover {
	background: transparent !important;
	color: var(--raid-accent) !important;
}

.custom-control-label::before {
	background-color: var(--raid-surface-2) !important;
	border-color: var(--raid-border) !important;
}

.custom-control-label::after {
	filter: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--raid-accent) !important;
	border-color: var(--raid-accent) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(239, 255, 60, 0.15) !important;
}

.custom-control-input:disabled ~ .custom-control-label {
	color: var(--raid-muted) !important;
}

.input_checkbox_list,
.input_checkbox_list .custom-control,
.icms-filter-panel .fields,
.icms-filter-panel .form-row {
	color: var(--raid-text-soft);
}

.icms-filter-panel .buttons .btn,
.icms-filter-panel .cancel_filter_link,
.icms-filter-panel .btn-link {
	border-color: var(--raid-border);
}

.icms-filter-panel .btn-link {
	background: transparent !important;
	color: var(--raid-accent) !important;
}

.icms-filter-panel .btn-link:hover {
	color: #ffffff !important;
}

/* Element icons: keep functional sprites visible after removing colors from my-style.css. */
.ehlement_icon {
	color: transparent !important;
}

.nav-item__duh > .nav-link:not(.active),
.nav-item__magic > .nav-link:not(.active),
.nav-item__sila > .nav-link:not(.active),
.nav-item__void > .nav-link:not(.active),
.nav-item__duh > a,
.nav-item__magic > a,
.nav-item__sila > a,
.nav-item__void > a,
.nav-item__duh > span:not(.active),
.nav-item__magic > span:not(.active),
.nav-item__sila > span:not(.active),
.nav-item__void > span:not(.active) {
	background-color: transparent !important;
}

.content_datasets .nav-item__duh,
.content_datasets .nav-item__magic,
.content_datasets .nav-item__sila,
.content_datasets .nav-item__void {
	background-position: 0.35rem center;
	background-size: 38px 38px;
}

.content_datasets .dataset-pills .nav-item.is-active > .nav-link,
.content_datasets .dataset-pills .nav-link.active {
	background-color: rgba(239, 255, 60, 0.08);
	color: var(--raid-accent);
	border-color: var(--raid-accent);
	box-shadow: 0 0 0 1px rgba(227, 255, 25, 0.4), 0 0 18px rgba(227, 255, 25, 0.14);
}

.content_datasets .dataset-pills .nav-item.is-active > .nav-link:hover,
.content_datasets .dataset-pills .nav-link.active:hover {
	color: var(--raid-accent);
	background-color: rgba(239, 255, 60, 0.12);
}

.ft_navigation .ctype_navigation {
	gap: 0.75rem;
}

.ft_navigation .ctype_navigation > div {
	background-color: var(--raid-surface);
	border: 1px solid rgba(239, 255, 60, 0.58);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ft_navigation .ctype_navigation > div:hover {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-accent);
	box-shadow: 0 0 0 1px rgba(227, 255, 25, 0.22), 0 12px 26px rgba(0, 0, 0, 0.28);
}

.ft_navigation .ctype_navigation > div a {
	display: block;
	color: var(--raid-accent);
	font-weight: 700;
	text-decoration: none;
}

.ft_navigation .ctype_navigation > div a:hover {
	color: #ffffff;
}

/* Adaptive text rhythm for item pages. */
.content_item .f_content,
.content_item .field.ft_html,
.content_item .field.ft_content {
	line-height: 1.65;
}

.content_item .f_content > :first-child,
.content_item .field.ft_html > :first-child,
.content_item .field.ft_content > :first-child {
	margin-top: 0;
}

.content_item .f_content > :last-child,
.content_item .field.ft_html > :last-child,
.content_item .field.ft_content > :last-child {
	margin-bottom: 0;
}

.content_item .f_content p,
.content_item .field.ft_html p,
.content_item .field.ft_content p {
	margin-bottom: 0.85rem;
}

.content_item .f_content ul,
.content_item .f_content ol,
.content_item .field.ft_html ul,
.content_item .field.ft_html ol,
.content_item .field.ft_content ul,
.content_item .field.ft_content ol {
	margin-bottom: 0.9rem;
	padding-left: clamp(1.25rem, 2vw, 1.75rem);
}

.content_item .f_content li,
.content_item .field.ft_html li,
.content_item .field.ft_content li {
	margin-bottom: 0.3rem;
}

.content_item .f_content h2,
.content_item .f_content h3,
.content_item .f_content h4,
.content_item .field.ft_html h2,
.content_item .field.ft_html h3,
.content_item .field.ft_html h4,
.content_item .field.ft_content h2,
.content_item .field.ft_content h3,
.content_item .field.ft_content h4 {
	margin-top: clamp(1.1rem, 2vw, 1.65rem);
	margin-bottom: 0.55rem;
}

.content_item .info_bar {
	margin-top: clamp(1rem, 2vw, 1.5rem) !important;
}

/* Quiet nested surfaces: keep the page unified instead of stacking dark boxes. */
.content_item .icms-content-fields,
.content_item .field.f_content,
.content_item .field.ft_html,
.content_item .field.ft_content,
.content_item .f_content:not(nav),
.content_item .ft_html,
.content_item .ft_content {
	background: transparent !important;
	box-shadow: none !important;
}

.content_item .field.f_content,
.content_item .field.ft_html,
.content_item .field.ft_content {
	border-color: transparent !important;
}


/* Widget headings are text labels, not separate panels. */
.icms-widget .card-header,
.icms-widget__title {
	margin-bottom: 0.65rem;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--raid-text);
}

.icms-widget .card-header > :last-child,
.icms-widget__title > :last-child {
	margin-bottom: 0;
}

/* Sidebar widget rhythm. */
aside .icms-widgets > .icms-widget,
aside > .icms-widget {
	margin-bottom: clamp(0.85rem, 1.6vw, 1.25rem);
	padding: clamp(0.75rem, 1.4vw, 1rem);
	background: transparent !important;
	box-shadow: none !important;
}

aside .icms-widgets > .icms-widget:last-child,
aside > .icms-widget:last-child {
	margin-bottom: 0;
}

aside .icms-widget .card-header,
aside .icms-widget__title {
	padding-inline: 0;
}

aside .icms-widget__content > :last-child,
aside .icms-widget > :last-child {
	margin-bottom: 0;
}

aside .icms-widget .card,
aside .icms-widget .list-group-item,
aside .icms-widget .tabs_ch > div {
	background-color: rgba(42, 32, 53, 0.64) !important;
	box-shadow: none !important;
}

/* Keep technical hero/listbitmask lists unmarked inside compact cards. */
.heroes_list_item ul,
.heroes_list_item ol,
.content_item .multiple_tags_list,
.skills_list_item .multiple_tags_list {
	list-style: none !important;
	margin-left: 0;
	padding-left: 0 !important;
}

.heroes_list_item li,
.content_item .multiple_tags_list li,
.skills_list_item .multiple_tags_list li {
	list-style: none !important;
}

.heroes_list_item li::marker,
.content_item .multiple_tags_list li::marker,
.skills_list_item .multiple_tags_list li::marker {
	content: "";
}

/* Dark shell for hero tag buttons; keep legacy class background icons intact. */
.content_item .multiple_tags_list li {
	background-color: var(--raid-surface-2) !important;
	border: 1px solid var(--raid-border) !important;
	border-color: var(--raid-border) !important;
	color: var(--raid-text-soft) !important;
	border-radius: 0.25rem;
}

.content_item .multiple_tags_list li a.listbitmask_autolink,
.content_item .multiple_tags_list li a.heroes_listbitmask_autolink {
	background-color: transparent !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: auto 100% !important;
	color: var(--raid-text-soft) !important;
	display: inline-flex;
	align-items: center;
	min-height: 2rem;
	padding-left: 2.35rem;
	text-decoration: none;
}

.content_item .multiple_tags_list li:hover,
.content_item .multiple_tags_list li:focus-within {
	background-color: var(--raid-surface-3) !important;
	border-color: var(--raid-accent) !important;
	color: var(--raid-accent) !important;
}

.content_item .multiple_tags_list li:hover a,
.content_item .multiple_tags_list li:focus-within a {
	color: var(--raid-accent) !important;
}

.content_item .heroes_list_item .multiple_tags_list li {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0;
	color: inherit !important;
	text-align: center;
	vertical-align: middle;
}

.content_item .heroes_list_item .multiple_tags_list li a.listbitmask_autolink,
.content_item .heroes_list_item .multiple_tags_list li a.heroes_listbitmask_autolink {
	background-position: center center !important;
	background-size: auto 100% !important;
	color: transparent !important;
	display: inline-block;
	font-size: 0;
	height: 30px;
	line-height: 0;
	min-height: 30px;
	min-width: 30px;
	overflow: hidden;
	padding-left: 0 !important;
	text-indent: -9999px;
	width: 30px;
}

a.badge-primary:hover,
a.badge-secondary:hover,
a.badge-info:hover,
.icms-btn-tag:hover,
.icms-btn-tag:focus,
.markItUp .markItUpHeader .smilepanel > img:hover {
	background-color: var(--raid-accent) !important;
	border-color: var(--raid-accent) !important;
	color: var(--raid-accent-text) !important;
}

a.badge-primary:hover,
a.badge-secondary:hover,
a.badge-info:hover,
.icms-btn-tag:hover,
.icms-btn-tag:focus,
.icms-btn-tag:hover a,
.icms-btn-tag:focus a {
	color: var(--raid-accent-text) !important;
}

.markItUpInlineUpload {
	background-color: var(--raid-surface-2) !important;
	border: 1px solid var(--raid-border) !important;
	color: var(--raid-text) !important;
}

.ui-widget input:focus,
.ui-widget select:focus,
.ui-widget textarea:focus,
.ui-widget button:focus,
.ui-widget button.focus {
	border-color: var(--raid-accent) !important;
	box-shadow: 0 0 0 0.2rem rgba(239, 255, 60, 0.15) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: var(--raid-accent) !important;
	border-color: var(--raid-accent) !important;
	color: var(--raid-accent-text) !important;
}

.ui-slider .ui-slider-range {
	background-color: var(--raid-accent) !important;
}

/* Keep search autocomplete hover/focus inside the full suggestion row. */
.ui-autocomplete .ui-menu-item {
	padding: 0;
}

.ui-autocomplete .ui-menu-item-wrapper {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 40px;
	padding: 0 0.75rem;
	border: 0 !important;
	background-color: transparent !important;
	color: var(--raid-text) !important;
	text-decoration: none;
}

.ui-autocomplete .ui-menu-item:hover > .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	background-color: rgba(239, 255, 60, 0.12) !important;
	color: var(--raid-accent) !important;
}

.ui-autocomplete .ui-autocomplete-image {
	flex: 0 0 50px;
}

.ui-autocomplete .ui-autocomplete-title {
	min-width: 0;
}

/* User profile and billing surfaces in the dark theme. */
#user_profile_ratings {
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	#user_profile_rates,
	#user_profile_ratings {
		display: flex;
		flex: 0 0 9rem;
		flex-direction: column;
		justify-content: center;
		align-self: stretch;
		box-sizing: border-box;
		width: 9rem;
		min-height: 4rem;
	}
}

.icms-users-profile__view .fieldset_title {
	border-color: var(--raid-border) !important;
}

.icms-users-profile__view .fieldset_title h3,
.icms-users-profile__view .fieldset_title a {
	background-color: var(--raid-bg-deep) !important;
	color: var(--raid-text-soft) !important;
}

.icms-users-profile__view .content_counts .list-group-item {
	background-color: var(--raid-surface) !important;
	border-color: var(--raid-border-soft) !important;
	color: var(--raid-text-soft) !important;
}

.icms-users-profile__view .content_counts .list-group-item-action:hover,
.icms-users-profile__view .content_counts .list-group-item-action:focus {
	background-color: var(--raid-surface-2) !important;
	color: var(--raid-accent) !important;
}

.balance-info.card,
.billing-history > .card {
	background-color: var(--raid-surface) !important;
	border: 1px solid var(--raid-border-soft) !important;
	color: var(--raid-text) !important;
}

.balance-info > .card-body,
.billing-history > .card > .card-body {
	padding: 1rem;
}

.balance-info .card-title,
.billing-history .card-title {
	color: var(--raid-text-soft);
}

.billing-history .alert-info {
	background-color: var(--raid-surface-2);
	border-color: var(--raid-border);
	color: var(--raid-text-soft);
}

/* Universal content-list widget grid. */
.raid-widget-grid {
	--raid-widget-grid-min: 160px;
	--raid-widget-grid-gap: 1rem;
	display: grid;
	grid-template-columns: var(--raid-widget-grid-columns, repeat(auto-fit, minmax(min(100%, var(--raid-widget-grid-min)), 1fr)));
	gap: var(--raid-widget-grid-gap);
}

.icms-widget:has(.raid-widget-grid),
.icms-widget:has(.raid-widget-grid) > .card,
.icms-widget:has(.raid-widget-grid) > .card-body,
.icms-widget:has(.raid-widget-grid) > .icms-widget__content {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.raid-widget-grid_cols_2 {
	--raid-widget-grid-columns: repeat(2, minmax(0, 1fr));
}

.raid-widget-grid_cols_3 {
	--raid-widget-grid-columns: repeat(3, minmax(0, 1fr));
}

.raid-widget-grid_cols_4 {
	--raid-widget-grid-columns: repeat(4, minmax(0, 1fr));
}

.raid-widget-grid_cols_5 {
	--raid-widget-grid-columns: repeat(5, minmax(0, 1fr));
}

.raid-widget-grid_cols_6 {
	--raid-widget-grid-columns: repeat(6, minmax(0, 1fr));
}

.raid-grid-2 .raid-widget-grid,
.widget-grid-2 .raid-widget-grid,
.grid-cols-2 .raid-widget-grid {
	--raid-widget-grid-columns: repeat(2, minmax(0, 1fr));
}

.raid-grid-3 .raid-widget-grid,
.widget-grid-3 .raid-widget-grid,
.grid-cols-3 .raid-widget-grid {
	--raid-widget-grid-columns: repeat(3, minmax(0, 1fr));
}

.raid-grid-4 .raid-widget-grid,
.widget-grid-4 .raid-widget-grid,
.grid-cols-4 .raid-widget-grid {
	--raid-widget-grid-columns: repeat(4, minmax(0, 1fr));
}

.raid-grid-5 .raid-widget-grid,
.widget-grid-5 .raid-widget-grid,
.grid-cols-5 .raid-widget-grid {
	--raid-widget-grid-columns: repeat(5, minmax(0, 1fr));
}

.raid-grid-6 .raid-widget-grid,
.widget-grid-6 .raid-widget-grid,
.grid-cols-6 .raid-widget-grid {
	--raid-widget-grid-columns: repeat(6, minmax(0, 1fr));
}

.raid-widget-grid__item,
.raid-widget-grid__card {
	min-width: 0;
}

.raid-widget-grid__item {
	position: relative;
}

.raid-widget-grid__card {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.raid-widget-grid > .content_list_item + .content_list_item {
	margin-top: 0;
}

.raid-widget-grid .field {
	width: 100%;
	min-width: 0;
	margin: 0;
}

.raid-widget-grid .field + .field:not(.f_ehlement) {
	margin-top: 0.45rem;
}

.raid-widget-grid .f_photo,
.raid-widget-grid .f_image,
.raid-widget-grid .ft_image,
.raid-widget-grid .ft_photo {
	line-height: 0;
}

.raid-widget-grid .f_photo .value,
.raid-widget-grid .f_photo a,
.raid-widget-grid .f_image .value,
.raid-widget-grid .f_image a,
.raid-widget-grid .ft_image .value,
.raid-widget-grid .ft_image a,
.raid-widget-grid .ft_photo .value,
.raid-widget-grid .ft_photo a {
	display: block;
	width: 100%;
	line-height: 0;
}

.raid-widget-grid .f_photo img,
.raid-widget-grid .f_image img,
.raid-widget-grid .ft_image img,
.raid-widget-grid .ft_photo img {
	width: 100%;
	display: block;
	margin: 0;
}

.raid-widget-grid .f_ehlement {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 2;
	width: auto;
	margin: 0;
	pointer-events: none;
}

.raid-widget-grid .f_ehlement .value,
.raid-widget-grid .f_ehlement img {
	display: block;
	line-height: 0;
}

.raid-widget-grid .f_ehlement img {
	width: auto;
	height: clamp(26px, 2.2vw, 34px);
	margin: 0;
}

.raid-widget-grid__title {
	margin: 0;
	padding-inline: 0.45rem;
	font-size: clamp(0.95rem, 1vw, 1.05rem);
	line-height: 1.25;
}

.raid-widget-grid img {
	max-width: 100%;
	height: auto;
}

.raid-widget-grid__info {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.65rem;
	margin-top: 0.65rem;
	padding: 0;
	background: transparent;
	border: 0;
}

.raid-widget-grid__info .bar_item {
	margin: 0;
}

aside .raid-widget-grid {
	--raid-widget-grid-gap: 0.9rem 0.75rem;
	--raid-widget-grid-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	grid-auto-flow: row;
	grid-auto-rows: 1fr;
}

aside .raid-widget-grid__item {
	display: flex;
	align-self: stretch;
	height: auto;
	margin: 0;
	padding: 0;
}

aside .raid-widget-grid__card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	text-align: center;
	height: 100%;
	width: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

aside .raid-widget-grid .field {
	padding: 0;
}

aside .raid-widget-grid .field + .field {
	margin-top: 0;
}

aside .raid-widget-grid .f_photo,
aside .raid-widget-grid .f_image,
aside .raid-widget-grid .ft_image,
aside .raid-widget-grid .ft_photo {
	width: 100%;
	line-height: 0;
}

aside .raid-widget-grid .f_photo .value,
aside .raid-widget-grid .f_photo a,
aside .raid-widget-grid .f_image .value,
aside .raid-widget-grid .f_image a,
aside .raid-widget-grid .ft_image .value,
aside .raid-widget-grid .ft_image a,
aside .raid-widget-grid .ft_photo .value,
aside .raid-widget-grid .ft_photo a {
	display: block;
	width: 100%;
	line-height: 0;
}

aside .raid-widget-grid .f_photo img,
aside .raid-widget-grid .f_image img,
aside .raid-widget-grid .ft_image img,
aside .raid-widget-grid .ft_photo img {
	width: 100%;
	display: block;
	margin: 0;
}

aside .raid-widget-grid__title {
	width: 100%;
	margin: 0;
	padding: 0.55rem 0.45rem 0.65rem;
	font-size: 0.86rem;
	line-height: 1.15;
	overflow-wrap: anywhere;
	hyphens: auto;
}

@media (max-width: 992px) {
	.raid-widget-grid_cols_5,
	.raid-widget-grid_cols_6,
	.raid-grid-5 .raid-widget-grid,
	.widget-grid-5 .raid-widget-grid,
	.grid-cols-5 .raid-widget-grid,
	.raid-grid-6 .raid-widget-grid,
	.widget-grid-6 .raid-widget-grid,
	.grid-cols-6 .raid-widget-grid {
		--raid-widget-grid-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 576px) {
	.raid-widget-grid_cols_3,
	.raid-widget-grid_cols_4,
	.raid-widget-grid_cols_5,
	.raid-widget-grid_cols_6,
	.raid-grid-3 .raid-widget-grid,
	.widget-grid-3 .raid-widget-grid,
	.grid-cols-3 .raid-widget-grid,
	.raid-grid-4 .raid-widget-grid,
	.widget-grid-4 .raid-widget-grid,
	.grid-cols-4 .raid-widget-grid,
	.raid-grid-5 .raid-widget-grid,
	.widget-grid-5 .raid-widget-grid,
	.grid-cols-5 .raid-widget-grid,
	.raid-grid-6 .raid-widget-grid,
	.widget-grid-6 .raid-widget-grid,
	.grid-cols-6 .raid-widget-grid {
		--raid-widget-grid-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Rarity colors: keep hero rarity/category semantics visible in the dark theme. */
div.redkost_990,
.nav-item__mythical,
.nav-item__mythical > a,
.nav-item__mythical > span,
.nav-item__mythical > .nav-link {
	background-color: #e31213;
	color: #ffffff;
}

div.redkost_1000,
.nav-item__legendary,
.nav-item__legendary > a,
.nav-item__legendary > span,
.nav-item__legendary > .nav-link {
	background-color: #dc9711;
	color: #ffffff;
}

div.redkost_1010,
.nav-item__epic,
.nav-item__epic > a,
.nav-item__epic > span,
.nav-item__epic > .nav-link {
	background-color: #cc27ba;
	color: #ffffff;
}

div.redkost_1020,
.nav-item__rare,
.nav-item__rare > a,
.nav-item__rare > span,
.nav-item__rare > .nav-link {
	background-color: #1f7fd1;
	color: #ffffff;
}

div.redkost_1030,
.nav-item__unusual,
.nav-item__unusual > a,
.nav-item__unusual > span,
.nav-item__unusual > .nav-link {
	background-color: #2f9e44;
	color: #ffffff;
}

.nav-item__mythical > a:hover,
.nav-item__mythical > .nav-link:hover,
.nav-item__legendary > a:hover,
.nav-item__legendary > .nav-link:hover,
.nav-item__epic > a:hover,
.nav-item__epic > .nav-link:hover,
.nav-item__rare > a:hover,
.nav-item__rare > .nav-link:hover,
.nav-item__unusual > a:hover,
.nav-item__unusual > .nav-link:hover {
	filter: brightness(1.12);
	color: #ffffff;
}

@media (max-width: 576px) {
	.content_item .field.f_content,
	.content_item .field.ft_html,
	.content_item .field.ft_content,
	.content_item .f_content:not(nav) {
		padding-inline: 0.75rem;
	}

	aside .icms-widgets > .icms-widget,
	aside > .icms-widget {
		margin-bottom: 0.85rem;
		padding: 0.75rem;
	}

	.content_item .f_content,
	.content_item .field.ft_html,
	.content_item .field.ft_content {
		line-height: 1.58;
	}
}