/* Доводка старой разметки лендинга под новую тему (battle.css): убираем фиолетовые остатки, выравниваем палитру */

/* Плашки фактов и карточки */
.facts { background: var(--line-2); border-color: var(--line-2); border-radius: var(--radius); }
.fact { background: #171b17; backdrop-filter: none; -webkit-backdrop-filter: none; }
.fact b { font-family: var(--f-head); font-size: 1.5rem; font-weight: 500; color: var(--ink); }
.fact span { font-size: 10px; letter-spacing: .15em; color: var(--muted); }

.recruit {
    border-radius: var(--radius);
    border-color: #ceae7236;
    background:
        radial-gradient(600px 300px at 0% 0%, #ceae7221, transparent 70%),
        radial-gradient(500px 300px at 100% 100%, #bd7c5920, transparent 70%),
        linear-gradient(180deg, #1a1f1a, #131713);
}
.recruit-art { border-radius: var(--radius); }

.card-icon, .class-icon {
    border-radius: var(--radius-sm);
    background: #ceae7214;
    border-color: #ceae7240;
    filter: grayscale(.55) sepia(.35);
}
.path-step .node { background: var(--panel-2); border-color: #ceae7255; filter: grayscale(.55) sepia(.35); }
.path::before { background: linear-gradient(90deg, var(--gold-d), var(--gold), var(--ember)); opacity: .45; }

.step::before {
    border-radius: var(--radius-sm);
    color: #181c17;
    background: linear-gradient(135deg, var(--gold-l), var(--gold));
}

.shot, .card { border-radius: var(--radius); }
.section-alt { background: #151915; border-block: 1px solid var(--line); }

/* Тёмная подложка шапки на страницах без hero */
.topbar { background: #101311f5; }

/* Блоки текстов-юридических страниц: те же отступы, что у остальных секций */
.page-head { padding-top: calc(var(--topbar-h) + 30px); }

/* Hero с артом сражения: затемняем только левую часть под текст, правая половина остаётся яркой */
.hero-bg { background-position: 76% 55%; }
.hero::before {
    background:
        linear-gradient(90deg, #101311f0 0%, #101311c4 30%, #10131140 62%, #10131122 100%),
        linear-gradient(180deg, #10131199 0%, transparent 22%, transparent 66%, var(--bg) 100%);
}
@media (max-width: 600px) {
    .hero-bg { background-position: 72% 50%; }
    .hero::before { background: linear-gradient(180deg, #101311b8 0%, #101311cc 55%, var(--bg) 100%); }
}
/* Хвостик буквы «g» в градиентном заголовке не должен обрезаться: запас по высоте строки */
.hero-title { line-height: 1.18; padding-bottom: .08em; margin-bottom: 14px; }
.hero-title.ru { line-height: 1.15; }
/* Карточки шагов: номер слева, текст не заходит под него (новая тема перебивала отступ .card) */
.card.step { position: relative; padding-left: 82px; }
@media (max-width: 600px) { .card.step { padding-left: 74px; } }
/* Карточки героев в кабинете: тёмная тема вместо кричащего пергамента */
.statblock {
    color: var(--ink-2); font-size: .92rem; border-radius: var(--radius);
    background: linear-gradient(180deg, #1b201b, #161a16);
    border: 1px solid var(--line-2); border-top: 2px solid var(--gold-d); border-bottom: 2px solid var(--gold-d);
    box-shadow: none;
}
.statblock:hover { border-color: #ceae7250; }
.statblock h3 { color: var(--ink); font-weight: 500; }
.statblock .sb-sub { color: var(--muted); font-style: normal; }
.tapered { height: 1px; background: linear-gradient(90deg, var(--gold-d), transparent); clip-path: none; margin: 12px 0; }
.sb-line, .sb-line b { color: var(--gold-l); }
.sb-line span { color: var(--ink-2); }
.abilities b { color: var(--gold); font-weight: 600; letter-spacing: .08em; }
.abilities span { color: var(--ink); }
.statblock .btn { color: var(--ink-2); border-color: var(--line-2); background: transparent; }
.statblock .btn:hover { color: var(--gold-l); border-color: var(--gold-d); background: #ceae7210; }
.statblock .muted, .statblock small { color: var(--muted); }
.badge-online { color: var(--emerald); }
/* Подвал с пятью колонками (лендинг: разделы, аккаунт, документы) */
@media (min-width: 981px) {
    .footer-inner:has(> :nth-child(5)) { grid-template-columns: 1.3fr .9fr .9fr .9fr 1.1fr; }
}