/* =====================================================================
   HUNTER MU — шаблон "hunter"
   «Ночная охота»: лесной чёрно-зелёный, янтарь факела, уголки прицела.
   Подключается последним и перекрашивает Bootstrap 3 и классы WebEngine.
   ===================================================================== */

:root {
	--bg: #0b0f0c;
	--bg2: #0f1410;
	--card: #121813;
	--card2: #171f18;
	--line: #253026;
	--line2: #334034;
	--txt: #ebe5d6;
	--mut: #a3a593;
	--amber: #f0a23b;
	--amber2: #ffc46b;
	--moss: #8fa868;
}

html { min-width: 0 !important; height: auto; }
body {
	background: var(--bg) !important;
	color: var(--txt) !important;
	font: 400 16px/1.6 Karla, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
	min-width: 0;
}
a { color: var(--txt); }
a:hover, a:focus { color: var(--amber2) !important; text-decoration: none; }
::selection { background: #7a4d12; color: #fff; }
.hn-hide { display: none !important; }
.hn-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* уголки прицела: главный приём шаблона */
.hn-vf { position: relative; background: var(--card); border: 1px solid var(--line); }
.hn-vf::before, .hn-vf::after, .hn-vf > i.c1, .hn-vf > i.c2 { content: ""; position: absolute; z-index: 3; width: 18px; height: 18px; border: 2px solid var(--amber); pointer-events: none; }
.hn-vf::before { left: -1px; top: -1px; border-right: 0; border-bottom: 0; }
.hn-vf::after { right: -1px; top: -1px; border-left: 0; border-bottom: 0; }
.hn-vf > i.c1 { left: -1px; bottom: -1px; border-right: 0; border-top: 0; }
.hn-vf > i.c2 { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }

/* заголовок секции со следом */
.hn-h2 { display: flex; align-items: baseline; gap: 16px; margin: 0 0 22px; }
.hn-h2 h2 { margin: 0; font: 700 36px/1.1 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; }
.hn-h2 .trail { flex: 1; min-width: 20px; height: 1px; background: repeating-linear-gradient(90deg, var(--line2) 0 8px, transparent 8px 14px); }
.hn-h2 a { color: var(--amber) !important; font-weight: 700; white-space: nowrap; }

/* ---------------- кнопки ---------------- */
.hn-btn, .btn-primary, .btn-default, .btn-success, .btn-danger, .btn-warning, .btn-info {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; max-width: 100%;
	min-height: 46px; padding: 0 22px !important; border: 1px solid var(--amber) !important; border-radius: 0 !important;
	font: 800 15px/1.2 Karla, sans-serif !important; letter-spacing: 0; text-transform: none;
	color: #1a1206 !important; background: var(--amber) !important;
	box-shadow: none !important; text-shadow: none !important; cursor: pointer; text-decoration: none !important; }
.hn-btn:hover, .btn-primary:hover, .btn-success:hover, .btn-danger:hover, .btn-warning:hover, .btn-info:hover { background: var(--amber2) !important; border-color: var(--amber2) !important; color: #1a1206 !important; }
.hn-btn:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber2) !important; outline-offset: 3px; }
.hn-btn.line, .btn-default { color: var(--txt) !important; background: rgba(11,15,12,.55) !important; border-color: var(--line2) !important; }
.hn-btn.line:hover, .btn-default:hover { color: var(--amber2) !important; border-color: var(--amber) !important; background: rgba(240,162,59,.08) !important; }
.hn-btn.lg { min-height: 54px; padding: 0 30px !important; font-size: 16px !important; }
.hn-btn.sm { min-height: 38px; padding: 0 16px !important; font-size: 14px !important; }
.btn-xs { min-height: 30px; padding: 0 12px !important; font-size: 12px !important; }
.btn-sm { min-height: 36px; padding: 0 14px !important; font-size: 13px !important; }
.btn-danger { color: #fff !important; background: #b8402f !important; border-color: #b8402f !important; }
.btn-success { color: #0e1a10 !important; background: #8fd39a !important; border-color: #8fd39a !important; }

/* зелёная плашка «в сети» */
.hn-live { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; font-size: 14px; font-weight: 700; color: #9de8ab; border: 1px solid #2f5a37; background: #11251a; white-space: nowrap; }
.hn-live i { width: 8px; height: 8px; border-radius: 50%; background: #5fdc77; box-shadow: 0 0 0 4px rgba(95,220,119,.18); }
.hn-live b { font-weight: 800; color: #d6f7dc; margin-left: 4px; }
.hn-live.big { font-size: 15px; padding: 8px 14px; }

/* ---------------- шапка ---------------- */
.hn-bar { position: sticky; top: 0; z-index: 40; background: rgba(11,15,12,.92); border-bottom: 1px solid var(--line); }
@supports (backdrop-filter: blur(8px)) { .hn-bar { background: rgba(11,15,12,.8); backdrop-filter: blur(8px); } }
.hn-bar .hn-wrap { min-height: 74px; display: flex; align-items: center; gap: 26px; }
.hn-brand img { height: 54px; width: auto; display: block; }
.hn-nav { flex: 1; min-width: 0; }
.hn-nav ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
.hn-nav a { display: block; padding: 25px 12px 23px; white-space: nowrap; font-weight: 700; font-size: 15px; color: var(--mut) !important; text-decoration: none !important; box-shadow: inset 0 -2px 0 transparent; }
.hn-nav a:hover { color: var(--txt) !important; }
.hn-nav a.on { color: var(--txt) !important; box-shadow: inset 0 -2px 0 var(--amber); }
.hn-right { display: flex; align-items: center; gap: 10px; }
.hn-burger { display: none; margin-left: auto; width: 44px; height: 44px; border: 1px solid var(--line2); background: transparent; color: var(--amber2); font-size: 22px; cursor: pointer; }

/* ---------------- главный экран ---------------- */
.hn-hero { position: relative; overflow: hidden;
	background: linear-gradient(90deg, var(--bg) 0%, rgba(11,15,12,.75) 35%, rgba(11,15,12,0) 65%), linear-gradient(0deg, var(--bg) 0%, rgba(11,15,12,0) 35%), var(--hn-hero) right center / cover no-repeat, var(--bg); }
.hn-hero .hn-wrap { position: relative; z-index: 2; min-height: 660px; display: grid; grid-template-columns: minmax(0, 560px) 1fr; align-items: center; padding-top: 40px; padding-bottom: 100px; }
.hn-hero-logo img { display: block; width: 100%; max-width: 380px; height: auto; margin-left: -14px; filter: drop-shadow(0 20px 40px rgba(0,0,0,.65)); }
.hn-hero-text { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.hn-h1 { margin: 0; font: 700 64px/1 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; text-shadow: 0 4px 24px rgba(0,0,0,.6); }
.hn-lead { margin: 0; max-width: 460px; font-size: 18px; line-height: 1.6; color: #cfcab9; }
.hn-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.hn-reticle { position: absolute; z-index: 1; right: 6%; top: 18%; width: 300px; height: 300px; border: 1px solid rgba(240,162,59,.3); border-radius: 50%; pointer-events: none; }
.hn-reticle::before, .hn-reticle::after { content: ""; position: absolute; background: rgba(240,162,59,.3); }
.hn-reticle::before { left: 50%; top: -34px; bottom: -34px; width: 1px; }
.hn-reticle::after { top: 50%; left: -34px; right: -34px; height: 1px; }

/* бирки с рейтами */
.hn-tags { position: relative; z-index: 3; margin-top: -54px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.hn-tag { position: relative; padding: 16px 14px 14px 36px; background: var(--card2); border: 1px solid var(--line2);
	clip-path: polygon(16px 0, 100% 0, 100% 100%, 16px 100%, 0 50%); }
.hn-tag::before { content: ""; position: absolute; left: 15px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--bg); box-shadow: 0 0 0 2px var(--line2); }
.hn-tag b { display: block; font: 700 30px/1 'Zilla Slab', Georgia, serif; color: var(--amber2); white-space: nowrap; }
.hn-tag span { display: block; margin-top: 4px; font-size: 14px; color: var(--mut); }

.hn-sec { padding-top: 72px; }

/* выбор класса */
.hn-cls { display: grid; grid-template-columns: 280px minmax(0, 1fr); }
.hn-cls-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-right: 0; background: var(--bg2); }
.hn-cls-list button { display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--mut); font: 700 16px Karla, sans-serif; text-align: left; cursor: pointer; }
.hn-cls-list button:last-child { border-bottom: 0; }
.hn-cls-list button img { width: 42px; height: 42px; object-fit: cover; border: 1px solid var(--line2); }
.hn-cls-list button:hover { color: var(--txt); background: rgba(255,255,255,.02); }
.hn-cls-list button.on { color: var(--txt); background: var(--card2); box-shadow: inset 3px 0 0 var(--amber); }
.hn-cls-list button:focus-visible { outline: 2px solid var(--amber2); outline-offset: -2px; }
.hn-cls-scope { min-height: 460px; display: flex; }
.hn-cls-pane { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 44px; background-size: cover, cover; background-repeat: no-repeat; }
.hn-cls-pane h3 { margin: 0 0 8px; font: 700 52px/1 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; }
.hn-cls-pane p { max-width: 420px; margin: 0 0 18px; color: #d8d2c2; font-size: 17px; }
.hn-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.hn-chips span { padding: 6px 11px; border: 1px solid var(--line2); background: rgba(0,0,0,.4); font-size: 14px; }
.hn-chips em { font-style: normal; color: var(--mut); }

/* новости и топ */
.hn-two { display: flex; gap: 28px; flex-wrap: wrap; }
.hn-two > .l { flex: 13 1 520px; min-width: 0; }
.hn-two > .r { flex: 10 1 380px; min-width: 0; }
.hn-news { background: linear-gradient(90deg, var(--card) 55%, rgba(18,24,19,.7)), url('../img/hunter/track.jpg') right center / cover no-repeat, var(--card); }
.hn-news a { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 18px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); text-decoration: none !important; }
.hn-news a:last-of-type { border-bottom: 0; }
.hn-news a:hover { background: rgba(240,162,59,.04); }
.hn-news time { display: block; text-align: center; border: 1px solid var(--line2); padding: 7px 0; line-height: 1.1; }
.hn-news time b { display: block; font: 700 28px 'Zilla Slab', Georgia, serif; color: var(--amber2); }
.hn-news time span { font-size: 12px; color: var(--mut); }
.hn-news h3 { margin: 0; font: 700 21px/1.25 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; }
.hn-empty { padding: 28px; text-align: center; color: var(--mut); }
.hn-tabs { display: flex; gap: 6px; margin: -8px 0 14px; }
.hn-tabs button { padding: 7px 14px; border: 1px solid var(--line2); background: transparent; color: var(--mut); font: 800 14px Karla, sans-serif; cursor: pointer; }
.hn-tabs button.on { background: var(--amber); border-color: var(--amber); color: #1a1206; }
.hn-top .row-i { display: grid; grid-template-columns: 30px 38px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 18px; border-bottom: 1px solid var(--line); }
.hn-top .row-i:last-of-type { border-bottom: 0; }
.hn-top .n { font: 700 19px 'Zilla Slab', Georgia, serif; color: var(--mut); }
.hn-top .row-i:first-of-type .n { color: var(--amber2); }
.hn-top img { width: 38px !important; height: 38px !important; object-fit: cover; border: 1px solid var(--line2); }
.hn-top .nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.hn-top .nm a { color: var(--txt) !important; }
.hn-top small { display: block; font-size: 13px; font-weight: 400; color: var(--mut); }
.hn-top .sc { text-align: right; white-space: nowrap; color: var(--mut); }
.hn-top .sc b { font: 700 18px 'Zilla Slab', Georgia, serif; color: var(--txt); }

/* замок */
.hn-cs { margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 30px;
	background: linear-gradient(90deg, rgba(18,24,19,.97) 0%, rgba(18,24,19,.75) 55%, rgba(18,24,19,.35) 100%), url('../img/hunter/castle.jpg') center 35% / cover no-repeat; }
.hn-cs .k { color: var(--mut); }
.hn-cs .k a { color: var(--txt) !important; font-weight: 700; }
.hn-cs .g { font: 700 34px/1.1 'Zilla Slab', Georgia, serif; color: var(--txt); margin: 2px 0; }
.hn-cs .g a { color: var(--txt) !important; }
.hn-cs .t { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.hn-cs .cd { font: 700 36px/1 'Zilla Slab', Georgia, serif; color: var(--amber2); }

/* ---------------- внутренние страницы ---------------- */
.hn-sub { height: 300px; background: linear-gradient(90deg, rgba(11,15,12,.8) 0%, rgba(11,15,12,.25) 60%, rgba(11,15,12,0) 100%), linear-gradient(180deg, rgba(11,15,12,0) 40%, var(--bg) 100%), var(--hn-sub) center 40% / cover no-repeat; }
.hn-page { position: relative; z-index: 3; margin-top: -70px; padding-bottom: 20px; }
.hn-panel { background: var(--card); }
.hn-content { padding: 40px 40px 44px; min-height: 380px; }
.hn-content .row { margin-left: -12px; margin-right: -12px; }
.hn-content [class*="col-"] { padding-left: 12px; padding-right: 12px; }

/* заголовок модуля WebEngine */
.page-title { margin: 0 0 26px !important; padding: 0 0 14px !important; border-bottom: 1px dashed var(--line2) !important; background: none !important; text-align: left !important; }
.page-title span { display: inline-block; font: 700 48px/1.05 'Zilla Slab', Georgia, serif !important; text-transform: none !important; color: var(--txt) !important; text-shadow: none; }
h1, h2, h3, h4 { color: var(--txt); }
h2, h3 { font-family: 'Zilla Slab', Georgia, serif; font-weight: 700; }

/* ---------------- подвал ---------------- */
.hn-foot { margin-top: 90px; border-top: 1px solid var(--line); background: #080b09; color: var(--mut); font-size: 15px; }
.hn-foot .hn-wrap { padding-top: 34px; padding-bottom: 34px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.hn-foot img { width: 120px; height: auto; }
.hn-foot nav { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; }
.hn-foot nav a { color: #cfcab9 !important; text-decoration: none !important; }
.hn-foot nav a:hover { color: var(--amber2) !important; }
.hn-foot .copy { font-size: 13px; color: #8a8c7c; display: flex; gap: 6px 18px; flex-wrap: wrap; justify-content: center; }

/* ---------------- адаптив ---------------- */
@media (max-width: 1180px) {
	.hn-nav a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
	.hn-bar .hn-wrap { gap: 16px; }
	.hn-bar .hn-live { display: none; }
}
@media (max-width: 1000px) {
	.hn-bar .hn-wrap { flex-wrap: wrap; min-height: 0; padding-top: 10px; padding-bottom: 10px; }
	.hn-brand img { height: 46px; }
	.hn-burger { display: inline-grid; place-items: center; }
	.hn-nav, .hn-right { display: none; flex-basis: 100%; }
	.hn-bar.open .hn-nav, .hn-bar.open .hn-right { display: flex; }
	.hn-nav ul { flex-direction: column; width: 100%; }
	.hn-nav a { padding: 10px 4px; box-shadow: none !important; }
	.hn-nav a.on { color: var(--amber2) !important; }
	.hn-right { flex-wrap: wrap; padding-bottom: 8px; }
	.hn-bar.open .hn-live { display: inline-flex; }
	.hn-hero { background-position: 0 0, 0 0, 72% center, 0 0; }
	.hn-hero .hn-wrap { grid-template-columns: 1fr; min-height: 0; padding-top: 30px; }
	.hn-hero-logo img { max-width: 300px; margin-left: -10px; }
	.hn-reticle { display: none; }
	.hn-tags { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: -40px; }
	.hn-cls { grid-template-columns: 1fr; }
	.hn-cls-list { flex-direction: row; overflow-x: auto; border-right: 1px solid var(--line); border-bottom: 0; }
	.hn-cls-list button { flex: 0 0 auto; border-bottom: 0; border-right: 1px solid var(--line); }
	.hn-cls-list button.on { box-shadow: inset 0 -3px 0 var(--amber); }
	.hn-content { padding: 26px 18px 30px; }
	.page-title span { font-size: 38px !important; }
	.hn-content .col-xs-8, .hn-content .col-xs-4, .hn-content .col-xs-6 { width: 100%; float: none; }
	.hn-sub { height: 190px; }
}
@media (max-width: 600px) {
	.hn-h1 { font-size: 44px !important; }
	.hn-lead { font-size: 16px; }
	.hn-tags { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.hn-tag b { font-size: 24px; }
	.hn-h2 h2 { font-size: 28px !important; }
	.hn-cls-scope { min-height: 380px; }
	.hn-cls-pane { padding: 24px 20px; }
	.hn-cls-pane h3 { font-size: 38px !important; }
	.hn-news a { grid-template-columns: 62px minmax(0, 1fr); padding: 14px; gap: 14px; }
	.hn-news h3 { font-size: 18px !important; }
	.hn-top .row-i { padding: 10px 12px; gap: 10px; }
	.hn-cs { padding: 22px 18px; }
	.hn-cs .t { align-items: flex-start; text-align: left; }
	.hn-cs .cd { font-size: 30px; }
}

/* вкладки рейтинга */
.rankings_menu a { width: auto !important; white-space: nowrap !important; line-height: 1 !important; height: 40px; border-radius: 0 !important; }
.rankings_menu a.active { color: #1a1206 !important; }

/* кнопка AdminCP (видна только админу) */
.admincp-button { position: fixed !important; top: auto !important; bottom: 18px; right: 18px !important; z-index: 50;
	background: var(--amber) !important; border: 0 !important; color: #1a1206 !important;
	border-radius: 0 !important; font-weight: 800 !important; box-shadow: 0 8px 22px rgba(0,0,0,.5); }

/* =====================================================================
   МОДУЛИ WEBENGINE (панели, таблицы, формы, старые светлые блоки)
   ===================================================================== */

/* ---------------- Bootstrap: панели ---------------- */
.panel, .panel-sidebar, .panel-news, .panel-general, .panel-downloads, .panel-addstats, .castle-owner-widget {
	background: linear-gradient(180deg, var(--card2), var(--card)) !important;
	border: 1px solid var(--line) !important; border-radius: 0 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 40px rgba(0,0,0,.25) !important;
	color: var(--txt) !important; overflow: hidden; }
.panel > .panel-heading, .panel-sidebar > .panel-heading, .panel-news .panel-heading {
	position: relative; background: linear-gradient(180deg, #1a221b, #141b15) !important; color: var(--txt) !important;
	border: 0 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; padding: 14px 18px !important; }
.panel > .panel-heading::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, #f0a23b 30%, #fff 50%, #f0a23b 70%, transparent); opacity: .6; }
.panel-title, .panel-heading h3 { font: 800 16px/1.3 Karla, sans-serif !important; color: #efe9da !important; }
.panel-body { color: var(--txt); }
.panel-footer { background: #0d120e !important; border-top: 1px solid var(--line) !important; color: var(--mut) !important; }
.panel-news .panel-title { font: 900 22px/1.2 'Zilla Slab', Georgia, serif !important; }

/* ---------------- таблицы ---------------- */
.table, .rankings-table, .general-table-ui, .myaccount-table, table.cells {
	width: 100%; background: transparent !important; color: var(--txt) !important; border-collapse: collapse; border: 0 !important; }
.table > thead > tr > th, .table > thead > tr > td, .rankings-table tr:first-child td, .general-table-ui tr:first-child td, table.cells td.header {
	background: #121813 !important; color: var(--mut) !important; font-size: 12px !important; font-weight: 800 !important;
	letter-spacing: .08em; text-transform: uppercase; border: 0 !important; border-bottom: 1px solid var(--line2) !important; padding: 12px 14px !important; }
.table > tbody > tr > td, .rankings-table tr td, .general-table-ui tr td, .myaccount-table tr td, table.cells td {
	background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 11px 14px !important;
	color: var(--txt) !important; vertical-align: middle !important; }
.table-striped > tbody > tr:nth-of-type(odd), .general-table-ui tr:nth-child(2n+2) td, table.cells tr:nth-child(even) { background: rgba(255,255,255,.015) !important; }
.table-hover > tbody > tr:hover, .rankings-table tr:hover td, table.cells tr:hover { background: rgba(240,162,59,.05) !important; }
.myaccount-table tr td:first-child { color: var(--mut) !important; font-weight: 700; }
.rankings-table-place { font-weight: 900 !important; color: #efe9da !important; font-family: 'Zilla Slab', Georgia, serif; }
.rankings-class-image { border-radius: 0; border: 1px solid var(--line2); }
.rankings-update-time { color: var(--mut) !important; }
.rankings_menu { display: flex !important; flex-wrap: wrap; gap: 6px; margin-bottom: 18px !important; }
.rankings_menu span { display: none !important; }
.rankings_menu a { display: inline-flex !important; align-items: center; min-height: 40px; padding: 0 16px !important; margin: 0 !important;
	border-radius: 0 !important; border: 1px solid var(--line2) !important; background: #121813 !important; color: var(--mut) !important;
	font-weight: 700 !important; text-decoration: none !important; }
.rankings_menu a:hover { color: #fff !important; border-color: #b0772a !important; }
.rankings_menu a.active { color: #121813 !important; border-color: transparent !important; background: linear-gradient(180deg, #ffc46b, #d98a26) !important; }
.rankings-class-filter { background: #121813 !important; border: 1px solid var(--line) !important; border-radius: 0 !important; }
.rankings-class-filter-selection { color: var(--mut) !important; }
.rankings-class-filter-selection:hover { color: #fff !important; }

/* ---------------- формы ---------------- */
.form-control, input[type=text], input[type=password], input[type=number], input[type=email], select, textarea {
	background: var(--bg2) !important; border: 1px solid var(--line2) !important; border-radius: 0 !important;
	color: var(--txt) !important; box-shadow: none !important; font: 500 15px Karla, sans-serif !important; }
.form-control { height: 46px; padding: 0 14px; }
textarea.form-control { height: auto; padding: 12px 14px; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: #f0a23b !important; box-shadow: 0 0 0 3px rgba(240,162,59,.18) !important; outline: none; }
.form-control::placeholder { color: #7a7d6c; }
label, .control-label { color: #e3decf !important; font-weight: 700 !important; }
.help-block { color: var(--mut) !important; }
.input-group-addon { background: #171f18 !important; border-color: var(--line2) !important; color: var(--mut) !important; }
.checkbox label, .radio label { font-weight: 500 !important; }

/* ---------------- сообщения, вкладки, прочее ---------------- */
.alert { border-radius: 0 !important; border: 1px solid var(--line2) !important; background: #121813 !important; color: var(--txt) !important; }
.alert-danger, .alert-error { border-color: #6b2f2a !important; background: #2a1514 !important; color: #ffb4a8 !important; }
.alert-success { border-color: #285a3c !important; background: #12251a !important; color: #9ff0bf !important; }
.alert-warning { border-color: #5a6b44 !important; background: #262414 !important; color: #ffd79a !important; }
.alert-info { border-color: #2e4a70 !important; background: #121c2b !important; color: #b8d3ff !important; }
.nav-tabs { border-bottom: 1px solid var(--line2) !important; }
.nav-tabs > li > a { color: var(--mut) !important; border: 0 !important; border-radius: 0 9px 0 0 !important; font-weight: 700; }
.nav-tabs > li > a:hover { background: rgba(255,255,255,.04) !important; color: #fff !important; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #171f18 !important; color: #fff !important; box-shadow: inset 0 -2px 0 #f0a23b; }
.pagination > li > a, .pagination > li > span { background: #121813 !important; border-color: var(--line2) !important; color: var(--txt) !important; }
.pagination > .active > a, .pagination > .active > span { background: #f0a23b !important; color: #1a1206 !important; border-color: #f0a23b !important; }
.well { background: #121813 !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
.modal-content { background: #121813 !important; border: 1px solid var(--line2) !important; color: var(--txt) !important; }
.modal-header, .modal-footer { border-color: var(--line) !important; }
.close { color: #fff !important; opacity: .7; text-shadow: none; }
.thumbnail { background: #121813 !important; border-color: var(--line) !important; }
.label-default { background: #334034; }
.tooltip-inner { background: #171f18; border: 1px solid var(--line2); }
hr { border-top-color: var(--line) !important; }
.text-muted, .smalltext, .alt { color: var(--mut) !important; }
.module-requirements { background: #121813 !important; border: 1px solid var(--line) !important; color: var(--mut) !important; border-radius: 0; }

/* ---------------- боковая колонка (личный кабинет) ---------------- */
.panel-usercp { background: linear-gradient(180deg, var(--card2), var(--card)) !important; }
.panel-usercp ul { list-style: none; margin: 0; padding: 4px 0 !important; }
.panel-usercp ul li { display: flex !important; align-items: center; gap: 10px; line-height: 1.3 !important; padding: 8px 4px; border-bottom: 1px solid var(--line); }
.panel-usercp ul li:last-child { border-bottom: 0; }
.panel-usercp ul li img { width: 26px !important; height: 26px !important; top: 0 !important; margin: 0 !important; filter: grayscale(.3) brightness(1.1); }
.panel-usercp ul li a { color: var(--txt) !important; font-weight: 700 !important; }
.panel-usercp ul li a:hover { color: #fff !important; }
.sidebar-banner img { width: 100%; border-radius: 0 !important; box-shadow: none !important; border: 1px solid var(--line) !important; }

/* ---------------- Castle Siege ---------------- */
.castle-owner-widget .panel-body { background: linear-gradient(180deg, rgba(11,15,12,.35), rgba(11,15,12,.92)), url('../img/hunter/castle.jpg') center/cover !important; }


/* =====================================================================
   СОВМЕСТИМОСТЬ СО СТАРЫМИ МОДУЛЯМИ (светлые блоки, float-колонки)
   ===================================================================== */

/* пластина растягивается под колонки col-xs-* (регистрация, вход, донат) */
.hn-content { display: flow-root; }
.hn-content::after { content: ""; display: table; clear: both; }
.hn-content .col-xs-8.col-xs-offset-2 { float: none; margin: 10px auto 0 !important; width: 100%; max-width: 640px; }

/* новости: жирный текст остаётся обычным жирным текстом, а не синей плашкой */
.hn-content p > strong {
	display: inline !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important;
	font: inherit !important; font-weight: 800 !important; color: #fff !important; text-align: inherit !important;
	text-transform: none !important; box-shadow: none !important; text-shadow: none !important; letter-spacing: normal !important; }
.panel-news .panel-body { font-size: 15px; line-height: 1.7; }
.panel-news .panel-body p { margin: 0 0 12px; }

/* страница Info: заголовки разделов (p > strong) — стальная полоса */
.hn-p-info .hn-content p > strong {
	display: block !important; margin: 30px 0 12px !important; padding: 12px 18px !important; border-radius: 0;
	font: 900 20px/1.2 'Zilla Slab', Georgia, serif !important; color: #efe9da !important; text-align: left !important;
	background: linear-gradient(90deg, rgba(240,162,59,.18), rgba(240,162,59,0)) !important;
	border-left: 3px solid #f0a23b !important; }

/* инлайновые светлые блоки старых модулей (донат, тикеты, профиль, загрузки и т.д.) */
.hn-content [style*="background: rgba(241, 241, 241)"], .hn-content [style*="background:rgba(241,241,241)"],
.hn-content [style*="background: rgba(241,241,241)"], .hn-content [style*="background:rgba(241, 241, 241)"],
.hn-content [style*="background: #f1f1f1"], .hn-content [style*="background:#f1f1f1"],
.hn-content [style*="background: #f9f9f9"], .hn-content [style*="background:#f9f9f9"],
.hn-content [style*="background: #fff"], .hn-content [style*="background:#fff"],
.hn-content [style*="background: white"], .hn-content [style*="background: #e3e3e3"], .hn-content [style*="background: #fdf7f7"],
.hn-content [style*="background: #f8f9fa"], .hn-content [style*="background-color: #fff"] {
	background: rgba(11,15,12,.55) !important; color: var(--txt) !important; border-color: var(--line) !important; border-radius: 0; }
.hn-content [style*="color: #333"], .hn-content [style*="color:#333"], .hn-content [style*="color: #666"], .hn-content [style*="color:#666"],
.hn-content [style*="color: #000"], .hn-content [style*="color:#000"], .hn-content [style*="color:#2c3e50"], .hn-content [style*="color: #2c3e50"] { color: var(--txt) !important; }
.hn-content [style*="color: #3f6588"], .hn-content [style*="color:#3f6588"] { color: #efe9da !important; }
.hn-content [style*="#e3e3e3"], .hn-content [style*="#ccc"], .hn-content [style*="#ddd"], .hn-content [style*="#eee"] { border-color: var(--line) !important; }
.hn-content h3[style], .hn-content h4[style] { font-family: 'Zilla Slab', Georgia, serif !important; }
.hn-content [style*="background: #3f6588"], .hn-content [style*="background:#3f6588"] {
	background: linear-gradient(180deg, #263027, #171f18) !important; color: #efe9da !important; border-color: var(--line2) !important; }
.hn-content button[style*="background: #3f6588"] { background: linear-gradient(180deg, #ffc46b, #d98a26) !important; color: #121813 !important; border-radius: 0; }
.hn-content [style*="border-left: 3px solid #d9534f"] { border-left-color: #d42630 !important; }
.hn-content .btn[style*="#28a745"] { background: linear-gradient(180deg, #4cc46a, #2b8a43) !important; border-color: transparent !important; color: #fff !important; }
.hn-content .checkbox label { color: var(--txt); }
.hn-content .checkbox a, .hn-content label a { color: #fff !important; }

/* донат: окно с условиями (переносится в body скриптом, чтобы не обрезалось) */
#tosModal > div { border-radius: 0; border-color: var(--line2) !important; background: var(--card) !important; }
#tosModal > div > div { color: var(--txt) !important; }
#tosModal > div > div:first-child { background: linear-gradient(180deg, #263027, #171f18) !important; }
#tosModal > div > div:nth-child(2) { background: #0d120e !important; }
#tosModal > div > div:last-child { background: #121813 !important; border-color: var(--line) !important; }
#tosModal h3, #tosModal h4 { font-family: 'Zilla Slab', Georgia, serif; color: #efe9da !important; border-color: var(--line) !important; }
#tosModal p[style] { background: rgba(224,100,95,.1) !important; }
#tosModal button { background: linear-gradient(180deg, #ffc46b, #d98a26) !important; color: #121813 !important; border-radius: 0; }

/* донат PayPal: способы оплаты */
.hn-content .pay-box { background: #121813 !important; border: 1px solid var(--line) !important; border-radius: 0 !important; }
.hn-content .pay-box span { color: var(--txt) !important; }
.hn-content .pay-methods-wrap label:hover .pay-box { border-color: #b0772a !important; }
.hn-content .pay-methods-wrap input:checked + .pay-box { border-color: #f0a23b !important; background: #1a221b !important; box-shadow: 0 0 0 3px rgba(240,162,59,.12) !important; }
.hn-content #freekassa_selector_block { background: #0d120e !important; border: 1px solid var(--line) !important; border-radius: 0 !important; }
.hn-content .fk-title { color: #efe9da !important; }
.hn-content .fk-method-card { background: #121813 !important; border-color: var(--line) !important; border-radius: 0 !important; }
.hn-content .fk-method-card:hover, .hn-content .fk-method-card.active { background: #1a221b !important; border-color: #f0a23b !important; }
.hn-content .fk-method-card span { color: var(--txt) !important; }
.hn-content input[name="amount"] { width: 120px !important; height: 44px; padding: 0 12px !important; border-radius: 0; }
.paypal-gateway-content { background: #0d120e !important; border: 1px solid var(--line) !important; border-radius: 0 !important; color: var(--txt); }
.paypal-gateway-logo { background-color: #121813 !important; border-radius: 0; }
.paypal-gateway-form input[type=text] { border: 1px solid var(--line2) !important; color: #fff !important; }

/* профиль персонажа: экипировка */
.mu-profile-equipment { background: rgba(11,15,12,.55) !important; border: 1px solid var(--line) !important; border-radius: 0; color: var(--txt) !important; }
.mu-profile-equipment h4 { color: #efe9da !important; font-family: 'Zilla Slab', Georgia, serif; border-color: var(--line) !important; }
.mu-profile-equip-slot { background: #121813 !important; border: 1px solid var(--line2) !important; border-radius: 0 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; }
.mu-profile-equip-slot.has-item { background: #1a221b !important; }
.mu-profile-equip-slot.is-empty, .mu-profile-equipment-board.is-hidden .mu-profile-equip-slot { background: #0b100c !important; }
.mu-profile-equipment-hidden { color: #efe9da !important; background: rgba(18,24,19,.94) !important; border-color: var(--line2) !important; border-radius: 0; }
.profiles_player_card, .profiles_guild_card { border-radius: 0 !important; border: 1px solid var(--line) !important; }
.profiles_player_content { background: rgba(11,15,12,.62) !important; border-color: var(--line) !important; }

/* загрузки: картинка и текст в инфоблоке */
.hn-content .download-description { color: var(--mut); }
.hn-content ol li h4 { font-family: Karla, sans-serif !important; font-weight: 800; font-size: 16px; color: #efe9da; }
.hn-content hr { border-top-color: var(--line) !important; }

/* старые таблицы info/профиля внутри пластины */
.hn-content table[style*="background: #fff"] td, .hn-content table[style*="background:#fff"] td { background: transparent; }
.hn-content td[style*="background: #f9f9f9"] { background: rgba(255,255,255,.03) !important; }
.hn-content .pay-box img { background: #eef2f6; border-radius: 0; padding: 5px 10px; max-height: 42px !important; box-sizing: content-box; }
.hn-content .pay-methods-wrap { gap: 12px !important; }
.hn-content form label { color: var(--txt); }

/* рейтинги: кнопки по ширине текста, в одну строку */
.rankings_menu a { width: auto !important; white-space: nowrap !important; line-height: 1 !important; height: 40px; }

/* кнопка AdminCP (видна только админу) */
.admincp-button { position: fixed !important; top: auto !important; bottom: 18px; right: 18px !important; z-index: 50;
	background: linear-gradient(180deg, #ffc46b, #d98a26) !important; border: 0 !important; color: #121813 !important;
	border-radius: 0 !important; font-weight: 800 !important; box-shadow: 0 8px 22px rgba(0,0,0,.45); }

/* остатки тёмного текста из старого style.css */
.panel-general, .panel-addstats, .panel-downloads, .panel-news { color: var(--txt) !important; }
.panel-body .panel-title, .panel-addstats .character-name { color: #efe9da !important; border-color: var(--line) !important; }
.tos_list li p, .paypal-gateway-conversion-rate, .paypal-gateway-form div, .download-description { color: var(--txt) !important; }
.webengine-powered { color: var(--mut) !important; }

/* личный кабинет: мои персонажи */
.myaccount-character-name a { color: #efe9da !important; font-weight: 800 !important; }
.myaccount-character-name a:hover { color: #fff !important; }
.myaccount-character-block { background: #121813 !important; border: 1px solid var(--line2) !important; border-radius: 0 !important; padding: 6px !important; }
.myaccount-character-block img { border-radius: 0 !important; box-shadow: none !important; }
.myaccount-character-block-location { color: var(--mut) !important; font-size: 12px; }
.myaccount-character-block-level { color: #fff !important; background: rgba(11,15,12,.8) !important; border: 1px solid var(--line2); font-weight: 800; }


/* Castle Siege page: owner panel background image */
.castle-siege-block .castle-owner-panel { background: linear-gradient(90deg, rgba(11,15,12,.92) 0%, rgba(11,15,12,.6) 45%, rgba(11,15,12,.15) 100%), url('../img/hunter/castle.jpg') center/cover no-repeat !important; min-height: 260px; }
.castle-siege-block .castle-owner-panel .panel-body { background: transparent !important; }

/* ===== Guild profile page ===== */
.profiles_guild_card { background: linear-gradient(180deg, rgba(11,15,12,.55) 0%, rgba(11,15,12,.94) 210px, var(--card) 100%), url('../img/hunter/hall.jpg') center top / 100% auto no-repeat, var(--card) !important; padding: 28px !important; box-shadow: none !important; color: var(--txt) !important; text-shadow: none !important; overflow: hidden; }
.profiles_guild_card > .row:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 0 !important; }
.profiles_guild_card > .row:first-child > div { float: none !important; width: auto !important; padding: 0 !important; }
.profiles_guild_card > .row:first-child > div:last-child { flex: 1 1 300px; text-align: left !important; }
.profiles_guild_card .guild_logo { display: block; padding: 8px; background: rgba(0,0,0,.45); border: 1px solid var(--line2); }
.profiles_guild_card .guild_logo img { display: block; width: 128px !important; height: 128px !important; image-rendering: pixelated; border: 0 !important; box-shadow: none !important; margin: 0 !important; }
.profiles_guild_card .guild_name { display: block; margin: 0 0 14px !important; padding: 0 !important; font: 700 40px/1.05 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; text-align: left !important; }
.profiles_guild_card table.table { width: 100%; max-width: 460px; margin: 0 !important; background: transparent !important; border-collapse: collapse; }
.profiles_guild_card table.table td { padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: transparent !important; color: var(--txt) !important; font-size: 15px; text-align: left !important; }
.profiles_guild_card table.table td:first-child { color: var(--mut) !important; width: 52%; padding-right: 12px !important; }
.profiles_guild_card table.table td a { color: var(--gold2) !important; font-weight: 700; }
.profiles_guild_card hr { margin: 28px 0 22px !important; border: 0 !important; border-top: 1px solid var(--line) !important; }
.profiles_guild_card > .row { margin-left: 0 !important; margin-right: 0 !important; }
.profiles_guild_card > .row:last-child > div { float: none !important; width: 100% !important; padding: 0 !important; text-align: left !important; }
.profiles_guild_card .guild_members { display: block; margin: 0 0 14px !important; font: 700 28px/1.1 'Zilla Slab', Georgia, serif !important; color: var(--txt) !important; text-align: left !important; }
.profiles_guild_card .guild_members_table_wrap { overflow-x: auto; border: 1px solid var(--line) !important; background: rgba(0,0,0,.25) !important; max-height: none !important; border-radius: 0 !important; }
.profiles_guild_card .guild_members_table { width: 100%; min-width: 560px; border-collapse: collapse !important; background: transparent !important; margin: 0 !important; }
.profiles_guild_card .guild_members_table th { padding: 11px 12px !important; background: var(--card2) !important; color: var(--mut) !important; font-size: 13px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; border-bottom: 1px solid var(--line2) !important; text-align: center; white-space: nowrap; }
.profiles_guild_card .guild_members_table td { padding: 8px 12px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: transparent !important; color: var(--txt) !important; font-size: 15px !important; text-align: center; vertical-align: middle !important; }
.profiles_guild_card .guild_members_table tbody tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }
.profiles_guild_card .guild_members_table tbody tr:hover td { background: rgba(255,255,255,.05) !important; }
.profiles_guild_card .guild_members_table .guild_member_num { color: var(--mut) !important; width: 44px; }
.profiles_guild_card .guild_members_table th.guild_member_name, .profiles_guild_card .guild_members_table td.guild_member_name { text-align: left !important; }
.profiles_guild_card .guild_members_table td.guild_member_name a { color: var(--gold2) !important; font-weight: 700; }
.profiles_guild_card .guild_members_table .rankings-class-image { width: 34px !important; height: 34px !important; border: 1px solid var(--line2) !important; border-radius: 0 !important; box-shadow: none !important; }
.profiles_guild_card .guild_members_empty { color: var(--mut) !important; padding: 20px !important; }
@media (max-width: 600px) {
	.profiles_guild_card { padding: 18px !important; }
	.profiles_guild_card > .row:first-child { justify-content: center; }
	.profiles_guild_card .guild_name { font-size: 32px !important; text-align: center !important; }
	.profiles_guild_card .guild_logo img { width: 104px !important; height: 104px !important; }
}

/* Info page tables (table.cells): same alignment and size in every column */
table.cells { table-layout: fixed; width: 100% !important; }
table.cells td, table.cells td.header { text-align: left !important; padding: 11px 16px !important; font-size: 14px !important; line-height: 1.45 !important; vertical-align: middle !important; word-wrap: break-word; }
table.cells td.header { font-size: 12px !important; letter-spacing: .06em !important; }
table.cells td[style*="font-size"], table.cells td[style*="font-size"] span { font-size: 14px !important; text-shadow: none !important; color: var(--amber2) !important; font-weight: 700; }
table.cells td[style*="color: 0px"], table.cells span[style*="color: 0px"] { color: var(--txt) !important; }
@media (max-width: 600px) { table.cells td, table.cells td.header { padding: 9px 8px !important; font-size: 13px !important; } table.cells td.header { font-size: 11px !important; letter-spacing: 0 !important; } }