/* =====================================================================
   METAL MU — шаблон "metal"
   Хром и сталь в цветах логотипа. Подключается последним и
   перекрашивает Bootstrap 3 и стандартные классы WebEngine.
   ===================================================================== */

:root {
	--bg: #0a0d12;
	--bg2: #0e121a;
	--card: #121821;
	--card2: #171e29;
	--line: #232c3a;
	--line2: #2f3a4c;
	--txt: #e6eaf0;
	--mut: #8f9bad;
	--gold: #d8b46a;
	--green: #58d68d;
	--red: #ff8f7a;
}

html { min-width: 0 !important; height: auto; }
body {
	background: var(--bg) !important;
	color: var(--txt) !important;
	font: 500 15px/1.6 Manrope, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
	min-width: 0;
}
a { color: #cfd8e3; }
a:hover, a:focus { color: #fff !important; }
::selection { background: #3a4a63; color: #fff; }

.mt-wrap { max-width: 1240px; margin: 0 auto; padding: 0 28px; box-sizing: border-box; }

/* хромированный текст */
.chrome, .page-title span, .mt-h {
	background: linear-gradient(180deg, #ffffff 0%, #e9eef4 30%, #a9b4c2 48%, #6d7888 52%, #c7d0db 68%, #f4f7fa 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.mt-h, .cz { font-family: Cinzel, serif; font-weight: 900; letter-spacing: .02em; }

/* ---------------- верхняя полоса таймера (внутренние страницы) ---------------- */
.mt-strip { background: #07090d; border-bottom: 1px solid #1a212c; font-size: 13px; color: var(--mut); }
.mt-strip .mt-wrap { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 38px; flex-wrap: wrap; }
.mt-strip b { color: #e9eef4; font-variant-numeric: tabular-nums; }
.mt-strip .lbl { letter-spacing: .14em; font-weight: 800; font-size: 11px; color: #9fc3ff; }

/* ---------------- панель меню ---------------- */
.mt-bar { position: relative; z-index: 20; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(10,13,18,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.mt-bar .mt-wrap { display: flex; align-items: center; gap: 22px; min-height: 72px; max-width: 1380px; }
.mt-brand { display: flex; align-items: center; gap: 12px; text-decoration: none !important; }
.mt-brand img { width: 54px; height: auto; }
.mt-brand span { font: 900 22px/1 Cinzel, serif; letter-spacing: .08em; }
.mt-nav { flex: 1 1 auto; display: flex; justify-content: center; }
.mt-nav ul { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
.mt-nav li a { display: block; padding: 9px 14px; border-radius: 9px; font-weight: 700; font-size: 14.5px; color: #c3ccd8 !important; text-decoration: none !important; text-transform: none; }
.mt-nav li a:hover { color: #fff !important; background: rgba(255,255,255,.05); }
.mt-nav li a.on { color: #fff !important; background: linear-gradient(180deg, #2a3443, #1c2430); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px #2f3a4c; }
.mt-right { display: flex; align-items: center; gap: 10px; }
.mt-online { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); font-weight: 700; font-size: 13.5px; white-space: nowrap; }
.mt-online i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.mt-burger { display: none; background: none; border: 1px solid var(--line2); border-radius: 9px; color: var(--txt); padding: 8px 11px; cursor: pointer; }

/* ---------------- кнопки ---------------- */
.mt-btn, .btn-primary, .btn-castlewidget, input[type=submit].btn, button.btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	min-height: 44px; padding: 0 22px !important; border-radius: 11px !important;
	font: 700 14.5px/1 Manrope, system-ui, sans-serif !important; cursor: pointer; text-decoration: none !important;
	border: 0 !important; white-space: nowrap; box-sizing: border-box;
	color: #111821 !important;
	background: linear-gradient(180deg, #f7f9fb 0%, #d3dae3 45%, #9ea9b7 55%, #cfd6df 100%) !important;
	box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(0,0,0,.25), 0 8px 24px rgba(160,180,210,.15) !important;
	transition: filter .15s, box-shadow .15s;
}
.mt-btn:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-castlewidget:hover {
	color: #111821 !important; filter: brightness(1.08);
	background: linear-gradient(180deg, #ffffff 0%, #dde3ea 45%, #a9b4c1 55%, #d8dee6 100%) !important;
	box-shadow: inset 0 1px 0 #fff, 0 10px 30px rgba(160,190,230,.3) !important;
}
.mt-btn.ghost, .btn-default {
	color: var(--txt) !important; background: rgba(18,24,33,.65) !important;
	box-shadow: inset 0 0 0 1px var(--line2) !important;
}
.mt-btn.ghost:hover, .btn-default:hover { color: #fff !important; background: rgba(40,52,70,.65) !important; box-shadow: inset 0 0 0 1px #8fa0b6 !important; filter: none; }
.mt-btn.gold { color: #1b1508 !important; background: linear-gradient(180deg, #f6e2ad, #c99d4f) !important; box-shadow: inset 0 1px 0 #fff4d6 !important; }
.mt-btn.lg { min-height: 54px; padding: 0 30px !important; font-size: 16px !important; }
.mt-btn.sm, .btn-xs, .btn-sm { min-height: 34px !important; padding: 0 14px !important; font-size: 13px !important; border-radius: 9px !important; }
.btn-danger { color: #fff !important; background: linear-gradient(180deg, #e2685a, #a8382d) !important; box-shadow: none !important; }
.btn-success { color: #0d1a12 !important; background: linear-gradient(180deg, #8ff0b4, #3fae6c) !important; box-shadow: none !important; }

/* ---------------- стальные пластины (срезанные углы, хромовая кромка, заклёпки) ---------------- */
.plate { --c: 16px; position: relative; padding: 2px; transform: translateZ(0);
	background: linear-gradient(160deg, #f2f5f9 0%, #7d8899 22%, #2c3542 50%, #8f9aab 78%, #e3e8ef 100%);
	clip-path: polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c)); }
.plate > .pi { position: relative; height: 100%; box-sizing: border-box;
	clip-path: polygon(calc(var(--c) - .8px) 0, calc(100% - var(--c) + .8px) 0, 100% calc(var(--c) - .8px), 100% calc(100% - var(--c) + .8px), calc(100% - var(--c) + .8px) 100%, calc(var(--c) - .8px) 100%, 0 calc(100% - var(--c) + .8px), 0 calc(var(--c) - .8px));
	background:
		radial-gradient(circle at 12px 12px, #c9d2dd 0 1.6px, #3a4452 2.4px, transparent 3px),
		radial-gradient(circle at calc(100% - 12px) 12px, #c9d2dd 0 1.6px, #3a4452 2.4px, transparent 3px),
		radial-gradient(circle at 12px calc(100% - 12px), #c9d2dd 0 1.6px, #3a4452 2.4px, transparent 3px),
		radial-gradient(circle at calc(100% - 12px) calc(100% - 12px), #c9d2dd 0 1.6px, #3a4452 2.4px, transparent 3px),
		repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px),
		linear-gradient(180deg, #1a212b, #10151c); }
.plate.sm { --c: 10px; }
.plate.sm > .pi { background: repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px), linear-gradient(180deg, #1a212b, #10151c); }
.plate.lit { background: linear-gradient(160deg, #ffffff 0%, #9fc3ff 25%, #2c3542 50%, #9fc3ff 75%, #ffffff 100%); filter: drop-shadow(0 0 18px rgba(127,176,255,.22)); }

.ib { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: #e9eef4; flex: 0 0 42px;
	background: linear-gradient(180deg, #2c3644, #1a212c); border: 1px solid var(--line2); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.tile { padding: 12px 14px; border-radius: 11px; background: rgba(10,13,18,.6); border: 1px solid var(--line); }
.tile small { display: block; font-size: 12px; color: var(--mut); }
.tile b { display: block; font-size: 17px; font-weight: 800; color: var(--txt); }
.badge-m { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 7px; font-size: 12px; font-weight: 800; color: #121821; background: linear-gradient(180deg, #eef2f6, #aab5c3); }
.badge-m.gold { color: #1b1508; background: linear-gradient(180deg, #f1d79a, #c79c4e); }

/* ---------------- шапка внутренних страниц ---------------- */
.mt-sub { position: relative; margin-top: -73px; padding-top: 73px; height: 300px; background: #0a0d12 center 35% / cover no-repeat; }
.mt-sub::before { content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(10,13,18,.9) 0%, rgba(10,13,18,.45) 55%, rgba(10,13,18,.2) 100%), linear-gradient(180deg, rgba(10,13,18,.15) 30%, #0a0d12 100%); }

.mt-page { position: relative; z-index: 3; margin-top: -150px; padding-bottom: 20px; }
.mt-content { padding: 34px 38px 40px; min-height: 420px; }
.mt-content .row { margin-left: -12px; margin-right: -12px; }
.mt-content [class*="col-"] { padding-left: 12px; padding-right: 12px; }

/* заголовок модуля WebEngine */
.page-title { margin: 0 0 26px !important; padding: 0 0 16px !important; border-bottom: 1px solid var(--line) !important; background: none !important; text-align: left !important; }
.page-title span { display: inline-block; font: 900 40px/1.1 Cinzel, serif !important; letter-spacing: .02em; text-transform: none !important; }
h1, h2, h3, h4 { color: #eef2f7; }
h2, h3 { font-family: Cinzel, serif; font-weight: 900; }

/* ---------------- 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: 14px !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, #202835, #171d27) !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, #c9d2dd 30%, #fff 50%, #c9d2dd 70%, transparent); opacity: .6; }
.panel-title, .panel-heading h3 { font: 800 16px/1.3 Manrope, sans-serif !important; color: #eef2f7 !important; }
.panel-body { color: var(--txt); }
.panel-footer { background: #10151c !important; border-top: 1px solid var(--line) !important; color: var(--mut) !important; }
.panel-news .panel-title { font: 900 22px/1.2 Cinzel, 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: #141a24 !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(159,195,255,.05) !important; }
.myaccount-table tr td:first-child { color: var(--mut) !important; font-weight: 700; }
.rankings-table-place { font-weight: 900 !important; color: #e9eef4 !important; font-family: Cinzel, serif; }
.rankings-class-image { border-radius: 8px; 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: 10px !important; border: 1px solid var(--line2) !important; background: #121821 !important; color: var(--mut) !important;
	font-weight: 700 !important; text-decoration: none !important; }
.rankings_menu a:hover { color: #fff !important; border-color: #8fa0b6 !important; }
.rankings_menu a.active { color: #121821 !important; border-color: transparent !important; background: linear-gradient(180deg, #f2f5f8, #b3bdca) !important; }
.rankings-class-filter { background: #121821 !important; border: 1px solid var(--line) !important; border-radius: 12px !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: 10px !important;
	color: var(--txt) !important; box-shadow: none !important; font: 500 15px Manrope, 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: #9fb0c6 !important; box-shadow: 0 0 0 3px rgba(159,176,198,.18) !important; outline: none; }
.form-control::placeholder { color: #5f6b7d; }
label, .control-label { color: #c9d1dc !important; font-weight: 700 !important; }
.help-block { color: var(--mut) !important; }
.input-group-addon { background: #1a212c !important; border-color: var(--line2) !important; color: var(--mut) !important; }
.checkbox label, .radio label { font-weight: 500 !important; }

/* ---------------- сообщения, вкладки, прочее ---------------- */
.alert { border-radius: 12px !important; border: 1px solid var(--line2) !important; background: #141a24 !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: #6b5524 !important; background: #261f10 !important; color: #f6dca0 !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: 9px 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: #1a212c !important; color: #fff !important; box-shadow: inset 0 -2px 0 #c9d2dd; }
.pagination > li > a, .pagination > li > span { background: #121821 !important; border-color: var(--line2) !important; color: var(--txt) !important; }
.pagination > .active > a, .pagination > .active > span { background: #c9d2dd !important; color: #121821 !important; border-color: #c9d2dd !important; }
.well { background: #121821 !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
.modal-content { background: #121821 !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: #121821 !important; border-color: var(--line) !important; }
.label-default { background: #2a3443; }
.tooltip-inner { background: #1a212c; border: 1px solid var(--line2); }
hr { border-top-color: var(--line) !important; }
.text-muted, .smalltext, .alt { color: var(--mut) !important; }
.module-requirements { background: #141a24 !important; border: 1px solid var(--line) !important; color: var(--mut) !important; border-radius: 12px; }

/* ---------------- боковая колонка (личный кабинет) ---------------- */
.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: 12px !important; box-shadow: none !important; border: 1px solid var(--line) !important; }

/* ---------------- Castle Siege ---------------- */
.castle-owner-widget .panel-body { background: linear-gradient(180deg, rgba(10,13,18,.35), rgba(10,13,18,.92)), url('../img/metal/cliff.jpg') center/cover !important; }

/* ---------------- подвал ---------------- */
.mt-foot { margin-top: 70px; border-top: 1px solid var(--line); background: #07090d; color: var(--mut); font-size: 14px; }
.mt-foot .mt-wrap { max-width: 1380px; padding-top: 30px; padding-bottom: 30px; }
.mt-foot .top { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.mt-foot nav { display: flex; gap: 22px; flex-wrap: wrap; }
.mt-foot nav a { color: var(--mut) !important; text-decoration: none !important; }
.mt-foot nav a:hover { color: #fff !important; }
.mt-foot .copy { margin-top: 18px; padding-top: 18px; border-top: 1px solid #161c26; font-size: 12.5px; color: #6c7787; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.webengine-powered { color: #4f5968 !important; }

/* =====================================================================
   ГЛАВНАЯ
   ===================================================================== */
.mt-hero { position: relative; margin-top: -73px; padding-top: 73px; min-height: 880px; background: #0a0d12 62% 0 / cover no-repeat; }
.mt-hero::before { content: ""; position: absolute; inset: 0;
	background: radial-gradient(ellipse 60% 70% at 50% 40%, rgba(10,13,18,.15), rgba(10,13,18,.85) 75%), linear-gradient(180deg, rgba(10,13,18,0) 55%, #0a0d12 100%); }
.mt-hero > .mt-wrap { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 36px; }
.mt-crest { width: 400px; max-width: 80vw; height: auto; filter: drop-shadow(0 0 40px rgba(127,176,255,.25)) drop-shadow(0 20px 30px rgba(0,0,0,.8)); }
.mt-tagline { margin: 6px 0 0; font-size: 18.5px; color: #cdd5df; max-width: 580px; }
.mt-timer { margin-top: 28px; width: 620px; max-width: 100%; }
.mt-timer .pi { display: grid; grid-template-columns: repeat(4, 1fr); padding: 18px 22px 16px; }
.mt-timer .u { position: relative; text-align: center; }
.mt-timer .u + .u::before { content: ""; position: absolute; left: 0; top: 10%; bottom: 10%; width: 1px; background: linear-gradient(180deg, transparent, #4a5566, transparent); }
.mt-timer b { display: block; font: 900 52px/1 Cinzel, serif; font-variant-numeric: tabular-nums; }
.mt-timer span { display: block; margin-top: 6px; font-size: 12px; font-weight: 800; letter-spacing: .16em; color: var(--mut); }
.mt-tcap { margin: 14px 0 0; font-size: 13px; font-weight: 800; letter-spacing: .16em; color: #9fc3ff; }
.mt-ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }

.mt-gauges { position: relative; z-index: 3; margin-top: -90px; }
.mt-gauges .pi { display: grid; grid-template-columns: repeat(6, 1fr); }
.mt-gauges .g { position: relative; padding: 24px 10px 22px; text-align: center; }
.mt-gauges .g + .g::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: #2f3a4c; }
.mt-gauges b { display: block; font: 900 32px/1 Cinzel, serif; }
.mt-gauges span { display: block; margin-top: 8px; font-size: 14px; color: var(--mut); font-weight: 600; }

.mt-sec { margin-top: 70px; }
.mt-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.mt-sh h2 { margin: 0; font: 900 38px/1.1 Cinzel, serif; }
.mt-sh .note { color: var(--mut); font-size: 14px; }
.mt-two { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.mt-g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.mt-g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mt-g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ptitle { display: flex; align-items: center; gap: 12px; padding: 22px 26px 16px; }
.ptitle h3 { margin: 0; font: 900 24px/1 Cinzel, serif; }
.ptitle .end { margin-left: auto; }

.lead-news { display: block; position: relative; margin: 0 26px; height: 240px; background: #000 center/cover; text-decoration: none !important;
	clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
.lead-news::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,13,18,.95) 5%, transparent 70%); }
.lead-news div { position: absolute; left: 22px; right: 22px; bottom: 18px; z-index: 1; }
.lead-news b { display: block; margin-top: 8px; font: 900 24px/1.2 Cinzel, serif; color: #fff; }
.lead-news small { color: #c0c8d2; }
.nrow { display: flex; align-items: center; gap: 14px; padding: 13px 26px; border-top: 1px solid var(--line); color: var(--txt) !important; text-decoration: none !important; }
.nrow:first-of-type { margin-top: 16px; }
.nrow img { width: 84px; height: 48px; object-fit: cover; border-radius: 7px; border: 1px solid var(--line2); flex: 0 0 84px; }
.nrow b { flex: 1 1 auto; font-weight: 700; }
.nrow:hover b { color: #fff; text-decoration: underline; }
.nrow time { color: var(--mut); font-size: 13.5px; white-space: nowrap; }

.mt-tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: 11px; background: var(--bg2); border: 1px solid var(--line); }
.mt-tabs button { border: 0; border-radius: 8px; padding: 7px 13px; background: transparent; color: var(--mut); font: 700 13.5px Manrope, sans-serif; cursor: pointer; }
.mt-tabs button:hover { color: var(--txt); }
.mt-tabs button.on { color: #121821; background: linear-gradient(180deg, #f2f5f8, #b3bdca); }
.mt-top { width: 100%; border-collapse: collapse; }
.mt-top td { padding: 9px 12px; border-top: 1px solid var(--line); vertical-align: middle; }
.mt-top td:first-child { padding-left: 26px; width: 44px; text-align: center; }
.mt-top td:last-child { padding-right: 26px; text-align: right; white-space: nowrap; }
.mt-top .who { display: flex; align-items: center; gap: 12px; font-weight: 700; }
.mt-top .who img { width: 34px !important; height: 34px !important; border-radius: 9px; object-fit: cover; border: 1px solid var(--line2); }
.mt-top .who a { color: var(--txt) !important; }
.mt-top small { color: var(--mut); }
.rank { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; font-weight: 800; font-size: 13px; background: #1b2330; color: var(--mut); }
.rank.r1 { background: linear-gradient(180deg, #f1d79a, #c79c4e); color: #1b1508; }
.rank.r2 { background: linear-gradient(180deg, #f2f5f8, #9aa6b5); color: #121821; }
.rank.r3 { background: linear-gradient(180deg, #e7b48c, #9a5f35); color: #1d1008; }
.mt-hide { display: none; }

.mt-acc { display: flex; gap: 10px; height: 440px; }
.mt-acc button { position: relative; flex: 1 1 0; min-width: 0; padding: 0; border: 0; cursor: pointer; background: #000 center/cover; color: var(--txt); text-align: left; font: inherit;
	clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); transition: flex .45s ease; outline-offset: -3px; }
.mt-acc button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,13,18,.95) 8%, rgba(10,13,18,.15) 60%); }
.mt-acc button:not(.on)::after { background: linear-gradient(0deg, rgba(10,13,18,.95), rgba(10,13,18,.55)); }
.mt-acc button.on { flex: 5 1 0; }
.mt-acc .vt { position: absolute; left: 50%; bottom: 24px; z-index: 1; transform: translateX(-50%) rotate(180deg); writing-mode: vertical-rl; font: 900 18px/1 Cinzel, serif; letter-spacing: .08em; white-space: nowrap; }
.mt-acc button.on .vt { display: none; }
.mt-acc .info { position: absolute; left: 30px; right: 30px; bottom: 28px; z-index: 1; display: none; }
.mt-acc button.on .info { display: block; }
.mt-acc .info .h { display: block; font: 900 38px/1.1 Cinzel, serif; }
.mt-acc .info .pp { display: block; margin: 10px 0 0; max-width: 460px; color: #cdd5df; }
.mt-acc .meta { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.pill { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; border: 1px solid var(--line2); background: rgba(18,24,33,.75); color: #d3dae3; }

.fe { display: block; color: var(--txt) !important; text-decoration: none !important; }
.fe .pi { display: flex; flex-direction: column; }
.fe .im { height: 160px; background: #000 center/cover; border-bottom: 1px solid var(--line); }
.fe .tx { padding: 18px 22px 22px; display: flex; gap: 14px; align-items: flex-start; }
.fe h3 { margin: 0; font: 800 18px/1.3 Manrope, sans-serif; color: #eef2f7; }
.fe p { margin: 4px 0 0; color: var(--mut); font-size: 14px; }

.mt-siege .pi { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 360px;
	background: linear-gradient(90deg, rgba(10,13,18,.1), rgba(10,13,18,.96) 58%), url('../img/metal/siege.jpg') left center / cover; }
.mt-siege .r { padding: 34px 34px 30px; }
.mt-siege .r .own { font: 900 44px/1.1 Cinzel, serif; }
.mt-siege .r .own a { color: inherit !important; }
#cscountdown span { font-size: .7em; color: var(--mut); margin-right: 2px; }
.mt-vip .pi { background: linear-gradient(180deg, rgba(10,13,18,.62), rgba(10,13,18,.9)), url('../img/metal/vault.jpg') center/cover; padding: 30px; }
.mt-vip .tile { background: rgba(10,13,18,.62); border-color: rgba(216,180,106,.35); }
.mt-vip .tile b { color: #f1d79a; }

/* ---------------- адаптив ---------------- */
@media (max-width: 1100px) {
	.mt-two, .mt-siege .pi { grid-template-columns: 1fr; }
	.mt-gauges .pi { grid-template-columns: repeat(3, 1fr); }
	.mt-g3 { grid-template-columns: 1fr; }
	.mt-g4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.mt-burger { display: block; margin-left: auto; }
	.mt-nav { display: none; order: 9; flex-basis: 100%; }
	.mt-bar.open .mt-nav { display: block; padding-bottom: 12px; }
	.mt-nav ul { flex-direction: column; }
	.mt-bar .mt-wrap { flex-wrap: wrap; }
	.mt-online { display: none; }
	.mt-acc { flex-direction: column; height: auto; }
	.mt-acc button { min-height: 80px; }
	.mt-acc button.on { min-height: 360px; }
	.mt-acc .vt { writing-mode: horizontal-tb; transform: translateX(-50%); }
	.mt-timer b { font-size: 34px; } .mt-timer .pi { padding: 16px 10px 14px; } .mt-timer span { font-size: 10px; letter-spacing: .06em; }
	.mt-content { padding: 24px 18px 28px; }
	.page-title span { font-size: 30px !important; }
	.mt-wrap { padding: 0 16px; }
	.mt-content .col-xs-8, .mt-content .col-xs-4, .mt-content .col-xs-6 { width: 100%; float: none; }
}
@media (prefers-reduced-motion: reduce) { .mt-acc button { transition: none; } }
.mt-btn:focus-visible, .mt-nav a:focus-visible, .mt-tabs button:focus-visible, .mt-acc button:focus-visible { outline: 2px solid #c9d2dd; outline-offset: 2px; }

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

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

/* новости: жирный текст остаётся обычным жирным текстом, а не синей плашкой */
.mt-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) — стальная полоса */
.mt-p-info .mt-content p > strong {
	display: block !important; margin: 30px 0 12px !important; padding: 12px 18px !important; border-radius: 10px;
	font: 900 20px/1.2 Cinzel, serif !important; color: #eef2f7 !important; text-align: left !important;
	background: linear-gradient(90deg, rgba(159,176,198,.18), rgba(159,176,198,0)) !important;
	border-left: 3px solid #c9d2dd !important; }

/* инлайновые светлые блоки старых модулей (донат, тикеты, профиль, загрузки и т.д.) */
.mt-content [style*="background: rgba(241, 241, 241)"], .mt-content [style*="background:rgba(241,241,241)"],
.mt-content [style*="background: rgba(241,241,241)"], .mt-content [style*="background:rgba(241, 241, 241)"],
.mt-content [style*="background: #f1f1f1"], .mt-content [style*="background:#f1f1f1"],
.mt-content [style*="background: #f9f9f9"], .mt-content [style*="background:#f9f9f9"],
.mt-content [style*="background: #fff"], .mt-content [style*="background:#fff"],
.mt-content [style*="background: white"], .mt-content [style*="background: #e3e3e3"], .mt-content [style*="background: #fdf7f7"],
.mt-content [style*="background: #f8f9fa"], .mt-content [style*="background-color: #fff"] {
	background: rgba(10,13,18,.55) !important; color: var(--txt) !important; border-color: var(--line) !important; border-radius: 12px; }
.mt-content [style*="color: #333"], .mt-content [style*="color:#333"], .mt-content [style*="color: #666"], .mt-content [style*="color:#666"],
.mt-content [style*="color: #000"], .mt-content [style*="color:#000"], .mt-content [style*="color:#2c3e50"], .mt-content [style*="color: #2c3e50"] { color: var(--txt) !important; }
.mt-content [style*="color: #3f6588"], .mt-content [style*="color:#3f6588"] { color: #eef2f7 !important; }
.mt-content [style*="#e3e3e3"], .mt-content [style*="#ccc"], .mt-content [style*="#ddd"], .mt-content [style*="#eee"] { border-color: var(--line) !important; }
.mt-content h3[style], .mt-content h4[style] { font-family: Cinzel, serif !important; }
.mt-content [style*="background: #3f6588"], .mt-content [style*="background:#3f6588"] {
	background: linear-gradient(180deg, #2c3644, #1a212c) !important; color: #eef2f7 !important; border-color: var(--line2) !important; }
.mt-content button[style*="background: #3f6588"] { background: linear-gradient(180deg, #f2f5f8, #aab5c3) !important; color: #121821 !important; border-radius: 10px; }
.mt-content [style*="border-left: 3px solid #d9534f"] { border-left-color: #e0645f !important; }
.mt-content .btn[style*="#28a745"] { background: linear-gradient(180deg, #4cc46a, #2b8a43) !important; border-color: transparent !important; color: #fff !important; }
.mt-content .checkbox label { color: var(--txt); }
.mt-content .checkbox a, .mt-content label a { color: #fff !important; }

/* донат: окно с условиями (переносится в body скриптом, чтобы не обрезалось) */
#tosModal > div { border-radius: 14px; 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, #2c3644, #1a212c) !important; }
#tosModal > div > div:nth-child(2) { background: #10151c !important; }
#tosModal > div > div:last-child { background: #121821 !important; border-color: var(--line) !important; }
#tosModal h3, #tosModal h4 { font-family: Cinzel, serif; color: #eef2f7 !important; border-color: var(--line) !important; }
#tosModal p[style] { background: rgba(224,100,95,.1) !important; }
#tosModal button { background: linear-gradient(180deg, #f2f5f8, #aab5c3) !important; color: #121821 !important; border-radius: 10px; }

/* донат PayPal: способы оплаты */
.mt-content .pay-box { background: #121821 !important; border: 1px solid var(--line) !important; border-radius: 12px !important; }
.mt-content .pay-box span { color: var(--txt) !important; }
.mt-content .pay-methods-wrap label:hover .pay-box { border-color: #8fa0b6 !important; }
.mt-content .pay-methods-wrap input:checked + .pay-box { border-color: #dfe6ee !important; background: #1a222d !important; box-shadow: 0 0 0 3px rgba(223,230,238,.12) !important; }
.mt-content #freekassa_selector_block { background: #10151c !important; border: 1px solid var(--line) !important; border-radius: 12px !important; }
.mt-content .fk-title { color: #eef2f7 !important; }
.mt-content .fk-method-card { background: #121821 !important; border-color: var(--line) !important; border-radius: 10px !important; }
.mt-content .fk-method-card:hover, .mt-content .fk-method-card.active { background: #1a222d !important; border-color: #dfe6ee !important; }
.mt-content .fk-method-card span { color: var(--txt) !important; }
.mt-content input[name="amount"] { width: 120px !important; height: 44px; padding: 0 12px !important; border-radius: 10px; }
.paypal-gateway-content { background: #10151c !important; border: 1px solid var(--line) !important; border-radius: 14px !important; color: var(--txt); }
.paypal-gateway-logo { background-color: #121821 !important; border-radius: 10px; }
.paypal-gateway-form input[type=text] { border: 1px solid var(--line2) !important; color: #fff !important; }

/* профиль персонажа: экипировка */
.mu-profile-equipment { background: rgba(10,13,18,.55) !important; border: 1px solid var(--line) !important; border-radius: 14px; color: var(--txt) !important; }
.mu-profile-equipment h4 { color: #eef2f7 !important; font-family: Cinzel, serif; border-color: var(--line) !important; }
.mu-profile-equip-slot { background: #121821 !important; border: 1px solid var(--line2) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; }
.mu-profile-equip-slot.has-item { background: #1a222d !important; }
.mu-profile-equip-slot.is-empty, .mu-profile-equipment-board.is-hidden .mu-profile-equip-slot { background: #0e1319 !important; }
.mu-profile-equipment-hidden { color: #eef2f7 !important; background: rgba(18,24,33,.94) !important; border-color: var(--line2) !important; border-radius: 8px; }
.profiles_player_card, .profiles_guild_card { border-radius: 14px !important; border: 1px solid var(--line) !important; }
.profiles_player_content { background: rgba(10,13,18,.62) !important; border-color: var(--line) !important; }

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

/* старые таблицы info/профиля внутри пластины */
.mt-content table[style*="background: #fff"] td, .mt-content table[style*="background:#fff"] td { background: transparent; }
.mt-content td[style*="background: #f9f9f9"] { background: rgba(255,255,255,.03) !important; }
.mt-content .pay-box img { background: #eef2f6; border-radius: 8px; padding: 5px 10px; max-height: 42px !important; box-sizing: content-box; }
.mt-content .pay-methods-wrap { gap: 12px !important; }
.mt-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, #f2f5f8, #aab5c3) !important; border: 0 !important; color: #121821 !important;
	border-radius: 10px !important; font-weight: 800 !important; box-shadow: 0 8px 22px rgba(0,0,0,.45); }

/* иконки в стальных плашках */
.ib svg { display: block; filter: drop-shadow(0 1px 0 rgba(0,0,0,.6)); }
.ib { color: #dfe6ee; }

/* остатки тёмного текста из старого style.css */
.panel-general, .panel-addstats, .panel-downloads, .panel-news { color: var(--txt) !important; }
.panel-body .panel-title, .panel-addstats .character-name { color: #eef2f7 !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: #eef2f7 !important; font-weight: 800 !important; }
.myaccount-character-name a:hover { color: #fff !important; }
.myaccount-character-block { background: #121821 !important; border: 1px solid var(--line2) !important; border-radius: 12px !important; padding: 6px !important; }
.myaccount-character-block img { border-radius: 8px !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(10,13,18,.8) !important; border: 1px solid var(--line2); font-weight: 800; }

/* VIP: цена посередине */
.mt-vip-price { display: inline-flex; align-items: center; gap: 14px; padding: 10px 22px; border-radius: 12px;
	background: rgba(10,13,18,.7); border: 1px solid rgba(216,180,106,.55); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.mt-vip-price b { font: 900 22px/1 Cinzel, serif; color: #f1d79a; letter-spacing: .02em; white-space: nowrap; }
.mt-vip-price i { width: 6px; height: 6px; transform: rotate(45deg); background: #c79c4e; }
@media (max-width: 700px) { .mt-vip-price { order: 3; width: 100%; justify-content: center; } }

/* Castle Siege page: owner panel background image */
.castle-siege-block .castle-owner-panel { background: linear-gradient(90deg, rgba(10,13,18,.92) 0%, rgba(10,13,18,.6) 45%, rgba(10,13,18,.15) 100%), url('../img/metal/cliff.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(10,13,18,.55) 0%, rgba(10,13,18,.94) 210px, var(--card) 100%), url('../img/metal/war.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 Cinzel, 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: #9fc3ff !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 Cinzel, 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: #9fc3ff !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: #9fc3ff !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; } }