/* =========================================================
 FalloutFanatics — Fallout / Post-Apocalypse / Pip-Boy Theme
 Полный CSS под текущий шаблон
 ========================================================= */


/* =========================================================
 1. Цвета сайта
 ========================================================= */

:root {
 --ff-bg: #0b0d08;
 --ff-bg-2: #11140d;
 --ff-bg-3: #171a11;

 --ff-panel: #151a12;
 --ff-panel-2: #1d2318;
 --ff-panel-3: #242817;

 --ff-border: rgba(205, 159, 72, 0.34);
 --ff-border-soft: rgba(255, 245, 190, 0.08);
 --ff-border-green: rgba(136, 205, 101, 0.28);

 --ff-text: #d8d1bf;
 --ff-muted: #9e988b;
 --ff-muted-2: #777267;

 --ff-title: #f2d27a;
 --ff-title-2: #ffe49c;

 --ff-green: #8fcf73;
 --ff-green-soft: #b9e89c;
 --ff-green-dark: #426b35;

 --ff-rust: #b8793b;
 --ff-rust-soft: #d49a5a;
 --ff-red-soft: #d88a68;

 --ff-black: #050604;

 --ff-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
 --ff-shadow-soft: 0 10px 26px rgba(0, 0, 0, 0.32);

 --ff-radius: 16px;
}


/* =========================================================
 2. Общие настройки
 ========================================================= */

* {
 box-sizing: border-box;
}

html {
 min-height: 100%;
}

body {
 margin: 0;
 min-height: 100%;
 color: var(--ff-text);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.55;
 background:
 radial-gradient(circle at 12% 8%, rgba(143, 207, 115, .15), transparent 340px),
 radial-gradient(circle at 86% 10%, rgba(242, 210, 122, .11), transparent 420px),
 radial-gradient(circle at 50% 100%, rgba(132, 79, 35, .28), transparent 560px),
 radial-gradient(circle at 20% 85%, rgba(52, 82, 38, .22), transparent 360px),
 linear-gradient(180deg, #15190f 0%, #0b0d08 55%, #050604 100%);
}

body::before {
 content: "";
 position: fixed;
 inset: 0;
 z-index: 0;
 pointer-events: none;
 opacity: 0.045;
 background-image:
 linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px),
 radial-gradient(circle at 20% 10%, rgba(242,210,122,.20), transparent 2px),
 radial-gradient(circle at 80% 30%, rgba(143,207,115,.16), transparent 2px),
 radial-gradient(circle at 45% 70%, rgba(184,121,59,.18), transparent 2px);
 background-size: 34px 34px, 34px 34px, 180px 180px, 220px 220px, 260px 260px;
}

body::after {
 content: "";
 position: fixed;
 inset: 0;
 z-index: 0;
 pointer-events: none;
 opacity: 0.055;
 background:
 linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
 background-size: 100% 8px;
 mix-blend-mode: soft-light;
}

a {
 color: var(--ff-green-soft);
 text-decoration: none;
 transition:
 color .18s ease,
 border-color .18s ease,
 background .18s ease,
 box-shadow .18s ease,
 transform .18s ease;
}

a:hover {
 color: var(--ff-title);
}

img {
 max-width: 100%;
 height: auto;
 border: 0;
}

hr {
 height: 1px;
 border: 0;
 background: linear-gradient(90deg, transparent, rgba(242, 210, 122, .35), rgba(143, 207, 115, .22), transparent);
}

form {
 margin: 0;
 padding: 0;
}

input,
textarea,
select {
 max-width: 100%;
 border-radius: 10px;
 border: 1px solid rgba(242, 210, 122, .23);
 background: #090b08;
 color: var(--ff-text);
 font: 13px Verdana, Arial, sans-serif;
}

input:focus,
textarea:focus,
select:focus {
 outline: none;
 border-color: rgba(143, 207, 115, .62);
 box-shadow: 0 0 0 3px rgba(143, 207, 115, .12);
}


/* =========================================================
 3. Заголовки и текст
 ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0 0 12px;
 color: var(--ff-title);
 font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
 line-height: 1.25;
 text-shadow:
 0 1px 2px rgba(0,0,0,.95),
 0 0 10px rgba(143, 207, 115, .12),
 0 0 18px rgba(242, 210, 122, .08);
}

h1 {
 font-size: 26px;
}

h2 {
 font-size: 21px;
}

h3 {
 font-size: 18px;
}

p {
 margin: 0 0 14px;
}

.c1 {
 color: var(--ff-title);
}

.c2 {
 color: var(--ff-green-soft);
}

.c3 {
 color: var(--ff-red-soft);
}

.c4,
.c5 {
 color: var(--ff-muted);
}


/* =========================================================
 4. Общий каркас сайта
 ========================================================= */

.ffSite {
 position: relative;
 z-index: 1;
 width: min(1184px, calc(100% - 24px));
 margin: 18px auto 28px;
}

.ffShell {
 overflow: hidden;
 border: 1px solid var(--ff-border);
 border-radius: 22px;
 background:
 radial-gradient(circle at top, rgba(143,207,115,.06), transparent 360px),
 linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
 rgba(10, 12, 8, .97);
 box-shadow:
 var(--ff-shadow),
 inset 0 1px 0 rgba(255,255,255,.06);
}


/* =========================================================
 5. Шапка сайта
 ========================================================= */

.ffHeader {
 position: relative;
 overflow: hidden;
 min-height: 190px;
 padding: 24px;
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: 22px;
 border-bottom: 1px solid var(--ff-border);
 background:
 linear-gradient(90deg, rgba(6, 7, 5, .95), rgba(6, 7, 5, .54), rgba(6, 7, 5, .94)),
 radial-gradient(circle at 20% 20%, rgba(143, 207, 115, .22), transparent 310px),
 radial-gradient(circle at 70% 10%, rgba(184,121,59,.18), transparent 360px),
 url("/fallout243/12222222222222222222222.png") center / cover no-repeat;
}

.ffHeader::after {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 z-index: 0;
 background:
 linear-gradient(90deg, rgba(0,0,0,.42), transparent 45%, rgba(0,0,0,.50)),
 repeating-linear-gradient(
 0deg,
 rgba(255,255,255,.035) 0,
 rgba(255,255,255,.035) 1px,
 transparent 1px,
 transparent 5px
 );
 opacity: .55;
}

.ffLogoBox,
.ffHeaderInfo {
 position: relative;
 z-index: 1;
}

.ffLogoBox img {
 display: block;
 max-width: 228px;
 filter:
 drop-shadow(0 10px 18px rgba(0,0,0,.65))
 drop-shadow(0 0 10px rgba(143,207,115,.10));
}


/* =========================================================
 5.1. Блок $GLOBAL_HINT$
 ========================================================= */

.ffHeaderInfo {
 max-width: 600px;
 margin-left: auto;
 padding: 16px;
 text-align: right;
 border: 1px solid rgba(242, 210, 122, .22);
 border-radius: 18px;
 background:
 radial-gradient(circle at top right, rgba(143, 207, 115, .16), transparent 220px),
 radial-gradient(circle at bottom left, rgba(184,121,59,.11), transparent 260px),
 linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.18));
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.06),
 0 12px 28px rgba(0,0,0,.30);
 backdrop-filter: blur(2px);
}

.ffHeaderInfo::before {
 content: "";
 position: absolute;
 left: 14px;
 right: 14px;
 top: 8px;
 height: 1px;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
 pointer-events: none;
}

.ffHeaderInfo::after {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 border-radius: 18px;
 opacity: .10;
 background:
 linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
 background-size: 100% 5px;
}

.ffHeaderInfo__top {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: flex-end;
 flex-wrap: wrap;
 gap: 7px;
 margin-bottom: 10px;
}

.ffHeaderBadge,
.ffHeaderStatus {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 padding: 6px 10px;
 border-radius: 999px;
 font-size: 10px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 letter-spacing: .08em;
}

.ffHeaderBadge {
 border: 1px solid rgba(143, 207, 115, .38);
 background: rgba(143, 207, 115, .10);
 color: #b9e89c;
}

.ffHeaderBadge::before {
 content: "";
 width: 6px;
 height: 6px;
 border-radius: 50%;
 background: #8fcf73;
 box-shadow: 0 0 8px rgba(143, 207, 115, .85);
}

.ffHeaderStatus {
 border: 1px solid rgba(242, 210, 122, .26);
 background: rgba(242, 210, 122, .08);
 color: #f2d27a;
}

.ffHeaderTitle {
 position: relative;
 z-index: 1;
 margin: 0;
 color: #f7e29c;
 font: 700 32px/1.1 "Trebuchet MS", Verdana, Arial, sans-serif;
 text-shadow:
 0 2px 16px rgba(0,0,0,.9),
 0 0 10px rgba(143, 207, 115, .16),
 0 0 18px rgba(242, 210, 122, .12);
}

.ffHeaderText {
 position: relative;
 z-index: 1;
 max-width: 560px;
 margin: 9px 0 0 auto;
 color: #d8cfbc;
 font-size: 13px;
 line-height: 1.45;
}


/* =========================================================
 6. Верхнее меню
 ========================================================= */

.ffTopNav {
 padding: 7px 8px;
 background:
 linear-gradient(180deg, rgba(43, 48, 31, .98), rgba(13, 16, 10, .98));
 border-bottom: 1px solid rgba(242, 210, 122, .20);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.ffTopNav__list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 6px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.ffTopNav__link {
 position: relative;
 display: block;
 padding: 8px 12px;
 border: 1px solid rgba(242, 210, 122, .16);
 border-radius: 10px;
 color: #dcd5c4;
 font-size: 12px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 letter-spacing: .045em;
 text-shadow: 0 1px 2px rgba(0,0,0,.85);
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.075),
 inset 0 -1px 0 rgba(0,0,0,.45);
}

.ffTopNav__link::before {
 content: "";
 position: absolute;
 left: 8px;
 right: 8px;
 top: 4px;
 height: 1px;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
 pointer-events: none;
}

.ffTopNav__link:hover {
 border-color: rgba(143, 207, 115, .38);
 color: #b9e89c;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.10),
 inset 0 -1px 0 rgba(0,0,0,.55),
 0 0 14px rgba(143,207,115,.11);
}

.ffTopNav__link.is-active {
 color: #10130f;
 border-color: rgba(242, 210, 122, .60);
 background:
 linear-gradient(180deg, #f2d27a, #b99442);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.38),
 0 0 14px rgba(242, 210, 122, .20);
 text-shadow: none;
}

.ffTopNav__link.is-active:hover {
 color: #10130f;
 background:
 linear-gradient(180deg, #ffe49a, #c8a04a);
}


/* =========================================================
 7. Основная сетка сайта
 ========================================================= */

.ffLayout {
 display: grid;
 grid-template-columns: 160px minmax(0, 1fr) 160px;
 gap: 12px;
 padding: 12px;
 background:
 radial-gradient(circle at top, rgba(143,207,115,.04), transparent 420px),
 rgba(6, 7, 5, .68);
}

.ffSidebar {
 min-width: 0;
}

.ffMain {
 min-width: 0;
 padding: 8px;
 border: 1px solid var(--ff-border-soft);
 border-radius: 18px;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .05), transparent 240px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
 rgba(15, 18, 12, .92);
}


/* =========================================================
 8. Универсальные блоки
 ========================================================= */

.ffBlock,
.ffMiniProfile,
.ffSearchTerminal,
.ffWastelandNow,
.ffSiteStats,
.ffVideoBox,
.ffSignalBox,
.ffRadiationMeter,
.ffBroadcast,
.ffCard,
.ffSoftInfItem,
.ffServerInfItem,
.ffSeriesBlock,
.ffSeriesCard,
.ffHero,
.ffSection {
 position: relative;
}

.ffBlock,
.ffMiniProfile,
.ffSearchTerminal,
.ffWastelandNow,
.ffSiteStats,
.ffVideoBox,
.ffSignalBox,
.ffRadiationMeter {
 margin-bottom: 12px;
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .22);
 border-radius: 16px;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .11), transparent 145px),
 radial-gradient(circle at bottom right, rgba(184,121,59,.08), transparent 180px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20)),
 rgba(14, 17, 12, .97);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 10px 24px rgba(0,0,0,.26);
}

.ffBlock__title,
.ffMiniProfile__title,
.ffSearchTerminal__title,
.ffWastelandNow__title,
.ffSiteStats__title,
.ffVideoBox__title,
.ffSignalBox__title,
.ffRadiationMeter__title,
.ffSvgMenu__title {
 position: relative;
 padding: 10px;
 border-bottom: 1px solid rgba(242, 210, 122, .17);
 background:
 linear-gradient(90deg, rgba(143, 207, 115, .15), rgba(242, 210, 122, .08), rgba(184,121,59,.09));
 color: #f2d27a;
 font: 700 11px/1.2 Verdana, Arial, sans-serif;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: .08em;
 text-shadow:
 0 1px 2px rgba(0,0,0,.95),
 0 0 10px rgba(143, 207, 115, .16),
 0 0 18px rgba(242, 210, 122, .12);
}

.ffBlock__title::before,
.ffMiniProfile__title::before,
.ffSearchTerminal__title::before,
.ffWastelandNow__title::before,
.ffSiteStats__title::before,
.ffVideoBox__title::before,
.ffSignalBox__title::before,
.ffRadiationMeter__title::before {
 content: "";
 position: absolute;
 left: 10px;
 right: 10px;
 top: 5px;
 height: 1px;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
}

.ffBlock__body {
 padding: 11px;
 color: var(--ff-muted);
}

.ffBlock__links {
 display: grid;
 gap: 7px;
}

.ffBlock__links a {
 display: block;
 padding: 7px 8px;
 border-radius: 10px;
 border: 1px solid rgba(255,255,255,.05);
 color: #dcd5c4;
 font-size: 11px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.075),
 inset 0 -1px 0 rgba(0,0,0,.45);
}

.ffBlock__links a:hover {
 background: rgba(143, 207, 115, .10);
 border-color: rgba(143, 207, 115, .32);
 color: var(--ff-title);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.10),
 inset 0 -1px 0 rgba(0,0,0,.55),
 0 0 14px rgba(143,207,115,.11);
}


/* =========================================================
 9. Радиационные углы
 ========================================================= */

.ffBlock::after,
.ffMiniProfile::after,
.ffSearchTerminal::after,
.ffWastelandNow::after,
.ffSiteStats::after,
.ffVideoBox::after,
.ffSignalBox::after,
.ffRadiationMeter::after,
.ffBroadcast::after,
.ffCard::after,
.ffSoftInfItem::after,
.ffServerInfItem::after,
.ffSeriesBlock::after,
.ffHero::after,
.ffSection::after {
 content: "";
 position: absolute;
 right: 10px;
 top: 10px;
 width: 18px;
 height: 18px;
 border-top: 1px solid rgba(242, 210, 122, .28);
 border-right: 1px solid rgba(242, 210, 122, .28);
 opacity: .65;
 pointer-events: none;
}

.ffCard > *,
.ffSoftInfItem > *,
.ffServerInfItem > *,
.ffSeriesBlock > *,
.ffHero > *,
.ffSection > *,
.ffBlock > *,
.ffMiniProfile > *,
.ffSearchTerminal > *,
.ffWastelandNow > *,
.ffSiteStats > *,
.ffVideoBox > *,
.ffSignalBox > *,
.ffRadiationMeter > *,
.ffBroadcast > * {
 position: relative;
 z-index: 1;
}


/* =========================================================
 10. Активный пункт левого меню
 ========================================================= */

.ffSideMenu__links a.is-active {
 color: #10130f;
 border-color: rgba(242, 210, 122, .60);
 background:
 linear-gradient(180deg, #f2d27a, #b99442);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.35),
 0 0 12px rgba(242, 210, 122, .18);
 text-shadow: none;
}

.ffSideMenu__links a.is-active:hover {
 color: #10130f;
 background:
 linear-gradient(180deg, #ffe49a, #c8a04a);
}


/* =========================================================
 11. Мини-профиль
 ========================================================= */

.ffMiniProfile__title {
 padding: 10px 8px;
}

.ffMiniProfile__user {
 display: grid;
 justify-items: center;
 gap: 8px;
 padding: 12px 10px 9px;
 text-align: center;
}

.ffMiniProfile__avatar {
 width: 74px;
 height: 74px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .26);
 border-radius: 18px;
 background:
 radial-gradient(circle at center, rgba(143, 207, 115, .16), transparent 48px),
 #070806;
 box-shadow:
 inset 0 0 0 1px rgba(255,255,255,.04),
 0 6px 14px rgba(0,0,0,.30);
}

.ffMiniProfile__avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.ffMiniProfile__avatar span {
 color: #f2d27a;
 font-size: 18px;
 font-weight: 700;
 text-transform: uppercase;
}

.ffMiniProfile__info {
 width: 100%;
 min-width: 0;
}

.ffMiniProfile__name {
 display: block;
 overflow: hidden;
 max-width: 100%;
 color: #f2d27a;
 font: 700 14px/1.2 Verdana, Arial, sans-serif;
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.ffMiniProfile__name:hover {
 color: #b9e89c;
}

.ffMiniProfile__group {
 display: inline-flex;
 max-width: 100%;
 margin-top: 6px;
 padding: 4px 8px;
 border: 1px solid rgba(143, 207, 115, .30);
 border-radius: 999px;
 background: rgba(143, 207, 115, .09);
 color: #b9e89c;
 font-size: 9px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 white-space: nowrap;
}

.ffMiniProfile__meta {
 display: grid;
 gap: 2px;
 margin-top: 7px;
 color: #8d887b;
 font-size: 10px;
 line-height: 1.25;
 text-align: center;
}

.ffMiniProfile__stats {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 7px;
 padding: 0 10px 10px;
}

.ffMiniProfile__stat {
 min-width: 0;
 padding: 8px 4px;
 border: 1px solid rgba(255,255,255,.06);
 border-radius: 12px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.15)),
 rgba(0,0,0,.18);
 text-align: center;
}

.ffMiniProfile__stat span {
 display: block;
 margin-bottom: 4px;
 color: #8d887b;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: .06em;
}

.ffMiniProfile__stat b {
 display: block;
 overflow: hidden;
 color: #f2d27a;
 font-size: 11px;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.ffMiniProfile__stat:hover {
 border-color: rgba(143, 207, 115, .34);
 background: rgba(143, 207, 115, .09);
}

.ffMiniProfile__stat:hover b {
 color: #b9e89c;
}

.ffMiniProfile__actions {
 display: grid;
 gap: 6px;
 padding: 10px;
 border-top: 1px solid rgba(255,255,255,.06);
}

.ffMiniProfile__actions a {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 31px;
 padding: 7px 8px;
 border: 1px solid rgba(242, 210, 122, .17);
 border-radius: 11px;
 color: #dcd5c4;
 font-size: 11px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .035em;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.075),
 inset 0 -1px 0 rgba(0,0,0,.45);
}

.ffMiniProfile__actions a:hover {
 color: #b9e89c;
 border-color: rgba(143, 207, 115, .36);
 background: rgba(143, 207, 115, .09);
}

.ffMiniProfile__guest {
 display: grid;
 justify-items: center;
 gap: 8px;
 padding: 12px 10px;
 text-align: center;
}

.ffMiniProfile__guestIcon {
 width: 58px;
 height: 58px;
 display: flex;
 align-items: center;
 justify-content: center;
 border: 1px solid rgba(242, 210, 122, .24);
 border-radius: 15px;
 background:
 radial-gradient(circle at center, rgba(242, 210, 122, .12), transparent 38px),
 #070806;
}

.ffMiniProfile__guestIcon span {
 color: #f2d27a;
 font-size: 24px;
 font-weight: 700;
}

.ffMiniProfile__guestText {
 min-width: 0;
}

.ffMiniProfile__guestText strong {
 display: block;
 margin-bottom: 4px;
 color: #f2d27a;
 font-size: 12px;
}

.ffMiniProfile__guestText span {
 display: block;
 color: #9f9a8d;
 font-size: 10px;
 line-height: 1.35;
}


/* =========================================================
 12. РџРѕРёСЃРє Pip-Boy
 ========================================================= */

.ffSearchTerminal form {
 display: grid;
 gap: 7px;
 padding: 10px;
}

.ffSearchTerminal__input {
 width: 100%;
 height: 34px;
 padding: 0 10px;
 border: 1px solid rgba(143, 207, 115, .30);
 border-radius: 10px;
 background: #090b08;
 color: #b9e89c;
 font: 12px Verdana, Arial, sans-serif;
}

.ffSearchTerminal__input::placeholder {
 color: rgba(185, 232, 156, .55);
}

.ffSearchTerminal__button {
 width: 100%;
 height: 34px;
 cursor: pointer;
 border: 1px solid rgba(242, 210, 122, .34);
 border-radius: 10px;
 color: #f6e3a5;
 font: 700 11px Verdana, Arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: .06em;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.075),
 inset 0 -1px 0 rgba(0,0,0,.45);
}

.ffSearchTerminal__button:hover {
 background:
 linear-gradient(180deg, #4c5738, #283120);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.10),
 inset 0 -1px 0 rgba(0,0,0,.55),
 0 0 14px rgba(143,207,115,.11);
}

.ffSearchTerminal__hint {
 padding: 0 10px 10px;
 color: #8d887b;
 font-size: 10px;
 line-height: 1.35;
 text-align: center;
}


/* =========================================================
 13. Сейчас в пустоши + статистика
 ========================================================= */

.ffWastelandNow__grid,
.ffSiteStats__grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 7px;
 padding: 10px;
}

.ffWastelandNow__grid div,
.ffSiteStats__item {
 min-width: 0;
 padding: 7px 5px;
 border: 1px solid rgba(255,255,255,.06);
 border-radius: 10px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.13)),
 rgba(0,0,0,.18);
 text-align: center;
}

.ffWastelandNow__grid span,
.ffSiteStats__item span {
 display: block;
 margin-bottom: 3px;
 color: #8d887b;
 font-size: 8px;
 line-height: 1.15;
 text-transform: uppercase;
 letter-spacing: .04em;
}

.ffWastelandNow__grid b,
.ffSiteStats__item b {
 display: block;
 overflow: hidden;
 color: #f2d27a;
 font-size: 11px;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.ffSiteStats__item:hover {
 border-color: rgba(143, 207, 115, .32);
 background: rgba(143, 207, 115, .08);
}

.ffSiteStats__item:hover b {
 color: #b9e89c;
}


/* =========================================================
 14. Сигнал пустоши
 ========================================================= */

.ffSignalBox__screen {
 position: relative;
 margin: 10px;
 padding: 11px 8px;
 overflow: hidden;
 border: 1px solid rgba(143, 207, 115, .24);
 border-radius: 12px;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.10), transparent 80px),
 linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.34)),
 #070906;
 text-align: center;
}

.ffSignalBox__screen::before {
 content: "";
 position: absolute;
 inset: 0;
 opacity: .13;
 pointer-events: none;
 background:
 repeating-linear-gradient(
 0deg,
 rgba(185,232,156,.30) 0,
 rgba(185,232,156,.30) 1px,
 transparent 1px,
 transparent 5px
 );
}

.ffSignalBox__screen span,
.ffSignalBox__screen b,
.ffSignalBox__screen small {
 position: relative;
 z-index: 1;
}

.ffSignalBox__screen span {
 display: block;
 margin-bottom: 5px;
 color: #8d887b;
 font-size: 8px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .08em;
}

.ffSignalBox__screen b {
 display: block;
 color: #b9e89c;
 font-size: 18px;
 line-height: 1.1;
 text-shadow: 0 0 12px rgba(143,207,115,.30);
}

.ffSignalBox__screen small {
 display: block;
 margin-top: 5px;
 color: #f2d27a;
 font-size: 9px;
}


/* =========================================================
 15. Уровень радиации
 ========================================================= */

.ffRadiationMeter__bar {
 position: relative;
 height: 12px;
 margin: 12px 10px 8px;
 overflow: hidden;
 border: 1px solid rgba(143, 207, 115, .26);
 border-radius: 999px;
 background:
 linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.035)),
 #060806;
}

.ffRadiationMeter__bar span {
 display: block;
 width: 28%;
 height: 100%;
 border-radius: 999px;
 background:
 linear-gradient(90deg, #6f7f49, #8fcf73, #f2d27a);
 box-shadow:
 0 0 10px rgba(143,207,115,.28),
 inset 0 1px 0 rgba(255,255,255,.18);
}

.ffRadiationMeter__text {
 padding: 0 10px 10px;
 color: #9f9a8d;
 font-size: 10px;
 line-height: 1.35;
 text-align: center;
}


/* =========================================================
 16. Видео в правой колонке
 ========================================================= */

.ffVideoBox__frame {
 position: relative;
 width: calc(100% - 20px);
 margin: 10px;
 aspect-ratio: 16 / 9;
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .20);
 border-radius: 12px;
 background: #050604;
}

.ffVideoBox__frame iframe {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 display: block;
}

.ffVideoBox__text {
 padding: 0 10px 10px;
 color: #8d887b;
 font-size: 10px;
 line-height: 1.35;
 text-align: center;
}

.ffVideoBox__preview {
 position: relative;
 display: block;
 margin: 10px;
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .20);
 border-radius: 12px;
 background: #050604;
}

.ffVideoBox__preview img {
 display: block;
 width: 100%;
 aspect-ratio: 16 / 9;
 object-fit: cover;
 opacity: .82;
}

.ffVideoBox__preview span {
 position: absolute;
 left: 8px;
 right: 8px;
 bottom: 8px;
 padding: 7px 8px;
 border-radius: 999px;
 background: rgba(0,0,0,.72);
 color: #f2d27a;
 font-size: 10px;
 font-weight: 700;
 text-align: center;
 text-transform: uppercase;
}


/* =========================================================
 17. Последняя передача
 ========================================================= */

.ffBroadcast {
 overflow: hidden;
 padding: 14px 16px;
 border: 1px solid rgba(242, 210, 122, .22);
 border-radius: 18px;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .10), transparent 220px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20)),
 rgba(14, 17, 12, .96);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 10px 24px rgba(0,0,0,.24);
}

.ffBroadcast::before {
 content: "";
 position: absolute;
 inset: 0;
 opacity: .10;
 pointer-events: none;
 background:
 repeating-linear-gradient(
 0deg,
 rgba(185,232,156,.28) 0,
 rgba(185,232,156,.28) 1px,
 transparent 1px,
 transparent 5px
 );
}

.ffBroadcast__title {
 position: relative;
 z-index: 1;
 margin-bottom: 7px;
 color: #f2d27a;
 font: 700 12px/1.2 Verdana, Arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: .10em;
 text-shadow:
 0 1px 2px rgba(0,0,0,.95),
 0 0 10px rgba(143, 207, 115, .16);
}

.ffBroadcast__title::before {
 content: "\2622";
 margin-right: 7px;
 color: #b9e89c;
}

.ffBroadcast p {
 position: relative;
 z-index: 1;
 margin: 0;
 color: #d8cfbc;
 font-size: 12px;
 line-height: 1.5;
}


/* =========================================================
 18. SVG-навигация
 ========================================================= */

.ffSvgMenu {
 display: grid;
 gap: 12px;
 margin: 0 0 14px;
}

.ffSvgMenu__defs {
 position: absolute;
 width: 0;
 height: 0;
 overflow: hidden;
}

.ffSvgMenu__section {
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .22);
 border-radius: 16px;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .10), transparent 240px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.22)),
 #090a08;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 8px 22px rgba(0,0,0,.22);
}

.ffSvgMenu__title {
 padding: 9px 12px;
}

.ffSvgMenu__grid {
 display: grid;
 grid-auto-flow: column;
 grid-auto-columns: 72px;
 grid-template-columns: none;
 gap: 7px;
 overflow-x: auto;
 overflow-y: hidden;
 padding: 9px 10px 11px;
 width: 100%;
 scrollbar-width: thin;
 scrollbar-color: rgba(242, 210, 122, .65) rgba(7, 8, 6, .95);
}

.ffSvgMenu__grid::-webkit-scrollbar {
 height: 11px;
}

.ffSvgMenu__grid::-webkit-scrollbar-track {
 background:
 linear-gradient(180deg, #080907, #11140f);
 border-radius: 999px;
}

.ffSvgMenu__grid::-webkit-scrollbar-thumb {
 background:
 linear-gradient(90deg, #6f7f49, #d4b05c, #6f7f49);
 border: 2px solid #090a08;
 border-radius: 999px;
}

.ffSvgMenu__grid::-webkit-scrollbar-thumb:hover {
 background:
 linear-gradient(90deg, #8fcf73, #f2d27a, #8fcf73);
}

.ffSvgCard {
 width: 72px;
 min-width: 72px;
 min-height: 74px;
 display: grid;
 grid-template-rows: 31px auto;
 align-items: center;
 justify-items: center;
 padding: 7px 4px 6px;
 border: 1px solid rgba(242, 210, 122, .20);
 border-radius: 12px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.18)),
 rgba(18, 22, 15, .94);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 5px 12px rgba(0,0,0,.20);
 color: #f2d27a;
 text-decoration: none;
}

.ffSvgCard::before {
 content: "";
 position: absolute;
 left: 8px;
 right: 8px;
 top: 5px;
 height: 1px;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
}

.ffSvgCard svg {
 width: 29px;
 height: 29px;
 fill: none;
 stroke: #f2d27a;
 stroke-width: 3.2;
 stroke-linecap: round;
 stroke-linejoin: round;
 filter: drop-shadow(0 2px 4px rgba(0,0,0,.65));
}

.ffSvgCard span {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 24px;
 color: #f3d681;
 font-family: Verdana, Arial, sans-serif;
 font-size: 8.5px;
 font-weight: 700;
 line-height: 1.12;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0,0,0,.85);
}

.ffSvgCard:hover {
 transform: translateY(-1px);
 border-color: rgba(143, 207, 115, .42);
 background:
 linear-gradient(180deg, rgba(143, 207, 115, .13), rgba(0,0,0,.16)),
 rgba(18, 22, 15, .98);
 box-shadow:
 inset 0 0 14px rgba(143, 207, 115, .08),
 0 7px 16px rgba(0,0,0,.25),
 0 0 10px rgba(143, 207, 115, .10);
}

.ffSvgCard:hover svg {
 stroke: #b9e89c;
}

.ffSvgCard:hover span {
 color: #b9e89c;
}


/* =========================================================
 19. Главная страница
 ========================================================= */

.ffHome {
 display: grid;
 gap: 18px;
}

.ffHero {
 overflow: hidden;
 padding: 24px;
 border: 1px solid rgba(242, 210, 122, .26);
 border-radius: 20px;
 background:
 radial-gradient(circle at right center, rgba(143,207,115,.17), transparent 330px),
 radial-gradient(circle at left bottom, rgba(184,121,59,.10), transparent 320px),
 linear-gradient(90deg, rgba(15,18,12,.98), rgba(15,18,12,.78));
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 12px 28px rgba(0,0,0,.24);
}

.ffHero__eyebrow {
 display: inline-flex;
 margin-bottom: 10px;
 padding: 6px 10px;
 border: 1px solid rgba(143, 207, 115, .28);
 border-radius: 999px;
 background: rgba(0,0,0,.22);
 color: var(--ff-green-soft);
 font-size: 10px;
 font-weight: 700;
 letter-spacing: .12em;
 text-transform: uppercase;
}

.ffHero h1 {
 max-width: 780px;
 margin-bottom: 10px;
 font-size: 28px;
 color: #f5d985;
}

.ffHero p {
 max-width: 780px;
 color: #cfc7b6;
 font-size: 14px;
}

.ffHero__actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 16px;
}

.ffHero__actions a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 34px;
 padding: 8px 12px;
 border: 1px solid rgba(242, 210, 122, .25);
 border-radius: 999px;
 color: #f2d27a;
 font-size: 12px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .035em;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
}

.ffHero__actions a:hover {
 border-color: rgba(143, 207, 115, .42);
 color: #b9e89c;
}


/* =========================================================
 20. Карточки главной
 ========================================================= */

.ffCards {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
}

.ffCard {
 display: grid;
 grid-template-columns: 108px minmax(0, 1fr);
 gap: 12px;
 min-height: 150px;
 padding: 12px;
 border: 1px solid rgba(242, 210, 122, .19);
 border-radius: 18px;
 background:
 radial-gradient(circle at top left, rgba(143,207,115,.06), transparent 160px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
 rgba(25, 31, 22, .90);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.045),
 0 8px 18px rgba(0,0,0,.22);
}

.ffCard img {
 width: 108px;
 height: 108px;
 object-fit: cover;
 border-radius: 15px;
 border: 1px solid rgba(255,255,255,.08);
 background: #000;
}

.ffCard__badge {
 display: inline-flex;
 align-items: center;
 margin-bottom: 6px;
 padding: 4px 7px;
 border: 1px solid rgba(143, 207, 115, .25);
 border-radius: 999px;
 background: rgba(0,0,0,.18);
 color: #b9e89c;
 font-size: 9px;
 font-weight: 700;
 letter-spacing: .12em;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.08),
 0 0 10px rgba(143,207,115,.08);
}

.ffCard__badge::before {
 content: "";
 width: 5px;
 height: 5px;
 margin-right: 5px;
 border-radius: 50%;
 background: #8fcf73;
 box-shadow: 0 0 8px rgba(143,207,115,.65);
}

.ffCard h2 {
 margin-bottom: 6px;
 font-size: 17px;
}

.ffCard p {
 margin: 0;
 color: var(--ff-muted);
 font-size: 12px;
}

.ffCard__more {
 display: inline-flex;
 margin-top: 9px;
 padding: 5px 8px;
 border-radius: 999px;
 border: 1px solid rgba(242, 210, 122, .16);
 color: #f2d27a;
 font-size: 11px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .04em;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
}

.ffCard__more:hover {
 color: #b9e89c;
}


/* =========================================================
 21. Секции и подборки игр
 ========================================================= */

.ffSection {
 padding: 14px;
 border: 1px solid rgba(242, 210, 122, .17);
 border-radius: 18px;
 background:
 radial-gradient(circle at top, rgba(143,207,115,.04), transparent 260px),
 rgba(0,0,0,.18);
}

.ffSection__title {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 12px;
 color: var(--ff-title);
 font-size: 19px;
}

.ffSection__title::after {
 content: "";
 height: 1px;
 flex: 1 1 auto;
 background:
 linear-gradient(90deg, rgba(242, 210, 122, .28), rgba(143, 207, 115, .16), transparent);
}

.ffSeriesBlock {
 margin: 0 0 18px;
 overflow: hidden;
 border: 1px solid rgba(242, 210, 122, .23);
 border-radius: 18px;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .11), transparent 260px),
 radial-gradient(circle at bottom right, rgba(184,121,59,.08), transparent 250px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.24)),
 #080a07;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 10px 26px rgba(0,0,0,.26);
}

.ffSeriesBlock__head {
 padding: 12px 14px;
 border-bottom: 1px solid rgba(242, 210, 122, .18);
 background:
 linear-gradient(90deg, rgba(143, 207, 115, .14), rgba(242, 210, 122, .08));
 text-align: center;
}

.ffSeriesBlock__head span {
 display: block;
 margin-bottom: 4px;
 color: #b9e89c;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: .14em;
 text-transform: uppercase;
}

.ffSeriesBlock__head h2 {
 margin: 0;
 color: #f2d27a;
 font: 700 18px/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
 text-transform: uppercase;
 letter-spacing: .06em;
}

.ffSeriesBlock__grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
 gap: 10px;
 padding: 12px;
}

.ffSeriesCard {
 min-height: 112px;
 display: grid;
 grid-template-rows: 68px auto;
 align-items: center;
 justify-items: center;
 padding: 9px 6px 8px;
 border: 1px solid rgba(242, 210, 122, .18);
 border-radius: 15px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
 linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
 #181d13;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.075),
 inset 0 -1px 0 rgba(0,0,0,.45);
 color: #f2d27a;
 text-decoration: none;
}

.ffSeriesCard::before {
 content: "";
 position: absolute;
 left: 10px;
 right: 10px;
 top: 7px;
 height: 1px;
 background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
}

.ffSeriesCard:hover {
 transform: translateY(-2px);
 border-color: rgba(143, 207, 115, .42);
 background:
 linear-gradient(180deg, rgba(143, 207, 115, .13), rgba(0,0,0,.16)),
 rgba(18, 22, 15, .98);
 box-shadow:
 inset 0 0 18px rgba(143, 207, 115, .08),
 0 10px 22px rgba(0,0,0,.28),
 0 0 12px rgba(143, 207, 115, .10);
}

.ffSeriesCard__image {
 width: 68px;
 height: 62px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.ffSeriesCard__image img {
 display: block;
 max-width: 68px;
 max-height: 62px;
 object-fit: contain;
 filter: drop-shadow(0 3px 5px rgba(0,0,0,.55));
}

.ffSeriesCard__title {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 28px;
 color: #f3d681;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: 700;
 line-height: 1.15;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0,0,0,.85);
}

.ffSeriesCard:hover .ffSeriesCard__title {
 color: #b9e89c;
}


/* =========================================================
 22. Информеры — сетка
 ========================================================= */

.ffInformerLine {
 padding: 8px 0;
 border-bottom: 1px solid rgba(255,255,255,.075);
}

.ffInformerLine a {
 color: #dcd5c4;
}

.ffInformerLine a:hover {
 color: var(--ff-title);
}

.ffInformerLine:has(.ffSoftInfItem),
.ffInformerLine:has(.ffServerInfItem),
.ffInformerLine:has(.ffInfCard),
.ffInformerLine--cards {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 16px !important;
 padding: 0 !important;
 margin: 0 0 16px !important;
 border-bottom: 0 !important;
 align-items: stretch !important;
}

.ffInformerLine .ffSoftInfItem,
.ffInformerLine .ffServerInfItem,
.ffInformerLine .ffInfCard,
.ffInformerLine--cards .ffSoftInfItem,
.ffInformerLine--cards .ffServerInfItem,
.ffInformerLine--cards .ffInfCard {
 margin: 0 !important;
 height: 100% !important;
}


/* =========================================================
 23. Универсальная карточка информера
 ========================================================= */

.ffInfCard {
 margin-bottom: 8px;
 padding: 10px;
 border: 1px solid rgba(242, 210, 122, .14);
 border-radius: 13px;
 background:
 linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.14)),
 rgba(18, 22, 15, .92);
}

.ffInfCard__top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 margin-bottom: 7px;
}

.ffInfCard__date {
 color: #8d887b;
 font-size: 10px;
 white-space: nowrap;
}

.ffInfCard__title {
 display: block;
 color: #f2d27a;
 font-size: 12px;
 font-weight: 700;
 line-height: 1.3;
}

.ffInfCard__title:hover {
 color: #b9e89c;
}

.ffInfCard__meta {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 margin-top: 7px;
 color: #8d887b;
 font-size: 10px;
}

.ffInfCard__meta a {
 color: #b9e89c;
}


/* =========================================================
 24. Архивный ID
 ========================================================= */

.ffArchiveCode {
 align-self: flex-start;
 display: inline-flex;
 max-width: 100%;
 margin-bottom: 2px;
 padding: 4px 8px;
 border: 1px solid rgba(143, 207, 115, .26);
 border-radius: 999px;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.10), transparent 40px),
 rgba(0,0,0,.22);
 color: #b9e89c;
 font-size: 9px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 letter-spacing: .08em;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.06),
 0 0 10px rgba(143,207,115,.08);
}

.ffArchiveCode::before {
 content: "";
 width: 5px;
 height: 5px;
 margin-right: 6px;
 border-radius: 50%;
 background: #8fcf73;
 box-shadow: 0 0 8px rgba(143,207,115,.75);
}


/* =========================================================
 25. Лейблы
 ========================================================= */

.ffLabel {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 20px;
 padding: 4px 7px;
 border: 1px solid rgba(242, 210, 122, .18);
 border-radius: 999px;
 background: rgba(255,255,255,.025);
 color: #f2d27a;
 font-size: 9px;
 font-weight: 700;
 line-height: 1;
 text-transform: uppercase;
 letter-spacing: .08em;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.08),
 0 0 10px rgba(143,207,115,.08);
}

.ffLabel::before {
 content: "";
 width: 5px;
 height: 5px;
 margin-right: 5px;
 border-radius: 50%;
 background: #8fcf73;
 box-shadow: 0 0 8px rgba(143,207,115,.65);
}

.ffLabel--mod {
 border-color: rgba(143, 207, 115, .28);
 background: rgba(143, 207, 115, .08);
 color: #b9e89c;
}

.ffLabel--server {
 border-color: rgba(242, 210, 122, .30);
 background: rgba(242, 210, 122, .08);
 color: #f2d27a;
}

.ffLabel--lore {
 border-color: rgba(136, 170, 255, .24);
 background: rgba(136, 170, 255, .07);
 color: #b8c7ff;
}

.ffLabel--guide {
 border-color: rgba(216, 138, 104, .28);
 background: rgba(216, 138, 104, .08);
 color: #d88a68;
}

.ffLabel--file {
 border-color: rgba(255,255,255,.14);
 background: rgba(255,255,255,.035);
 color: #dcd5c4;
}


/* =========================================================
 26. Информер софта / модов / видео
 ========================================================= */

.ffSoftInfItem {
 display: flex !important;
 flex-direction: column !important;
 gap: 10px !important;
 min-height: 260px !important;
 height: 100% !important;
 padding: 14px !important;
 border: 1px solid rgba(242, 210, 122, .19) !important;
 border-radius: 16px !important;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .08), transparent 160px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.18)),
 rgba(15, 19, 13, .95) !important;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.045),
 0 7px 16px rgba(0,0,0,.20);
}

.ffSoftInfItem__image {
 width: 100% !important;
 height: 118px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 overflow: hidden !important;
 border: 1px solid rgba(242, 210, 122, .20);
 border-radius: 14px !important;
 background:
 radial-gradient(circle at center, rgba(143, 207, 115, .12), transparent 46px),
 #070806;
}

.ffSoftInfItem__image img {
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
}

.ffSoftInfItem__placeholder {
 color: #f2d27a;
 font: 700 18px/1 Verdana, Arial, sans-serif;
 letter-spacing: .08em;
}

.ffSoftInfItem__body {
 min-width: 0 !important;
 min-height: 0 !important;
 height: 100% !important;
 display: flex !important;
 flex-direction: column !important;
}

.ffSoftInfItem__top {
 display: block !important;
 margin-bottom: 6px !important;
}

.ffSoftInfItem__title {
 display: block !important;
 color: #f2d27a !important;
 font: 700 13px/1.25 Verdana, Arial, sans-serif !important;
 word-break: normal !important;
 overflow-wrap: break-word !important;
 hyphens: none !important;
}

.ffSoftInfItem__title:hover {
 color: #b9e89c !important;
}

.ffSoftInfItem__version {
 display: inline-flex !important;
 margin-top: 6px !important;
 padding: 3px 7px;
 border: 1px solid rgba(143, 207, 115, .28);
 border-radius: 999px;
 background: rgba(143, 207, 115, .08);
 color: #b9e89c;
 font-size: 9px;
 font-weight: 700;
 text-transform: uppercase;
}

.ffSoftInfItem__meta {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 6px !important;
 margin-bottom: 7px !important;
 color: #9f9a8d;
 font-size: 10px !important;
}

.ffSoftInfItem__meta a {
 color: #b9e89c;
}

.ffSoftInfItem__desc {
 display: -webkit-box !important;
 overflow: hidden !important;
 -webkit-line-clamp: 3 !important;
 -webkit-box-orient: vertical !important;
 max-height: none !important;
 margin-bottom: 8px;
 color: #bdb6a7;
 font-size: 11px !important;
 line-height: 1.35 !important;
}

.ffSoftInfItem__info {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 7px !important;
 margin-top: 10px !important;
 margin-bottom: 10px !important;
}

.ffSoftInfItem__line {
 min-width: 0;
 padding: 5px 6px;
 border: 1px solid rgba(255,255,255,.06);
 border-radius: 9px;
 background: rgba(0,0,0,.18);
 font-size: 10px;
}

.ffSoftInfItem__line span {
 display: block;
 margin-bottom: 2px;
 color: #8d887b;
}

.ffSoftInfItem__line b {
 display: block;
 overflow: hidden;
 color: #dcd5c4;
 font-weight: 700;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.ffSoftInfItem__bottom {
 display: flex;
 flex-wrap: wrap;
 gap: 7px;
 margin-top: auto !important;
 padding-top: 10px !important;
 border-top: 1px solid rgba(255,255,255,.06) !important;
}

.ffSoftInfItem__bottom a {
 display: inline-flex;
 padding: 5px 8px;
 border: 1px solid rgba(242, 210, 122, .16);
 border-radius: 999px;
 background: rgba(255,255,255,.025);
 color: #f2d27a;
 font-size: 10px;
 font-weight: 700;
}

.ffSoftInfItem__bottom a:hover {
 color: #b9e89c;
 border-color: rgba(143, 207, 115, .35);
 background: rgba(143, 207, 115, .08);
}


/* =========================================================
 27. Информер игровых серверов
 ========================================================= */

.ffServerInfItem {
 display: flex !important;
 flex-direction: column !important;
 gap: 10px !important;
 min-height: 240px !important;
 height: 100% !important;
 padding: 14px !important;
 border: 1px solid rgba(242, 210, 122, .19) !important;
 border-radius: 16px !important;
 background:
 radial-gradient(circle at top left, rgba(143, 207, 115, .08), transparent 160px),
 linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.18)),
 rgba(15, 19, 13, .95) !important;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.045),
 0 7px 16px rgba(0,0,0,.20);
}

.ffServerInfItem__image {
 width: 100% !important;
 height: 118px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 overflow: hidden !important;
 border: 1px solid rgba(242, 210, 122, .20);
 border-radius: 14px !important;
 background:
 radial-gradient(circle at center, rgba(143, 207, 115, .12), transparent 46px),
 #070806;
}

.ffServerInfItem__image img {
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
}

.ffServerInfItem__placeholder {
 color: #f2d27a;
 font: 700 18px/1 Verdana, Arial, sans-serif;
 letter-spacing: .08em;
}

.ffServerInfItem__body {
 min-width: 0 !important;
 min-height: 0 !important;
 height: 100% !important;
 display: flex !important;
 flex-direction: column !important;
}

.ffServerInfItem__top {
 display: block !important;
 margin-bottom: 6px !important;
}

.ffServerInfItem__title {
 display: block !important;
 color: #f2d27a !important;
 font: 700 13px/1.25 Verdana, Arial, sans-serif !important;
 word-break: normal !important;
 overflow-wrap: break-word !important;
 hyphens: none !important;
}

.ffServerInfItem__title:hover {
 color: #b9e89c !important;
}

.ffServerInfItem__status {
 display: inline-flex !important;
 max-width: 100% !important;
 margin-top: 6px !important;
 padding: 3px 7px;
 border: 1px solid rgba(143, 207, 115, .28);
 border-radius: 999px;
 background: rgba(143, 207, 115, .08);
 color: #b9e89c;
 font-size: 9px;
 font-weight: 700;
 text-transform: uppercase;
 white-space: normal !important;
}

.ffServerInfItem__meta {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 6px !important;
 margin-bottom: 7px !important;
 color: #9f9a8d;
 font-size: 10px !important;
}

.ffServerInfItem__meta a {
 color: #b9e89c;
}

.ffServerInfItem__info {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 7px !important;
 margin-top: 10px !important;
 margin-bottom: 10px !important;
}

.ffServerInfItem__line {
 min-width: 0;
 padding: 5px 6px;
 border: 1px solid rgba(255,255,255,.06);
 border-radius: 9px;
 background: rgba(0,0,0,.18);
 font-size: 10px;
}

.ffServerInfItem__line span {
 display: block;
 margin-bottom: 2px;
 color: #8d887b;
}

.ffServerInfItem__line b {
 display: block;
 overflow: hidden;
 color: #dcd5c4;
 font-weight: 700;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.ffServerInfItem__bottom {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: auto !important;
 padding-top: 10px !important;
 border-top: 1px solid rgba(255,255,255,.06) !important;
 color: #817c70;
 font-size: 10px;
}


/* =========================================================
 28. Пыльный фильтр картинок
 ========================================================= */

.ffCard img,
.ffSeriesCard__image img,
.ffSoftInfItem__image img,
.ffServerInfItem__image img,
.ffVideoBox__preview img {
 filter:
 contrast(1.05)
 saturate(.88)
 sepia(.10)
 brightness(.96);
}

.ffCard:hover img,
.ffSeriesCard:hover .ffSeriesCard__image img,
.ffSoftInfItem:hover .ffSoftInfItem__image img,
.ffServerInfItem:hover .ffServerInfItem__image img {
 filter:
 contrast(1.10)
 saturate(.95)
 sepia(.08)
 brightness(1.02);
}


/* =========================================================
 29. Hover у карточек
 ========================================================= */

.ffCard:hover,
.ffSoftInfItem:hover,
.ffServerInfItem:hover,
.ffSeriesCard:hover,
.ffBlock:hover,
.ffVideoBox:hover,
.ffSignalBox:hover,
.ffRadiationMeter:hover,
.ffBroadcast:hover {
 border-color: rgba(143, 207, 115, .42) !important;
 box-shadow:
 inset 0 0 18px rgba(143, 207, 115, .08),
 0 10px 24px rgba(0,0,0,.30),
 0 0 14px rgba(143, 207, 115, .08);
}


/* =========================================================
 30. Радиационный разделитель
 ========================================================= */

.ffVaultDivider {
 display: flex;
 align-items: center;
 gap: 10px;
 margin: 16px 0;
 color: #8d887b;
 font-size: 10px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .12em;
}

.ffVaultDivider::before,
.ffVaultDivider::after {
 content: "";
 height: 1px;
 flex: 1 1 auto;
 background:
 linear-gradient(90deg, transparent, rgba(242, 210, 122, .34), rgba(143, 207, 115, .24), transparent);
}

.ffVaultDivider span {
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 5px 12px;
 min-height: 28px;
 border: 1px solid rgba(242, 210, 122, .18);
 border-radius: 999px;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.09), transparent 40px),
 rgba(0,0,0,.22);
 color: #f2d27a;
 line-height: 1.1;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.07),
 0 0 12px rgba(143,207,115,.08);
}

.ffVaultDivider span::before {
 content: "\2622";
 margin-right: 7px;
 color: #b9e89c;
}


/* =========================================================
 31. Старые uCoz и форумные классы
 ========================================================= */

td,
.infTable,
.gTable,
.postTable,
.forumNameTd,
.forumLastPostTd,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadIcoTd,
.threadPostTd,
.threadViewTd,
.postFirst,
.postRest1,
.postRest2,
.posttdMessage,
.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableLeft,
.gTableRight {
 color: var(--ff-text);
}

.infTable {
 width: 100%;
 border-collapse: collapse;
}

.infTitle {
 padding: 8px 0;
 border-bottom: 1px solid rgba(255,255,255,.08);
}

.gTable,
.postTable {
 width: 100%;
 background: rgba(0,0,0,.20);
 border: 1px solid rgba(242, 210, 122, .17);
 border-radius: 14px;
 overflow: hidden;
}

.gTableTop,
.postBottom {
 padding: 10px;
 background: linear-gradient(90deg, rgba(143, 207, 115, .15), rgba(242, 210, 122, .08));
 color: var(--ff-title);
 font-weight: 700;
}

.gTableSubTop,
.forumOnlineBar,
.postTdTop {
 background: rgba(255,255,255,.035);
 color: #cfc7b6;
}

.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableLeft,
.gTableRight,
.postFirst,
.postRest1,
.postRest2,
.posttdMessage,
.forumNameTd,
.forumLastPostTd,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadIcoTd,
.threadPostTd,
.threadViewTd {
 background: rgba(18, 20, 16, .82);
}

.switch,
.switches {
 background: rgba(255,255,255,.06);
}

.switchActive {
 background: var(--ff-title);
 color: #151812;
}


/* =========================================================
 32. Футер
 ========================================================= */

.ffFooter {
 padding: 16px;
 border-top: 1px solid rgba(242, 210, 122, .20);
 background:
 radial-gradient(circle at bottom left, rgba(143, 207, 115, .08), transparent 260px),
 radial-gradient(circle at bottom right, rgba(184,121,59,.08), transparent 260px),
 linear-gradient(180deg, rgba(15,18,13,.98), rgba(8,9,7,.98));
}

.ffFooter__brand {
 display: grid;
 gap: 4px;
 text-align: center;
}

.ffFooter__brand strong {
 color: #f2d27a;
 font: 700 18px/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
}

.ffFooter__brand span {
 color: #9f9a8d;
 font-size: 12px;
}

.ffFooter__cols {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 12px;
 margin-top: 14px;
}

.ffFooter__col {
 min-width: 0;
 padding: 12px;
 border: 1px solid rgba(242, 210, 122, .12);
 border-radius: 14px;
 background: rgba(255,255,255,.02);
}

.ffFooter__col b {
 display: block;
 margin-bottom: 8px;
 color: #f2d27a;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: .08em;
}

.ffFooter__col a {
 display: block;
 padding: 4px 0;
 color: #dcd5c4;
 font-size: 11px;
}

.ffFooter__col a:hover {
 color: #b9e89c;
}

.ffFooter__notice {
 margin-top: 12px;
 padding: 10px;
 border: 1px solid rgba(255,255,255,.06);
 border-radius: 12px;
 background: rgba(0,0,0,.18);
 color: #8d887b;
 font-size: 10px;
 line-height: 1.45;
 text-align: center;
}

.ffFooter__bottom {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 12px;
 padding-top: 10px;
 border-top: 1px solid rgba(255,255,255,.06);
 color: #817c70;
 font-size: 11px;
}

.ffFooter__terminal {
 margin-top: 12px;
 padding: 9px 10px;
 border: 1px solid rgba(143, 207, 115, .18);
 border-radius: 12px;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.08), transparent 90px),
 rgba(0,0,0,.22);
 color: #b9e89c;
 font-size: 10px;
 font-weight: 700;
 line-height: 1.35;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: .10em;
 text-shadow: 0 0 10px rgba(143,207,115,.18);
}

/* =========================================================
 33. Адаптация под планшеты
 ========================================================= */

@media (max-width: 980px) {
 .ffLayout {
 grid-template-columns: 1fr;
 }

 .ffSidebar {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 }

 .ffBlock,
 .ffMiniProfile,
 .ffSearchTerminal,
 .ffWastelandNow,
 .ffSiteStats,
 .ffVideoBox,
 .ffSignalBox,
 .ffRadiationMeter {
 margin-bottom: 0;
 }
}


/* =========================================================
 34. Адаптация под телефоны
 ========================================================= */

@media (max-width: 900px) {
 .ffInformerLine:has(.ffSoftInfItem),
 .ffInformerLine:has(.ffServerInfItem),
 .ffInformerLine:has(.ffInfCard),
 .ffInformerLine--cards {
 grid-template-columns: 1fr !important;
 }
}

@media (max-width: 720px) {
 .ffSite {
 width: min(100% - 14px, 1184px);
 margin-top: 7px;
 }

 .ffHeader {
 min-height: 160px;
 padding: 18px;
 align-items: flex-start;
 flex-direction: column;
 }

 .ffHeaderInfo {
 width: 100%;
 max-width: none;
 margin-left: 0;
 text-align: left;
 }

 .ffHeaderInfo__top {
 justify-content: flex-start;
 }

 .ffHeaderTitle {
 font-size: 24px;
 }

 .ffHeaderText {
 margin-left: 0;
 }

 .ffMain {
 padding: 8px;
 }

 .ffSidebar {
 grid-template-columns: 1fr;
 }

 .ffCards {
 grid-template-columns: 1fr;
 }

 .ffCard {
 grid-template-columns: 82px minmax(0, 1fr);
 }

 .ffCard img {
 width: 82px;
 height: 82px;
 }

 .ffTopNav__link {
 font-size: 11px;
 }

 .ffSvgMenu__grid {
 grid-auto-columns: 66px;
 gap: 6px;
 padding: 8px 8px 10px;
 }

 .ffSvgCard {
 width: 66px;
 min-width: 66px;
 min-height: 70px;
 grid-template-rows: 28px auto;
 padding: 6px 3px 6px;
 }

 .ffSvgCard svg {
 width: 26px;
 height: 26px;
 }

 .ffSvgCard span {
 font-size: 8px;
 min-height: 23px;
 }

 .ffSeriesBlock__grid {
 grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
 gap: 8px;
 padding: 10px;
 }

 .ffSeriesCard {
 min-height: 100px;
 grid-template-rows: 58px auto;
 padding: 8px 5px 7px;
 }

 .ffSeriesCard__image {
 width: 58px;
 height: 54px;
 }

 .ffSeriesCard__image img {
 max-width: 58px;
 max-height: 54px;
 }

 .ffSeriesCard__title {
 font-size: 9px;
 }

 .ffFooter__cols {
 grid-template-columns: 1fr;
 }
}


/* =========================================================
 35. Очень маленькие экраны
 ========================================================= */

@media (max-width: 520px) {
 .ffSoftInfItem,
 .ffServerInfItem {
 min-height: 0 !important;
 padding: 10px !important;
 }

 .ffSoftInfItem__image,
 .ffServerInfItem__image {
 height: 120px !important;
 }

 .ffSoftInfItem__desc {
 -webkit-line-clamp: 2 !important;
 }
}

@media (max-width: 420px) {
 .ffHeaderTitle {
 font-size: 20px;
 }

 .ffHero {
 padding: 16px;
 }

 .ffHero h1 {
 font-size: 23px;
 }

 .ffCard {
 grid-template-columns: 1fr;
 }

 .ffCard img {
 width: 100%;
 height: 135px;
 }
}


.ffFooter__powered {
 display: inline-flex;
 align-items: center;
 color: #8d887b;
 font-size: 10px;
}

.ffFooter__powered a {
 color: #b9e89c;
}

.ffFooter__powered a:hover {
 color: #f2d27a;
}

/* =========================================================
 Шапка: верхние бейджи в одну строку без переноса
 ========================================================= */

.ffHeaderInfo__top {
 display: flex !important;
 flex-wrap: nowrap !important;
 align-items: center !important;
 justify-content: flex-end !important;
 gap: 6px !important;
 width: 100% !important;
 min-width: 0 !important;
 overflow: hidden !important;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffGeigerCounter {
 flex: 0 1 auto !important;
 min-width: 0 !important;
 max-width: none !important;
 white-space: nowrap !important;
}

.ffHeaderBadge,
.ffHeaderStatus {
 padding: 6px 8px !important;
 font-size: 9px !important;
 letter-spacing: .055em !important;
}

.ffGeigerCounter {
 position: relative !important;
 z-index: 2 !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 margin: 0 !important;
 padding: 6px 8px !important;
 border: 1px solid rgba(143, 207, 115, .28) !important;
 border-radius: 999px !important;
 background: rgba(0,0,0,.28) !important;
 color: #b9e89c !important;
 font-size: 9px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 text-transform: uppercase !important;
 letter-spacing: .055em !important;
}

.ffGeigerCounter span,
.ffGeigerCounter b {
 display: inline-block !important;
 white-space: nowrap !important;
}

.ffGeigerCounter b {
 color: #f2d27a !important;
 font-weight: 700 !important;
 animation: ffGeigerNumber 1.8s steps(2, end) infinite;
}

@keyframes ffGeigerNumber {
 0%, 100% {
 opacity: .65;
 }

 40% {
 opacity: 1;
 }

 52% {
 opacity: .45;
 }
}

/* На узких экранах чуть сильнее сжимаем бейджи */
@media (max-width: 720px) {
 .ffHeaderInfo__top {
 justify-content: flex-start !important;
 gap: 4px !important;
 }

 .ffHeaderBadge,
 .ffHeaderStatus,
 .ffGeigerCounter {
 padding: 5px 6px !important;
 font-size: 8px !important;
 letter-spacing: .035em !important;
 }
}

/* =========================================================
 FalloutFanatics V2 — Vault Terminal Edition
 Финальный ультра-постапокалиптический слой
 ========================================================= */


/* =========================================================
 V2.1. Общая финализация атмосферы
 ========================================================= */

body {
 background:
 radial-gradient(circle at 12% 8%, rgba(143, 207, 115, .17), transparent 350px),
 radial-gradient(circle at 86% 10%, rgba(242, 210, 122, .12), transparent 430px),
 radial-gradient(circle at 50% 100%, rgba(132, 79, 35, .32), transparent 580px),
 radial-gradient(circle at 20% 85%, rgba(52, 82, 38, .24), transparent 380px),
 linear-gradient(180deg, #14180f 0%, #090b07 58%, #040503 100%) !important;
}

.ffShell {
 background:
 radial-gradient(circle at top, rgba(143,207,115,.065), transparent 370px),
 radial-gradient(circle at 60% 100%, rgba(184,121,59,.075), transparent 420px),
 linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.010)),
 rgba(9, 11, 7, .985) !important;
}


/* =========================================================
 V2.2. Шапка: движущийся радиационный фон + Geiger sweep
 ========================================================= */

.ffHeader {
 position: relative !important;
 overflow: hidden !important;
}

/* Движущееся радиоактивное облако */
.ffHeader::before {
 content: "";
 position: absolute;
 inset: -42%;
 z-index: 0;
 pointer-events: none;
 opacity: .43;
 background:
 radial-gradient(circle at 25% 40%, rgba(143, 207, 115, .20), transparent 18%),
 radial-gradient(circle at 70% 45%, rgba(242, 210, 122, .12), transparent 20%),
 radial-gradient(circle at 48% 65%, rgba(143, 207, 115, .10), transparent 24%);
 filter: blur(18px);
 animation: ffRadiationDriftV2 18s linear infinite;
}

/* Бегущий луч по шапке */
.ffHeader .ffLogoBox::after {
 content: "";
 position: absolute;
 top: -34%;
 bottom: -34%;
 left: -90%;
 width: 44%;
 z-index: 3;
 pointer-events: none;
 opacity: 0;
 background:
 linear-gradient(
 90deg,
 transparent,
 rgba(185, 232, 156, .20),
 rgba(242, 210, 122, .10),
 transparent
 );
 transform: skewX(-18deg);
 animation: ffGeigerSweepV2 7.5s ease-in-out infinite;
}

/* Контент поверх эффектов */
.ffLogoBox,
.ffHeaderInfo {
 position: relative !important;
 z-index: 4 !important;
}

/* Аккуратный пульс точки Vault */
.ffHeaderBadge::before {
 animation: ffGeigerDotV2 1.25s ease-in-out infinite;
}


/* =========================================================
 V2.3. Верхние бейджи в одну строку
 ========================================================= */

.ffHeaderInfo__top {
 display: flex !important;
 flex-wrap: nowrap !important;
 align-items: center !important;
 justify-content: flex-end !important;
 gap: 6px !important;
 width: 100% !important;
 min-width: 0 !important;
 overflow: hidden !important;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffGeigerCounter {
 flex: 0 1 auto !important;
 min-width: 0 !important;
 max-width: none !important;
 white-space: nowrap !important;
}

.ffHeaderBadge,
.ffHeaderStatus {
 padding: 6px 8px !important;
 font-size: 9px !important;
 letter-spacing: .055em !important;
}

.ffGeigerCounter {
 position: relative !important;
 z-index: 5 !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 margin: 0 !important;
 padding: 6px 8px !important;
 border: 1px solid rgba(143, 207, 115, .30) !important;
 border-radius: 999px !important;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.09), transparent 46px),
 rgba(0,0,0,.30) !important;
 color: #b9e89c !important;
 font-size: 9px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
 text-transform: uppercase !important;
 letter-spacing: .055em !important;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.06),
 0 0 10px rgba(143,207,115,.08);
}

.ffGeigerCounter span,
.ffGeigerCounter b {
 display: inline-block !important;
 white-space: nowrap !important;
}

.ffGeigerCounter b {
 color: #f2d27a !important;
 font-weight: 700 !important;
 animation: ffGeigerNumberV2 1.8s steps(2, end) infinite;
}


/* =========================================================
 V2.4. Мягкое терминальное мерцание блоков
 ========================================================= */

.ffBlock,
.ffMiniProfile,
.ffSearchTerminal,
.ffVideoBox,
.ffSignalBox,
.ffRadiationMeter,
.ffSoftInfItem,
.ffServerInfItem,
.ffBroadcast,
.ffCard,
.ffSeriesBlock,
.ffSection {
 isolation: isolate;
}

.ffBlock::before,
.ffMiniProfile::before,
.ffSearchTerminal::before,
.ffVideoBox::before,
.ffSignalBox::before,
.ffRadiationMeter::before,
.ffSoftInfItem::before,
.ffServerInfItem::before,
.ffBroadcast::before,
.ffCard::before,
.ffSeriesBlock::before,
.ffSection::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 0;
 pointer-events: none;
 opacity: .042;
 background:
 repeating-linear-gradient(
 0deg,
 rgba(185,232,156,.30) 0,
 rgba(185,232,156,.30) 1px,
 transparent 1px,
 transparent 6px
 );
}


/* =========================================================
 V2.5. Ржавая кромка и глубина панелей
 ========================================================= */

.ffBlock,
.ffMiniProfile,
.ffSearchTerminal,
.ffWastelandNow,
.ffSiteStats,
.ffVideoBox,
.ffSignalBox,
.ffRadiationMeter,
.ffCard,
.ffSoftInfItem,
.ffServerInfItem,
.ffSeriesBlock,
.ffSeriesCard,
.ffBroadcast,
.ffSection {
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.055),
 inset 0 -18px 28px rgba(68, 39, 18, .10),
 0 10px 24px rgba(0,0,0,.30) !important;
}

.ffCard:hover,
.ffSoftInfItem:hover,
.ffServerInfItem:hover,
.ffSeriesCard:hover,
.ffBlock:hover,
.ffMiniProfile:hover,
.ffVideoBox:hover,
.ffSignalBox:hover,
.ffRadiationMeter:hover,
.ffBroadcast:hover {
 border-color: rgba(143, 207, 115, .44) !important;
 box-shadow:
 inset 0 0 18px rgba(143, 207, 115, .08),
 inset 0 -18px 28px rgba(68, 39, 18, .10),
 0 10px 26px rgba(0,0,0,.34),
 0 0 15px rgba(143, 207, 115, .085) !important;
}


/* =========================================================
 V2.6. Терминальные заголовки
 ========================================================= */

.ffSection__title,
.ffSeriesBlock__head h2,
.ffBlock__title,
.ffMiniProfile__title,
.ffSearchTerminal__title,
.ffWastelandNow__title,
.ffSiteStats__title,
.ffVideoBox__title,
.ffSignalBox__title,
.ffRadiationMeter__title {
 text-transform: uppercase !important;
 letter-spacing: .06em !important;
}


/* =========================================================
 V2.7. Более пыльные постапокалиптические изображения
 ========================================================= */

.ffCard img,
.ffSeriesCard__image img,
.ffSoftInfItem__image img,
.ffServerInfItem__image img,
.ffVideoBox__preview img {
 filter:
 contrast(1.08)
 saturate(.82)
 sepia(.14)
 brightness(.94) !important;
}

.ffCard:hover img,
.ffSeriesCard:hover .ffSeriesCard__image img,
.ffSoftInfItem:hover .ffSoftInfItem__image img,
.ffServerInfItem:hover .ffServerInfItem__image img,
.ffVideoBox__preview:hover img {
 filter:
 contrast(1.12)
 saturate(.92)
 sepia(.10)
 brightness(1.02) !important;
}


/* =========================================================
 V2.8. FILE / SERVER ID — терминальная капсула
 ========================================================= */

.ffArchiveCode {
 border-color: rgba(143, 207, 115, .32) !important;
 background:
 radial-gradient(circle at center, rgba(143,207,115,.12), transparent 44px),
 rgba(0,0,0,.26) !important;
 color: #b9e89c !important;
 text-shadow: 0 0 8px rgba(143,207,115,.12);
}


/* =========================================================
 V2.9. Footer terminal без стрелки
 ========================================================= */

.ffFooter__terminal::before {
 content: "" !important;
}


/* =========================================================
 V2.10. Анимации
 ========================================================= */

@keyframes ffRadiationDriftV2 {
 0% {
 transform: translate3d(-2%, -1%, 0) rotate(0deg) scale(1);
 }

 35% {
 transform: translate3d(3%, 2%, 0) rotate(7deg) scale(1.04);
 }

 70% {
 transform: translate3d(-1%, 4%, 0) rotate(14deg) scale(1.02);
 }

 100% {
 transform: translate3d(-2%, -1%, 0) rotate(360deg) scale(1);
 }
}

@keyframes ffGeigerSweepV2 {
 0% {
 left: -90%;
 opacity: 0;
 }

 8% {
 opacity: .55;
 }

 18% {
 opacity: .18;
 }

 30% {
 left: 135%;
 opacity: 0;
 }

 100% {
 left: 135%;
 opacity: 0;
 }
}

@keyframes ffGeigerDotV2 {
 0%, 100% {
 opacity: .65;
 transform: scale(.9);
 box-shadow: 0 0 6px rgba(143, 207, 115, .55);
 }

 45% {
 opacity: 1;
 transform: scale(1.18);
 box-shadow:
 0 0 8px rgba(143, 207, 115, .95),
 0 0 18px rgba(143, 207, 115, .35);
 }
}

@keyframes ffGeigerNumberV2 {
 0%, 100% {
 opacity: .65;
 }

 40% {
 opacity: 1;
 }

 52% {
 opacity: .45;
 }
}


/* =========================================================
 V2.11. Мобильная коррекция
 ========================================================= */

@media (max-width: 720px) {
 .ffHeaderInfo__top {
 justify-content: flex-start !important;
 gap: 4px !important;
 }

 .ffHeaderBadge,
 .ffHeaderStatus,
 .ffGeigerCounter {
 padding: 5px 6px !important;
 font-size: 8px !important;
 letter-spacing: .035em !important;
 }
}

/* ===== END FalloutFanatics V2 ===== */








/* =========================================================
   Страница списка материалов раздела статей
   ========================================================= */

.ffSectionListPage {
  display: grid;
  gap: 18px;
}



/* Панель навигации архива */

.ffArchiveTools {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(242, 210, 122, .18);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(143,207,115,.08), transparent 220px),
    rgba(0,0,0,.18);
}

.ffArchiveTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffArchiveTools__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid rgba(242, 210, 122, .18);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.22)),
    linear-gradient(90deg, rgba(143,207,115,.075), rgba(184,121,59,.10)),
    #181d13;
  color: #f2d27a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.ffArchiveTools__links a:hover {
  color: #b9e89c;
  border-color: rgba(143,207,115,.38);
  box-shadow: 0 0 14px rgba(143,207,115,.10);
}

.ffArchiveTools__search {
  padding: 10px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: rgba(0,0,0,.18);
}

.ffArchiveTools__search input[type="text"],
.ffArchiveTools__search input[type="search"] {
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(143,207,115,.28);
  border-radius: 10px;
  background: #090b08;
  color: #b9e89c;
}


/* Категории */

.ffArchiveCats {
  overflow: hidden;
  border: 1px solid rgba(242, 210, 122, .20);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(143,207,115,.08), transparent 240px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18)),
    rgba(14,17,12,.96);
}

.ffArchiveCats__title {
  padding: 11px 14px;
  border-bottom: 1px solid rgba(242, 210, 122, .16);
  background:
    linear-gradient(90deg, rgba(143,207,115,.14), rgba(242,210,122,.08));
  color: #f2d27a;
  font: 700 12px/1.2 Verdana, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffArchiveCats__body {
  padding: 12px;
  color: #cfc7b6;
}

.ffArchiveCats__body a {
  display: inline-flex;
  margin: 3px;
  padding: 6px 9px;
  border: 1px solid rgba(242,210,122,.16);
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  color: #dcd5c4;
  font-size: 11px;
}

.ffArchiveCats__body a:hover {
  color: #b9e89c;
  border-color: rgba(143,207,115,.34);
}


/* Список материалов */

.ffMaterialsList {
  overflow: hidden;
  border: 1px solid rgba(242, 210, 122, .20);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(143,207,115,.08), transparent 260px),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20)),
    rgba(14,17,12,.96);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.26);
}

.ffMaterialsList__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(242,210,122,.16);
  background:
    linear-gradient(90deg, rgba(143,207,115,.13), rgba(242,210,122,.075));
}

.ffMaterialsList__head span {
  display: block;
  margin-bottom: 4px;
  color: #b9e89c;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.ffMaterialsList__head h2 {
  margin: 0;
  color: #f2d27a;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.ffMaterialsList__status {
  flex: 0 0 auto;
  padding: 7px 10px;
  border: 1px solid rgba(143,207,115,.26);
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  text-align: center;
}

.ffMaterialsList__status span {
  margin: 0 0 3px;
  color: #8d887b;
  font-size: 8px;
}

.ffMaterialsList__status b {
  color: #b9e89c;
  font-size: 11px;
}

.ffMaterialsList__body {
  padding: 14px;
}

/* Если $BODY$ выводит таблицы uCoz, делаем их мягче */
.ffMaterialsList__body table {
  max-width: 100%;
}

.ffMaterialsList__body .eTitle,
.ffMaterialsList__body .entryTitle,
.ffMaterialsList__body .post-title {
  color: #f2d27a;
}

.ffMaterialsList__body a {
  color: #b9e89c;
}

.ffMaterialsList__body a:hover {
  color: #f2d27a;
}


/* Адаптация */


  .ffMaterialsList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffMaterialsList__status {
    width: 100%;
  }
}


  .ffArchiveTools__links a {
    width: 100%;
  }
}




/* =========================================================
   Страница материала и комментариев к нему
   FalloutFanatics — Entry Page
   ========================================================= */

.ffEntryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* =========================================================
   Hero материала
   ========================================================= */

.ffEntryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .20), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEntryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEntryHero > * {
  position: relative;
  z-index: 1;
}

.ffEntryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffEntryHero__badge,
.ffEntryHero__cat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEntryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffEntryHero__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEntryHero h1 {
  margin: 0 0 14px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEntryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ffEntryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEntryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEntryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffEntryHero__meta b a {
  color: #f0d887;
}

.ffEntryHero__meta b a:hover {
  color: #b7e08b;
}


/* =========================================================
   Обложка материала
   ========================================================= */

.ffEntryCover {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background: #070808;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEntryCover img {
  display: block;
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}


/* =========================================================
   Основной текст материала
   ========================================================= */

.ffEntryContent {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEntryText {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
}

.ffEntryText p {
  margin: 0 0 15px;
}

.ffEntryText h2,
.ffEntryText h3,
.ffEntryText h4 {
  margin-top: 22px;
  margin-bottom: 10px;
  color: #edd488;
}

.ffEntryText h2 {
  font-size: 25px;
}

.ffEntryText h3 {
  font-size: 21px;
}

.ffEntryText h4 {
  font-size: 18px;
}

.ffEntryText ul,
.ffEntryText ol {
  margin: 0 0 16px 20px;
  padding: 0;
}

.ffEntryText ul {
  list-style: disc;
}

.ffEntryText ol {
  list-style: decimal;
}

.ffEntryText li {
  margin-bottom: 7px;
}

.ffEntryText a {
  color: #d9bc68;
  border-bottom: 1px dashed rgba(217, 188, 104, .35);
}

.ffEntryText a:hover {
  color: #fff0ad;
  border-color: rgba(255, 240, 173, .55);
}

.ffEntryText img {
  max-width: 100%;
  height: auto;
  margin: 14px auto;
  border-radius: 14px;
  border: 1px solid rgba(134, 113, 44, .35);
}

.ffEntryText blockquote {
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 3px solid #b7e08b;
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
  color: #d8d0b5;
}

.ffEntryText table {
  width: 100%;
  max-width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  border: 1px solid rgba(134, 113, 44, .35);
  background: rgba(10, 11, 11, .45);
}

.ffEntryText th,
.ffEntryText td {
  padding: 10px;
  border: 1px solid rgba(134, 113, 44, .22);
  color: #d8d0b5;
}

.ffEntryText th {
  color: #f0d887;
  background: rgba(74, 98, 47, .18);
}


/* =========================================================
   Модерация / предупреждения
   ========================================================= */

.ffEntryModer {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .35);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
}

.ffEntryWarning {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* =========================================================
   Вложения
   ========================================================= */

.ffEntryAttachments {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryAttachments a {
  color: #d9bc68;
}

.ffEntryAttachments a:hover {
  color: #fff0ad;
}


/* =========================================================
   Теги / категории
   ========================================================= */

.ffEntryTags,
.ffEntryCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryTags__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEntryTags__body,
.ffEntryCats {
  padding: 14px;
  color: #d8cfb0;
}

.ffEntryTags__body a,
.ffEntryCats a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEntryTags__body a:hover,
.ffEntryCats a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   Панель статуса материала
   ========================================================= */

.ffEntryPanel {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryPanel__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffEntryPanel__item {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEntryPanel__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEntryPanel__item b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffEntryPanel__item a {
  color: #f0d887;
}

.ffEntryPanel__item a:hover {
  color: #b7e08b;
}

.ffEntryRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffEntryRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* =========================================================
   Блок загрузки файла
   ========================================================= */

.ffEntryDownload {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .18), transparent 36%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryDownload span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEntryDownload b {
  display: block;
  margin-top: 5px;
  color: #d8d0b5;
  font-size: 14px;
}

.ffEntryDownload a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEntryDownload a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   Предыдущий / следующий материал
   ========================================================= */

.ffEntryNavOnly {
  padding: 12px 14px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
  color: #cdbf96;
}

.ffEntryNavOnly span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEntryNavOnly a {
  color: #e0c46f;
  font-weight: 700;
}

.ffEntryNavOnly a:hover {
  color: #fff0ad;
}

.ffEntryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEntryNav a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   Комментарии
   ========================================================= */

.ffEntryComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEntryComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEntryComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEntryComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEntryComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEntryComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffEntryComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffEntryComments__body table {
  width: 100%;
}

.ffEntryComments__body a {
  color: #d9bc68;
}

.ffEntryComments__body a:hover {
  color: #fff0ad;
}

.ffEntryComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffEntryComments__pages a,
.ffEntryComments__pages b,
.ffEntryComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffEntryComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffEntryComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEntryComments__form input[type="text"],
.ffEntryComments__form textarea,
.ffEntryComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffEntryComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffEntryComments__form input[type="submit"],
.ffEntryComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* =========================================================
   Адаптация страницы материала
   ========================================================= */

@media (max-width: 980px) {
  .ffEntryHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffEntryPanel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffEntryDownload {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEntryDownload a {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .ffEntryHero h1 {
    font-size: 26px;
  }

  .ffEntryHero__meta,
  .ffEntryPanel__grid {
    grid-template-columns: 1fr;
  }

  .ffEntryContent,
  .ffEntryPanel,
  .ffEntryAttachments,
  .ffEntryDownload,
  .ffEntryNav,
  .ffEntryComments__head,
  .ffEntryComments__body,
  .ffEntryComments__form {
    padding: 12px;
  }

  .ffEntryComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEntryComments__count {
    width: 100%;
  }

  .ffEntryComments__head h2 {
    font-size: 22px;
  }
}






/* =========================================================
   Вид материалов статей — карточка в списке
   ========================================================= */

.ffArticleItem {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  min-height: 220px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffArticleItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffArticleItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffArticleItem > * {
  position: relative;
  z-index: 1;
}

.ffArticleItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}

.ffArticleItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffArticleItem__image img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffArticleItem:hover .ffArticleItem__image img {
  transform: scale(1.025);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffArticleItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 190px;
  color: #d7ba65;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffArticleItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffArticleItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffArticleItem__cat,
.ffArticleItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffArticleItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffArticleItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffArticleItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffArticleItem__title a {
  color: #edd488;
}

.ffArticleItem__title a:hover {
  color: #fff0ad;
}

.ffArticleItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffArticleItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffArticleItem__meta a {
  color: #b7e08b;
}

.ffArticleItem__meta a:hover {
  color: #fff0ad;
}

.ffArticleItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffArticleItem__desc p {
  margin: 0;
}

.ffArticleItem__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 12px;
}

.ffArticleItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffArticleItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffArticleItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffArticleItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffArticleItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffArticleItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffArticleItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffArticleItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffArticleItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffArticleItem__download {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .38) !important;
}

.ffArticleItem__comments {
  color: #d8d0b5 !important;
}

.ffArticleItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* =========================================================
   Адаптация карточки материала
   ========================================================= */

@media (max-width: 980px) {
  .ffArticleItem {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ffArticleItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffArticleItem {
    grid-template-columns: 1fr;
  }

  .ffArticleItem__image,
  .ffArticleItem__image img,
  .ffArticleItem__placeholder {
    min-height: 180px;
  }

  .ffArticleItem__title {
    font-size: 21px;
  }

  .ffArticleItem__stats {
    grid-template-columns: 1fr;
  }

  .ffArticleItem__bottom a {
    width: 100%;
  }
}




/* =========================================================
   Страница добавления/редактирования материала
   FalloutFanatics — Edit/Add Page
   ========================================================= */

.ffEditPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero редактора */

.ffEditHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .20), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEditHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEditHero > * {
  position: relative;
  z-index: 1;
}

.ffEditHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffEditHero__badge,
.ffEditHero__module {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEditHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffEditHero__module:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEditHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEditHero__text {
  max-width: 820px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffEditHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffEditHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEditHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEditHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffEditHero__meta a {
  color: #f0d887;
}

.ffEditHero__meta a:hover {
  color: #b7e08b;
}


/* Уведомление редактора */

.ffEditNotice {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(216, 138, 104, .34);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .14), transparent 38%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
}

.ffEditNotice__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background: rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 24px;
  font-weight: 700;
}

.ffEditNotice__body strong {
  display: block;
  margin-bottom: 4px;
  color: #e8b394;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEditNotice__body span {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}


/* Категории */

.ffEditCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEditCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEditCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffEditCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEditCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Блок формы */

.ffEditFormBox {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEditFormBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEditFormBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEditFormBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEditFormBox__status {
  min-width: 86px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEditFormBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEditFormBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffEditFormBox__body {
  padding: 16px;
  color: #d8d0b5;
}


/* Стилизация uCoz-форм внутри $BODY$ */

.ffEditFormBox__body table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  color: #d8d0b5;
}

.ffEditFormBox__body td {
  padding: 8px;
  color: #d8d0b5;
  vertical-align: top;
}

.ffEditFormBox__body label,
.ffEditFormBox__body .manTd1,
.ffEditFormBox__body .manTd2 {
  color: #d8d0b5;
}

.ffEditFormBox__body input[type="text"],
.ffEditFormBox__body input[type="password"],
.ffEditFormBox__body input[type="file"],
.ffEditFormBox__body input[type="url"],
.ffEditFormBox__body input[type="email"],
.ffEditFormBox__body textarea,
.ffEditFormBox__body select {
  width: 100%;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
  font: 14px/1.4 Arial, Helvetica, sans-serif;
  outline: none;
}

.ffEditFormBox__body textarea {
  min-height: 180px;
  resize: vertical;
}

.ffEditFormBox__body input[type="file"] {
  padding: 8px;
  color: #d8d0b5;
  font: 13px/1.35 "Segoe UI", Verdana, Arial, sans-serif;
  cursor: pointer;
}

.ffEditFormBox__body input[type="file"]::file-selector-button {
  margin-right: 10px;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .58), rgba(22, 28, 16, .82));
  color: #f0d98b;
  font: 700 11px/1 "Segoe UI", Verdana, Arial, sans-serif;
  letter-spacing: .03em;
  cursor: pointer;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.ffEditFormBox__body input[type="file"]::-webkit-file-upload-button {
  margin-right: 10px;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .58), rgba(22, 28, 16, .82));
  color: #f0d98b;
  font: 700 11px/1 "Segoe UI", Verdana, Arial, sans-serif;
  letter-spacing: .03em;
  cursor: pointer;
}

.ffEditFormBox__body input[type="file"]:hover::file-selector-button,
.ffEditFormBox__body input[type="file"]:hover::-webkit-file-upload-button {
  border-color: rgba(205, 173, 79, .55);
  background:
    linear-gradient(180deg, rgba(101, 120, 57, .62), rgba(28, 34, 20, .86));
  color: #fff0ad;
}

.ffEditFormBox__body input:focus,
.ffEditFormBox__body textarea:focus,
.ffEditFormBox__body select:focus {
  border-color: rgba(183, 224, 139, .55);
  box-shadow: 0 0 0 3px rgba(92, 132, 59, .18);
}

.ffEditFormBox__body input[type="checkbox"],
.ffEditFormBox__body input[type="radio"] {
  width: auto;
  min-height: auto;
}

.ffEditFormBox__body input[type="submit"],
.ffEditFormBox__body input[type="reset"],
.ffEditFormBox__body input[type="button"],
.ffEditFormBox__body button {
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEditFormBox__body input[type="reset"] {
  border-color: rgba(129, 110, 46, .34);
  background:
    linear-gradient(180deg, rgba(44, 48, 31, .62), rgba(14, 16, 11, .82));
  color: #ddd2af;
}

.ffEditFormBox__body input[type="submit"]:hover,
.ffEditFormBox__body input[type="reset"]:hover,
.ffEditFormBox__body input[type="button"]:hover,
.ffEditFormBox__body button:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEditFormBox__body .uComForm,
.ffEditFormBox__body .manTable,
.ffEditFormBox__body .formTable {
  width: 100%;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 14px;
  background: rgba(10, 11, 11, .35);
  overflow: hidden;
}


/* Навигация */

.ffEditNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEditNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEditNav a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Адаптация страницы добавления/редактирования */

@media (max-width: 980px) {
  .ffEditHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffEditFormBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEditFormBox__status {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .ffEditHero h1 {
    font-size: 26px;
  }

  .ffEditHero__meta {
    grid-template-columns: 1fr;
  }

  .ffEditNotice {
    grid-template-columns: 1fr;
  }

  .ffEditNotice__icon {
    width: 100%;
  }

  .ffEditHero,
  .ffEditFormBox__body,
  .ffEditFormBox__head,
  .ffEditCats__body,
  .ffEditNav {
    padding: 12px;
  }

  .ffEditFormBox__head h2 {
    font-size: 22px;
  }

  .ffEditNav a {
    width: 100%;
    justify-content: center;
  }
}


/* =========================================================
   Главная страница музыки
   FalloutFanatics — Music Main Page
   ========================================================= */

.ffMusicPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero музыки */

.ffMusicHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffMusicHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffMusicHero > * {
  position: relative;
  z-index: 1;
}

.ffMusicHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffMusicHero__badge,
.ffMusicHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffMusicHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffMusicHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffMusicHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffMusicHero__text {
  max-width: 820px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffMusicHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffMusicHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffMusicHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffMusicHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль радиостанции */

.ffMusicConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffMusicConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffMusicConsole__line {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffMusicConsole__line span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffMusicConsole__line b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffMusicConsole__wave {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 78px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .14), transparent 52%),
    rgba(5, 8, 5, .52);
}

.ffMusicConsole__wave span {
  display: block;
  width: 7px;
  height: 22px;
  border-radius: 999px;
  background: #b7e08b;
  box-shadow: 0 0 10px rgba(183, 224, 139, .28);
  animation: ffMusicWave 1.2s ease-in-out infinite;
}

.ffMusicConsole__wave span:nth-child(2) {
  animation-delay: .1s;
}

.ffMusicConsole__wave span:nth-child(3) {
  animation-delay: .2s;
}

.ffMusicConsole__wave span:nth-child(4) {
  animation-delay: .3s;
}

.ffMusicConsole__wave span:nth-child(5) {
  animation-delay: .4s;
}

.ffMusicConsole__wave span:nth-child(6) {
  animation-delay: .5s;
}

.ffMusicConsole__wave span:nth-child(7) {
  animation-delay: .6s;
}

@keyframes ffMusicWave {
  0%, 100% {
    height: 18px;
    opacity: .55;
  }

  50% {
    height: 58px;
    opacity: 1;
  }
}


/* Навигация музыки */

.ffMusicTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffMusicTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffMusicTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffMusicTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffMusicTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffMusicTools__search input[type="text"],
.ffMusicTools__search input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории музыки */

.ffMusicCats,
.ffMusicArchive {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffMusicCats__title,
.ffMusicArchive__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffMusicCats__body,
.ffMusicArchive__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffMusicCats__body a,
.ffMusicArchive__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffMusicCats__body a:hover,
.ffMusicArchive__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список музыки */

.ffMusicList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffMusicList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffMusicList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffMusicList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffMusicList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffMusicList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffMusicList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffMusicList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffMusicList__body a {
  color: #d9bc68;
}

.ffMusicList__body a:hover {
  color: #fff0ad;
}


/* Адаптация музыки */

@media (max-width: 980px) {
  .ffMusicHero__meta,
  .ffMusicConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffMusicConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffMusicHero h1 {
    font-size: 26px;
  }

  .ffMusicHero__meta,
  .ffMusicConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffMusicHero,
  .ffMusicTools,
  .ffMusicCats__body,
  .ffMusicArchive__body,
  .ffMusicList__head,
  .ffMusicList__body {
    padding: 12px;
  }

  .ffMusicList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffMusicList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком материалов раздела
   FalloutFanatics — Section List Page
   ========================================================= */

.ffSectionListPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero раздела */

.ffSectionHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .20), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffSectionHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffSectionHero > * {
  position: relative;
  z-index: 1;
}

.ffSectionHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffSectionHero__badge,
.ffSectionHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffSectionHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffSectionHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffSectionHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffSectionHero__text {
  max-width: 820px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffSectionHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffSectionHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffSectionHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffSectionHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffSectionHero__meta a {
  color: #f0d887;
}

.ffSectionHero__meta a:hover {
  color: #b7e08b;
}


/* Навигация раздела */

.ffArchiveTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffArchiveTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffArchiveTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffArchiveTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffArchiveTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffArchiveTools__search input[type="text"],
.ffArchiveTools__search input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории */

.ffArchiveCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffArchiveCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffArchiveCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffArchiveCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffArchiveCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список материалов */

.ffMaterialsList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffMaterialsList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffMaterialsList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffMaterialsList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffMaterialsList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffMaterialsList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffMaterialsList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffMaterialsList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffMaterialsList__body a {
  color: #d9bc68;
}

.ffMaterialsList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffArchivePagination {
  padding: 14px 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffArchivePagination__info {
  color: #cbbf99;
}

.ffArchivePagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffArchivePagination__info b {
  color: #f0d887;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffSectionHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffSectionHero h1 {
    font-size: 26px;
  }

  .ffSectionHero__meta {
    grid-template-columns: 1fr;
  }

  .ffSectionHero,
  .ffArchiveTools,
  .ffArchiveCats__body,
  .ffMaterialsList__head,
  .ffMaterialsList__body,
  .ffArchivePagination {
    padding: 12px;
  }

  .ffMaterialsList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffMaterialsList__status {
    width: 100%;
  }
}


/* =========================================================
   Страница архива материалов
   FalloutFanatics — Archive Page
   ========================================================= */

.ffArchivePage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero архива */

.ffArchiveHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .20), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffArchiveHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffArchiveHero > * {
  position: relative;
  z-index: 1;
}

.ffArchiveHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffArchiveHero__badge,
.ffArchiveHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffArchiveHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffArchiveHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffArchiveHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffArchiveHero__text {
  max-width: 840px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffArchiveHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffArchiveHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffArchiveHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffArchiveHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffArchiveHero__meta a {
  color: #f0d887;
}

.ffArchiveHero__meta a:hover {
  color: #b7e08b;
}


/* Фильтры архива */

.ffArchiveFilters {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffArchiveFilters__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffArchiveFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffArchiveFilters__grid div {
  min-width: 0;
}

.ffArchiveFilters select,
.ffArchiveFilters input[type="text"],
.ffArchiveFilters input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Архивные месяцы / календарь */

.ffArchiveCalendarBox {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffArchiveCalendarBox__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffArchiveCalendarBox__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffArchiveCalendarBox__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffArchiveCalendarBox__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffArchiveCalendarBox__body table {
  width: 100%;
  border-collapse: collapse;
  color: #d8d0b5;
}

.ffArchiveCalendarBox__body td,
.ffArchiveCalendarBox__body th {
  padding: 8px;
  border: 1px solid rgba(113, 98, 44, .18);
  text-align: center;
}

.ffArchiveCalendarBox__body th {
  color: #f0d887;
  background: rgba(74, 98, 47, .16);
}


/* Список архива */

.ffArchiveList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffArchiveList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffArchiveList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffArchiveList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffArchiveList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffArchiveList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffArchiveList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffArchiveList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffArchiveList__body a {
  color: #d9bc68;
}

.ffArchiveList__body a:hover {
  color: #fff0ad;
}


/* Адаптация архива */

@media (max-width: 980px) {
  .ffArchiveHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffArchiveFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffArchiveHero h1 {
    font-size: 26px;
  }

  .ffArchiveHero__meta,
  .ffArchiveFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffArchiveHero,
  .ffArchiveFilters__grid,
  .ffArchiveCalendarBox__body,
  .ffArchiveList__head,
  .ffArchiveList__body {
    padding: 12px;
  }

  .ffArchiveList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffArchiveList__status {
    width: 100%;
  }
}




/* Краткое описание материала в hero */

.ffEntryHero__brief {
  max-width: 840px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffEntryHero__brief p {
  margin: 0;
}

.ffEntryHero__brief a {
  color: #d9bc68;
  border-bottom: 1px dashed rgba(217, 188, 104, .35);
}

.ffEntryHero__brief a:hover {
  color: #fff0ad;
  border-color: rgba(255, 240, 173, .55);
}




/* =========================================================
   Вид материалов — универсальная карточка
   FalloutFanatics / Music / Archive Item
   ========================================================= */

.ffMaterialItem {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  min-height: 210px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffMaterialItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffMaterialItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffMaterialItem > * {
  position: relative;
  z-index: 1;
}


/* Код материала */

.ffMaterialItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Обложка */

.ffMaterialItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffMaterialItem__image img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffMaterialItem:hover .ffMaterialItem__image img {
  transform: scale(1.025);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffMaterialItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 180px;
  color: #d7ba65;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Тело карточки */

.ffMaterialItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffMaterialItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffMaterialItem__cat,
.ffMaterialItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffMaterialItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffMaterialItem__status--wait {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffMaterialItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffMaterialItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffMaterialItem__title a {
  color: #edd488;
}

.ffMaterialItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffMaterialItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffMaterialItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffMaterialItem__meta a {
  color: #b7e08b;
}

.ffMaterialItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffMaterialItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffMaterialItem__desc p {
  margin: 0;
}


/* Статистика */

.ffMaterialItem__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 12px;
}

.ffMaterialItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffMaterialItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffMaterialItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffMaterialItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffMaterialItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffMaterialItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Нижние кнопки */

.ffMaterialItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffMaterialItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffMaterialItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffMaterialItem__comments {
  color: #d8d0b5 !important;
}


/* Модераторская панель */

.ffMaterialItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 980px) {
  .ffMaterialItem {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ffMaterialItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffMaterialItem {
    grid-template-columns: 1fr;
  }

  .ffMaterialItem__image,
  .ffMaterialItem__image img,
  .ffMaterialItem__placeholder {
    min-height: 180px;
  }

  .ffMaterialItem__title {
    font-size: 21px;
  }

  .ffMaterialItem__stats {
    grid-template-columns: 1fr;
  }

  .ffMaterialItem__bottom a {
    width: 100%;
  }
}



.ffAudioPlayer {
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 14px;
  background: #0d0f0e;
}



/* =========================================================
   Аудиоплеер материала
   ========================================================= */

.ffEntryAudioBox {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEntryAudioBox__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.ffEntryAudioBox__head span {
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEntryAudioBox__head b {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffAudioPlayer {
  display: block;
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 14px;
  background: #0d0f0e;
}



/* =========================================================
   Главная страница каталога энциклопедии
   FalloutFanatics — Encyclopedia Catalog Main
   ========================================================= */

.ffEncyclopediaPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero энциклопедии */

.ffEncyclopediaHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEncyclopediaHero > * {
  position: relative;
  z-index: 1;
}

.ffEncyclopediaHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffEncyclopediaHero__badge,
.ffEncyclopediaHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffEncyclopediaHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEncyclopediaHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffEncyclopediaHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffEncyclopediaHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEncyclopediaHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEncyclopediaHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль энциклопедии */

.ffEncyclopediaConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffEncyclopediaConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffEncyclopediaConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffEncyclopediaConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEncyclopediaConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffEncyclopediaConsole__note {
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .14), transparent 52%),
    rgba(5, 8, 5, .52);
}

.ffEncyclopediaConsole__note strong {
  display: block;
  margin-bottom: 6px;
  color: #f0d887;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.ffEncyclopediaConsole__note span {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}


/* Навигация энциклопедии */

.ffEncyclopediaTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffEncyclopediaTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffEncyclopediaTools__search input[type="text"],
.ffEncyclopediaTools__search input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории */

.ffEncyclopediaCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffEncyclopediaCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список записей */

.ffEncyclopediaList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEncyclopediaList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEncyclopediaList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEncyclopediaList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffEncyclopediaList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffEncyclopediaList__body a {
  color: #d9bc68;
}

.ffEncyclopediaList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffEncyclopediaPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaPagination__info {
  color: #cbbf99;
}

.ffEncyclopediaPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffEncyclopediaPagination__info b {
  color: #f0d887;
}

.ffEncyclopediaPagination__links a,
.ffEncyclopediaPagination__links b,
.ffEncyclopediaPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация энциклопедии */

@media (max-width: 980px) {
  .ffEncyclopediaHero__meta,
  .ffEncyclopediaConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffEncyclopediaConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffEncyclopediaHero h1 {
    font-size: 26px;
  }

  .ffEncyclopediaHero__meta,
  .ffEncyclopediaConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffEncyclopediaHero,
  .ffEncyclopediaTools,
  .ffEncyclopediaCats__body,
  .ffEncyclopediaList__head,
  .ffEncyclopediaList__body,
  .ffEncyclopediaPagination {
    padding: 12px;
  }

  .ffEncyclopediaList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEncyclopediaList__status {
    width: 100%;
  }
}






/* =========================================================
   Страница со списком материалов раздела энциклопедии
   FalloutFanatics — Encyclopedia Section List
   ========================================================= */

.ffEncyclopediaSectionPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero раздела */

.ffEncyclopediaSectionHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaSectionHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEncyclopediaSectionHero > * {
  position: relative;
  z-index: 1;
}

.ffEncyclopediaSectionHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffEncyclopediaSectionHero__badge,
.ffEncyclopediaSectionHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaSectionHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffEncyclopediaSectionHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaSectionHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEncyclopediaSectionHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffEncyclopediaSectionHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffEncyclopediaSectionHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEncyclopediaSectionHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEncyclopediaSectionHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Навигация */

.ffEncyclopediaSectionTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaSectionTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffEncyclopediaSectionTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaSectionTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaSectionTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffEncyclopediaSectionTools__search input[type="text"],
.ffEncyclopediaSectionTools__search input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Сортировка */

.ffEncyclopediaSorting {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaSorting__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaSorting__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffEncyclopediaSorting__body select,
.ffEncyclopediaSorting__body input[type="text"],
.ffEncyclopediaSorting__body input[type="search"] {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории */

.ffEncyclopediaSectionCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaSectionCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaSectionCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffEncyclopediaSectionCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaSectionCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список материалов */

.ffEncyclopediaSectionList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaSectionList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaSectionList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaSectionList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEncyclopediaSectionList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEncyclopediaSectionList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEncyclopediaSectionList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffEncyclopediaSectionList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffEncyclopediaSectionList__body a {
  color: #d9bc68;
}

.ffEncyclopediaSectionList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffEncyclopediaSectionPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaSectionPagination__info {
  color: #cbbf99;
}

.ffEncyclopediaSectionPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffEncyclopediaSectionPagination__info b {
  color: #f0d887;
}

.ffEncyclopediaSectionPagination__links a,
.ffEncyclopediaSectionPagination__links b,
.ffEncyclopediaSectionPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffEncyclopediaSectionHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffEncyclopediaSectionHero h1 {
    font-size: 26px;
  }

  .ffEncyclopediaSectionHero__meta {
    grid-template-columns: 1fr;
  }

  .ffEncyclopediaSectionHero,
  .ffEncyclopediaSectionTools,
  .ffEncyclopediaSorting__body,
  .ffEncyclopediaSectionCats__body,
  .ffEncyclopediaSectionList__head,
  .ffEncyclopediaSectionList__body,
  .ffEncyclopediaSectionPagination {
    padding: 12px;
  }

  .ffEncyclopediaSectionList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEncyclopediaSectionList__status {
    width: 100%;
  }
}




/* =========================================================
   Страница со списком материалов категории энциклопедии
   FalloutFanatics — Encyclopedia Category List
   ========================================================= */

.ffEncyclopediaCategoryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero категории */

.ffEncyclopediaCategoryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaCategoryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEncyclopediaCategoryHero > * {
  position: relative;
  z-index: 1;
}

.ffEncyclopediaCategoryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffEncyclopediaCategoryHero__badge,
.ffEncyclopediaCategoryHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaCategoryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffEncyclopediaCategoryHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaCategoryHero__main {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.ffEncyclopediaCategoryHero__image {
  overflow: hidden;
  min-height: 160px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffEncyclopediaCategoryHero__image img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}

.ffEncyclopediaCategoryHero__content {
  min-width: 0;
}

.ffEncyclopediaCategoryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEncyclopediaCategoryHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffEncyclopediaCategoryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffEncyclopediaCategoryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffEncyclopediaCategoryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEncyclopediaCategoryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffEncyclopediaCategoryHero__meta a {
  color: #f0d887;
}

.ffEncyclopediaCategoryHero__meta a:hover {
  color: #b7e08b;
}


/* Навигация */

.ffEncyclopediaCategoryTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaCategoryTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffEncyclopediaCategoryTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaCategoryTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffEncyclopediaCategoryTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffEncyclopediaCategoryTools__search input[type="text"],
.ffEncyclopediaCategoryTools__search input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Сортировка */

.ffEncyclopediaCategorySorting,
.ffEncyclopediaCategoryFilters,
.ffEncyclopediaCategoryCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaCategorySorting__title,
.ffEncyclopediaCategoryFilters__title,
.ffEncyclopediaCategoryCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaCategorySorting__body,
.ffEncyclopediaCategoryCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffEncyclopediaCategorySorting__body select,
.ffEncyclopediaCategorySorting__body input[type="text"],
.ffEncyclopediaCategorySorting__body input[type="search"] {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Фильтры */

.ffEncyclopediaCategoryFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffEncyclopediaCategoryFilters__grid div {
  min-width: 0;
}

.ffEncyclopediaCategoryFilters select,
.ffEncyclopediaCategoryFilters input[type="text"],
.ffEncyclopediaCategoryFilters input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Соседние категории */

.ffEncyclopediaCategoryCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffEncyclopediaCategoryCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список материалов */

.ffEncyclopediaCategoryList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEncyclopediaCategoryList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEncyclopediaCategoryList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEncyclopediaCategoryList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEncyclopediaCategoryList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEncyclopediaCategoryList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEncyclopediaCategoryList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffEncyclopediaCategoryList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffEncyclopediaCategoryList__body a {
  color: #d9bc68;
}

.ffEncyclopediaCategoryList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffEncyclopediaCategoryPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffEncyclopediaCategoryPagination__info {
  color: #cbbf99;
}

.ffEncyclopediaCategoryPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffEncyclopediaCategoryPagination__info b {
  color: #f0d887;
}

.ffEncyclopediaCategoryPagination__links a,
.ffEncyclopediaCategoryPagination__links b,
.ffEncyclopediaCategoryPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffEncyclopediaCategoryHero__main {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .ffEncyclopediaCategoryHero__meta,
  .ffEncyclopediaCategoryFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffEncyclopediaCategoryHero__main,
  .ffEncyclopediaCategoryHero__meta,
  .ffEncyclopediaCategoryFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffEncyclopediaCategoryHero h1 {
    font-size: 26px;
  }

  .ffEncyclopediaCategoryHero,
  .ffEncyclopediaCategoryTools,
  .ffEncyclopediaCategorySorting__body,
  .ffEncyclopediaCategoryFilters__grid,
  .ffEncyclopediaCategoryCats__body,
  .ffEncyclopediaCategoryList__head,
  .ffEncyclopediaCategoryList__body,
  .ffEncyclopediaCategoryPagination {
    padding: 12px;
  }

  .ffEncyclopediaCategoryList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEncyclopediaCategoryList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница материала энциклопедии
   FalloutFanatics — Encyclopedia Entry Page
   ========================================================= */

.ffDataEntryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero записи */

.ffDataEntryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffDataEntryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffDataEntryHero > * {
  position: relative;
  z-index: 1;
}

.ffDataEntryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffDataEntryHero__badge,
.ffDataEntryHero__cat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffDataEntryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffDataEntryHero__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffDataEntryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffDataEntryHero__brief {
  max-width: 840px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffDataEntryHero__brief p {
  margin: 0;
}

.ffDataEntryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffDataEntryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffDataEntryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataEntryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffDataEntryHero__meta a {
  color: #f0d887;
}

.ffDataEntryHero__meta a:hover {
  color: #b7e08b;
}


/* Обложка */

.ffDataEntryCover {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background: #070808;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffDataEntryCover img {
  display: block;
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}


/* Связанные материалы */

.ffDataRelatedBox {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataRelatedBox a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffDataRelatedBox a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Контент записи */

.ffDataEntryContent {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffDataEntryText {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
}

.ffDataEntryText p {
  margin: 0 0 15px;
}

.ffDataEntryText h2,
.ffDataEntryText h3,
.ffDataEntryText h4 {
  margin-top: 22px;
  margin-bottom: 10px;
  color: #edd488;
}

.ffDataEntryText h2 {
  font-size: 25px;
}

.ffDataEntryText h3 {
  font-size: 21px;
}

.ffDataEntryText h4 {
  font-size: 18px;
}

.ffDataEntryText ul,
.ffDataEntryText ol {
  margin: 0 0 16px 20px;
  padding: 0;
}

.ffDataEntryText ul {
  list-style: disc;
}

.ffDataEntryText ol {
  list-style: decimal;
}

.ffDataEntryText li {
  margin-bottom: 7px;
}

.ffDataEntryText a {
  color: #d9bc68;
  border-bottom: 1px dashed rgba(217, 188, 104, .35);
}

.ffDataEntryText a:hover {
  color: #fff0ad;
  border-color: rgba(255, 240, 173, .55);
}

.ffDataEntryText img {
  max-width: 100%;
  height: auto;
  margin: 14px auto;
  border-radius: 14px;
  border: 1px solid rgba(134, 113, 44, .35);
}

.ffDataEntryText blockquote {
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 3px solid #b7e08b;
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
  color: #d8d0b5;
}

.ffDataEntryText table {
  width: 100%;
  max-width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  border: 1px solid rgba(134, 113, 44, .35);
  background: rgba(10, 11, 11, .45);
}

.ffDataEntryText th,
.ffDataEntryText td {
  padding: 10px;
  border: 1px solid rgba(134, 113, 44, .22);
  color: #d8d0b5;
}

.ffDataEntryText th {
  color: #f0d887;
  background: rgba(74, 98, 47, .18);
}


/* Модерация / предупреждения */

.ffDataEntryModer {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .35);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
}

.ffDataEntryWarning {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* Теги / категории */

.ffDataEntryTags,
.ffDataEntryCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataEntryTags__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffDataEntryTags__body,
.ffDataEntryCats {
  padding: 14px;
  color: #d8cfb0;
}

.ffDataEntryTags__body a,
.ffDataEntryCats a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffDataEntryTags__body a:hover,
.ffDataEntryCats a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Панель параметров */

.ffDataEntryPanel {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataEntryPanel__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffDataEntryPanel__item {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffDataEntryPanel__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataEntryPanel__item b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffDataEntryPanel__item a {
  color: #f0d887;
}

.ffDataEntryPanel__item a:hover {
  color: #b7e08b;
}

.ffDataEntryRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffDataEntryRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Навигация записи */

.ffDataEntryNavOnly {
  padding: 12px 14px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
  color: #cdbf96;
}

.ffDataEntryNavOnly span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataEntryNavOnly a {
  color: #e0c46f;
  font-weight: 700;
}

.ffDataEntryNavOnly a:hover {
  color: #fff0ad;
}

.ffDataEntryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataEntryNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffDataEntryNav a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Комментарии */

.ffDataEntryComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataEntryComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffDataEntryComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffDataEntryComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffDataEntryComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffDataEntryComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffDataEntryComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffDataEntryComments__body table {
  width: 100%;
}

.ffDataEntryComments__body a {
  color: #d9bc68;
}

.ffDataEntryComments__body a:hover {
  color: #fff0ad;
}

.ffDataEntryComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffDataEntryComments__pages a,
.ffDataEntryComments__pages b,
.ffDataEntryComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffDataEntryComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffDataEntryComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffDataEntryComments__form input[type="text"],
.ffDataEntryComments__form textarea,
.ffDataEntryComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffDataEntryComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffDataEntryComments__form input[type="submit"],
.ffDataEntryComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffDataEntryHero__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffDataEntryPanel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffDataEntryHero h1 {
    font-size: 26px;
  }

  .ffDataEntryHero__meta,
  .ffDataEntryPanel__grid {
    grid-template-columns: 1fr;
  }

  .ffDataEntryContent,
  .ffDataEntryPanel,
  .ffDataRelatedBox,
  .ffDataEntryNav,
  .ffDataEntryComments__head,
  .ffDataEntryComments__body,
  .ffDataEntryComments__form {
    padding: 12px;
  }

  .ffDataEntryComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffDataEntryComments__count {
    width: 100%;
  }

  .ffDataEntryComments__head h2 {
    font-size: 22px;
  }
}



/* =========================================================
   Вид материалов энциклопедии
   FalloutFanatics — Data Item Card
   ========================================================= */

.ffDataItem {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  min-height: 210px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffDataItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffDataItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffDataItem > * {
  position: relative;
  z-index: 1;
}


/* Код записи */

.ffDataItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Изображение */

.ffDataItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffDataItem__image img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffDataItem:hover .ffDataItem__image img {
  transform: scale(1.025);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffDataItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 180px;
  color: #d7ba65;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Тело */

.ffDataItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffDataItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffDataItem__cat,
.ffDataItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffDataItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffDataItem__status--wait {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffDataItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffDataItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffDataItem__title a {
  color: #edd488;
}

.ffDataItem__title a:hover {
  color: #fff0ad;
}


/* Мета */

.ffDataItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffDataItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffDataItem__meta a {
  color: #b7e08b;
}

.ffDataItem__meta a:hover {
  color: #fff0ad;
}


/* Краткий текст */

.ffDataItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffDataItem__desc p {
  margin: 0;
}


/* Статистика */

.ffDataItem__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 12px;
}

.ffDataItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffDataItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffDataItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffDataItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffDataItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffDataItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РљРЅРѕРїРєРё */

.ffDataItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffDataItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffDataItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffDataItem__comments {
  color: #d8d0b5 !important;
}


/* Модерация */

.ffDataItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 980px) {
  .ffDataItem {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ffDataItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffDataItem {
    grid-template-columns: 1fr;
  }

  .ffDataItem__image,
  .ffDataItem__image img,
  .ffDataItem__placeholder {
    min-height: 180px;
  }

  .ffDataItem__title {
    font-size: 21px;
  }

  .ffDataItem__stats {
    grid-template-columns: 1fr;
  }

  .ffDataItem__bottom a {
    width: 100%;
  }
}





/* =========================================================
   Страница поиска и рейтинга материалов
   FalloutFanatics — Data Search / Rating Page
   ========================================================= */

.ffDataSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero РїРѕРёСЃРєР° */

.ffDataSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffDataSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffDataSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffDataSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffDataSearchHero__badge,
.ffDataSearchHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffDataSearchHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffDataSearchHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffDataSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffDataSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffDataSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffDataSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffDataSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль поиска */

.ffDataSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffDataSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffDataSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffDataSearchConsole__screen span,
.ffDataSearchConsole__note span {
  display: block;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataSearchConsole__screen span {
  margin-bottom: 4px;
}

.ffDataSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffDataSearchConsole__note {
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .14), transparent 52%),
    rgba(5, 8, 5, .52);
}

.ffDataSearchConsole__note strong {
  display: block;
  margin-bottom: 6px;
  color: #f0d887;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.ffDataSearchConsole__note span {
  color: #d8d0b5;
  line-height: 1.55;
  text-transform: none;
  letter-spacing: 0;
}


/* Навигация */

.ffDataSearchTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataSearchTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffDataSearchTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffDataSearchTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Поисковый блок */

.ffDataSearchBox,
.ffDataSearchCats,
.ffDataSearchResults,
.ffDataSearchPagination,
.ffDataSearchSectionInfo {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDataSearchBox__head,
.ffDataSearchResults__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffDataSearchBox__head span,
.ffDataSearchResults__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffDataSearchBox__head h2,
.ffDataSearchResults__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffDataSearchBox__status,
.ffDataSearchResults__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffDataSearchBox__status span,
.ffDataSearchResults__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffDataSearchBox__status b,
.ffDataSearchResults__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffDataSearchBox__body,
.ffDataSearchResults__body,
.ffDataSearchCats__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffDataSearchBox__form input[type="text"],
.ffDataSearchBox__form input[type="search"],
.ffDataSearchBox__form select,
.ffDataSearchBox__form textarea {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffDataSearchBox__form input[type="submit"],
.ffDataSearchBox__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Категории */

.ffDataSearchCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffDataSearchCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffDataSearchCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Информация о разделе */

.ffDataSearchSectionInfo {
  padding: 14px;
}

.ffDataSearchSectionInfo div {
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffDataSearchSectionInfo span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDataSearchSectionInfo b {
  color: #f0d887;
}


/* Результаты */

.ffDataSearchResults {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffDataSearchResults__body a {
  color: #d9bc68;
}

.ffDataSearchResults__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffDataSearchPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffDataSearchPagination__info {
  color: #cbbf99;
}

.ffDataSearchPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffDataSearchPagination__info b {
  color: #f0d887;
}

.ffDataSearchPagination__links a,
.ffDataSearchPagination__links b,
.ffDataSearchPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffDataSearchHero__meta,
  .ffDataSearchConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffDataSearchConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffDataSearchHero h1 {
    font-size: 26px;
  }

  .ffDataSearchHero__meta,
  .ffDataSearchConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffDataSearchHero,
  .ffDataSearchTools,
  .ffDataSearchBox__head,
  .ffDataSearchBox__body,
  .ffDataSearchCats__body,
  .ffDataSearchResults__head,
  .ffDataSearchResults__body,
  .ffDataSearchPagination {
    padding: 12px;
  }

  .ffDataSearchBox__head,
  .ffDataSearchResults__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffDataSearchBox__status,
  .ffDataSearchResults__status {
    width: 100%;
  }
}


/* =========================================================
   Главная страница каталога модов
   FalloutFanatics — Mods Catalog Main
   ========================================================= */

.ffModsCatalogPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero каталога модов */

.ffModsHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModsHero > * {
  position: relative;
  z-index: 1;
}

.ffModsHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffModsHero__badge,
.ffModsHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffModsHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffModsHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffModsHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffModsHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModsHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль загрузок */

.ffModsConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffModsConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffModsConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffModsConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffModsConsole__note {
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .14), transparent 52%),
    rgba(5, 8, 5, .52);
}

.ffModsConsole__note strong {
  display: block;
  margin-bottom: 6px;
  color: #f0d887;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.ffModsConsole__note span {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}


/* Навигация */

.ffModsTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffModsTools__search input[type="text"],
.ffModsTools__search input[type="search"],
.ffModsTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffModsTools__search input[type="submit"],
.ffModsTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Фильтры */

.ffModsFilters,
.ffModsCats,
.ffModsList,
.ffModsPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsFilters__title,
.ffModsCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffModsFilters__grid div {
  min-width: 0;
}

.ffModsFilters select,
.ffModsFilters input[type="text"],
.ffModsFilters input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории */

.ffModsCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffModsCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РЎРїРёСЃРѕРє РјРѕРґРѕРІ */

.ffModsList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffModsList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffModsList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffModsList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffModsList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffModsList__body a {
  color: #d9bc68;
}

.ffModsList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffModsPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffModsPagination__info {
  color: #cbbf99;
}

.ffModsPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffModsPagination__info b {
  color: #f0d887;
}

.ffModsPagination__links a,
.ffModsPagination__links b,
.ffModsPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffModsHero__meta,
  .ffModsConsole__screen,
  .ffModsFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffModsConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffModsHero h1 {
    font-size: 26px;
  }

  .ffModsHero__meta,
  .ffModsConsole__screen,
  .ffModsFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffModsHero,
  .ffModsConsole,
  .ffModsTools,
  .ffModsFilters__grid,
  .ffModsCats__body,
  .ffModsList__head,
  .ffModsList__body,
  .ffModsPagination {
    padding: 12px;
  }

  .ffModsList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsList__status {
    width: 100%;
  }
}







/* =========================================================
   Страница со списком материалов раздела модов
   FalloutFanatics — Mods Section List
   ========================================================= */

.ffModsSectionPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero раздела модов */

.ffModsSectionHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsSectionHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModsSectionHero > * {
  position: relative;
  z-index: 1;
}

.ffModsSectionHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffModsSectionHero__badge,
.ffModsSectionHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsSectionHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffModsSectionHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsSectionHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffModsSectionHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffModsSectionHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffModsSectionHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModsSectionHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsSectionHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Навигация */

.ffModsSectionTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsSectionTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsSectionTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsSectionTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsSectionTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffModsSectionTools__search input[type="text"],
.ffModsSectionTools__search input[type="search"],
.ffModsSectionTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffModsSectionTools__search input[type="submit"],
.ffModsSectionTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Сортировка / фильтры / категории */

.ffModsSectionSorting,
.ffModsSectionFilters,
.ffModsSectionCats,
.ffModsSectionList,
.ffModsSectionPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsSectionSorting__title,
.ffModsSectionFilters__title,
.ffModsSectionCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsSectionSorting__body,
.ffModsSectionCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffModsSectionSorting__body select,
.ffModsSectionSorting__body input[type="text"],
.ffModsSectionSorting__body input[type="search"] {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Фильтры */

.ffModsSectionFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffModsSectionFilters__grid div {
  min-width: 0;
}

.ffModsSectionFilters select,
.ffModsSectionFilters input[type="text"],
.ffModsSectionFilters input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Категории */

.ffModsSectionCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsSectionCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РЎРїРёСЃРѕРє РјРѕРґРѕРІ */

.ffModsSectionList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsSectionList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsSectionList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsSectionList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffModsSectionList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffModsSectionList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffModsSectionList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffModsSectionList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffModsSectionList__body a {
  color: #d9bc68;
}

.ffModsSectionList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffModsSectionPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffModsSectionPagination__info {
  color: #cbbf99;
}

.ffModsSectionPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffModsSectionPagination__info b {
  color: #f0d887;
}

.ffModsSectionPagination__links a,
.ffModsSectionPagination__links b,
.ffModsSectionPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffModsSectionHero__meta,
  .ffModsSectionFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffModsSectionHero h1 {
    font-size: 26px;
  }

  .ffModsSectionHero__meta,
  .ffModsSectionFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffModsSectionHero,
  .ffModsSectionTools,
  .ffModsSectionSorting__body,
  .ffModsSectionFilters__grid,
  .ffModsSectionCats__body,
  .ffModsSectionList__head,
  .ffModsSectionList__body,
  .ffModsSectionPagination {
    padding: 12px;
  }

  .ffModsSectionList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsSectionList__status {
    width: 100%;
  }
}





/* =========================================================
   Страница со списком материалов категории модов
   FalloutFanatics — Mods Category List
   ========================================================= */

.ffModsCategoryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero категории */

.ffModsCategoryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsCategoryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModsCategoryHero > * {
  position: relative;
  z-index: 1;
}

.ffModsCategoryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffModsCategoryHero__badge,
.ffModsCategoryHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsCategoryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffModsCategoryHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsCategoryHero__main {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.ffModsCategoryHero__image {
  overflow: hidden;
  min-height: 160px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffModsCategoryHero__image img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}

.ffModsCategoryHero__content {
  min-width: 0;
}

.ffModsCategoryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffModsCategoryHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffModsCategoryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffModsCategoryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModsCategoryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsCategoryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffModsCategoryHero__meta a {
  color: #f0d887;
}

.ffModsCategoryHero__meta a:hover {
  color: #b7e08b;
}


/* Навигация */

.ffModsCategoryTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsCategoryTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsCategoryTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsCategoryTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsCategoryTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffModsCategoryTools__search input[type="text"],
.ffModsCategoryTools__search input[type="search"],
.ffModsCategoryTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffModsCategoryTools__search input[type="submit"],
.ffModsCategoryTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Сортировка / фильтры / категории */

.ffModsCategorySorting,
.ffModsCategoryFilters,
.ffModsCategoryCats,
.ffModsCategoryList,
.ffModsCategoryPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsCategorySorting__title,
.ffModsCategoryFilters__title,
.ffModsCategoryCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsCategorySorting__body,
.ffModsCategoryCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffModsCategorySorting__body select,
.ffModsCategorySorting__body input[type="text"],
.ffModsCategorySorting__body input[type="search"] {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Фильтры */

.ffModsCategoryFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffModsCategoryFilters__grid div {
  min-width: 0;
}

.ffModsCategoryFilters select,
.ffModsCategoryFilters input[type="text"],
.ffModsCategoryFilters input[type="search"] {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}


/* Соседние категории */

.ffModsCategoryCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsCategoryCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РЎРїРёСЃРѕРє РјРѕРґРѕРІ */

.ffModsCategoryList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsCategoryList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsCategoryList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsCategoryList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffModsCategoryList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffModsCategoryList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffModsCategoryList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffModsCategoryList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffModsCategoryList__body a {
  color: #d9bc68;
}

.ffModsCategoryList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffModsCategoryPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffModsCategoryPagination__info {
  color: #cbbf99;
}

.ffModsCategoryPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffModsCategoryPagination__info b {
  color: #f0d887;
}

.ffModsCategoryPagination__links a,
.ffModsCategoryPagination__links b,
.ffModsCategoryPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffModsCategoryHero__main {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .ffModsCategoryHero__meta,
  .ffModsCategoryFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffModsCategoryHero__main,
  .ffModsCategoryHero__meta,
  .ffModsCategoryFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffModsCategoryHero h1 {
    font-size: 26px;
  }

  .ffModsCategoryHero,
  .ffModsCategoryTools,
  .ffModsCategorySorting__body,
  .ffModsCategoryFilters__grid,
  .ffModsCategoryCats__body,
  .ffModsCategoryList__head,
  .ffModsCategoryList__body,
  .ffModsCategoryPagination {
    padding: 12px;
  }

  .ffModsCategoryList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsCategoryList__status {
    width: 100%;
  }
}





/* =========================================================
   Страница материала мода
   FalloutFanatics — Mod Entry Page
   ========================================================= */

.ffModEntryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero РјРѕРґР° */

.ffModEntryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModEntryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModEntryHero > * {
  position: relative;
  z-index: 1;
}

.ffModEntryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffModEntryHero__badge,
.ffModEntryHero__cat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModEntryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffModEntryHero__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModEntryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffModEntryHero__brief {
  max-width: 840px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffModEntryHero__brief p {
  margin: 0;
}

.ffModEntryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffModEntryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModEntryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModEntryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Обложка */

.ffModEntryCover {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background: #070808;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModEntryCover img {
  display: block;
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}


/* Блок загрузки */

.ffModDownloadBox {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .18), transparent 36%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModDownloadBox__info {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffModDownloadBox__info div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModDownloadBox__info span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModDownloadBox__info b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffModDownloadBox__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ffModDownloadBox__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModDownloadBox__actions a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModDownloadBox__download {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}


/* Контент */

.ffModEntryContent {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModEntryText {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
}

.ffModEntryText p {
  margin: 0 0 15px;
}

.ffModEntryText h2,
.ffModEntryText h3,
.ffModEntryText h4 {
  margin-top: 22px;
  margin-bottom: 10px;
  color: #edd488;
}

.ffModEntryText h2 {
  font-size: 25px;
}

.ffModEntryText h3 {
  font-size: 21px;
}

.ffModEntryText h4 {
  font-size: 18px;
}

.ffModEntryText ul,
.ffModEntryText ol {
  margin: 0 0 16px 20px;
  padding: 0;
}

.ffModEntryText li {
  margin-bottom: 7px;
}

.ffModEntryText a {
  color: #d9bc68;
  border-bottom: 1px dashed rgba(217, 188, 104, .35);
}

.ffModEntryText a:hover {
  color: #fff0ad;
}

.ffModEntryText img {
  max-width: 100%;
  height: auto;
  margin: 14px auto;
  border-radius: 14px;
  border: 1px solid rgba(134, 113, 44, .35);
}

.ffModEntryText table {
  width: 100%;
  max-width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  border: 1px solid rgba(134, 113, 44, .35);
  background: rgba(10, 11, 11, .45);
}

.ffModEntryText th,
.ffModEntryText td {
  padding: 10px;
  border: 1px solid rgba(134, 113, 44, .22);
  color: #d8d0b5;
}

.ffModEntryText th {
  color: #f0d887;
  background: rgba(74, 98, 47, .18);
}


/* Предупреждения / модерация */

.ffModEntryModer {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .35);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
}

.ffModEntryWarning {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* Похожие / теги / категории */

.ffModRelatedBox,
.ffModEntryTags,
.ffModEntryCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModRelatedBox {
  padding: 16px;
}

.ffModEntryTags__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModEntryTags__body,
.ffModEntryCats {
  padding: 14px;
  color: #d8cfb0;
}

.ffModRelatedBox a,
.ffModEntryTags__body a,
.ffModEntryCats a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModRelatedBox a:hover,
.ffModEntryTags__body a:hover,
.ffModEntryCats a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Панель параметров */

.ffModEntryPanel {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModEntryPanel__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffModEntryPanel__item {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModEntryPanel__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModEntryPanel__item b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffModEntryPanel__item a {
  color: #f0d887;
}

.ffModEntryPanel__item a:hover {
  color: #b7e08b;
}

.ffModEntryRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffModEntryRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Навигация */

.ffModEntryNav,
.ffModEntryNavOnly {
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModEntryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffModEntryNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModEntryNav a:hover {
  color: #fff0ad;
}

.ffModEntryNavOnly {
  padding: 12px 14px;
  color: #cdbf96;
}

.ffModEntryNavOnly span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModEntryNavOnly a {
  color: #e0c46f;
  font-weight: 700;
}


/* Комментарии */

.ffModEntryComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModEntryComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModEntryComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModEntryComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffModEntryComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffModEntryComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffModEntryComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffModEntryComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffModEntryComments__pages a,
.ffModEntryComments__pages b,
.ffModEntryComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffModEntryComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffModEntryComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffModEntryComments__form input[type="text"],
.ffModEntryComments__form textarea,
.ffModEntryComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffModEntryComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffModEntryComments__form input[type="submit"],
.ffModEntryComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffModEntryHero__meta,
  .ffModDownloadBox__info,
  .ffModEntryPanel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffModDownloadBox {
    grid-template-columns: 1fr;
  }

  .ffModDownloadBox__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .ffModEntryHero h1 {
    font-size: 26px;
  }

  .ffModEntryHero__meta,
  .ffModDownloadBox__info,
  .ffModEntryPanel__grid {
    grid-template-columns: 1fr;
  }

  .ffModEntryHero,
  .ffModDownloadBox,
  .ffModEntryContent,
  .ffModEntryPanel,
  .ffModRelatedBox,
  .ffModEntryNav,
  .ffModEntryComments__head,
  .ffModEntryComments__body,
  .ffModEntryComments__form {
    padding: 12px;
  }

  .ffModDownloadBox__actions a,
  .ffModEntryNav a {
    width: 100%;
  }

  .ffModEntryComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModEntryComments__count {
    width: 100%;
  }

  .ffModEntryComments__head h2 {
    font-size: 22px;
  }
}




/* =========================================================
   Вид материалов модов
   FalloutFanatics — Mod Item Card
   ========================================================= */

.ffModItem {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  min-height: 220px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffModItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffModItem > * {
  position: relative;
  z-index: 1;
}


/* РљРѕРґ РјРѕРґР° */

.ffModItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Изображение */

.ffModItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffModItem__image img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffModItem:hover .ffModItem__image img {
  transform: scale(1.025);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffModItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 190px;
  color: #d7ba65;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Тело */

.ffModItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffModItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffModItem__cat,
.ffModItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffModItem__status--wait {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffModItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffModItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffModItem__title a {
  color: #edd488;
}

.ffModItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffModItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffModItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffModItem__meta a {
  color: #b7e08b;
}

.ffModItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffModItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffModItem__desc p {
  margin: 0;
}


/* Статистика */

.ffModItem__stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 12px;
}

.ffModItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffModItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffModItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffModItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffModItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffModItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Нижние кнопки */

.ffModItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffModItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffModItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffModItem__download {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffModItem__comments {
  color: #d8d0b5 !important;
}


/* Модерация */

.ffModItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffModItem__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ffModItem {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ffModItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffModItem {
    grid-template-columns: 1fr;
  }

  .ffModItem__image,
  .ffModItem__image img,
  .ffModItem__placeholder {
    min-height: 180px;
  }

  .ffModItem__title {
    font-size: 21px;
  }

  .ffModItem__stats {
    grid-template-columns: 1fr;
  }

  .ffModItem__bottom a {
    width: 100%;
  }
}





/* =========================================================
   Страница поиска и рейтинга модов
   FalloutFanatics — Mods Search / Rating Page
   ========================================================= */

.ffModsSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero РїРѕРёСЃРєР° */

.ffModsSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModsSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffModsSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffModsSearchHero__badge,
.ffModsSearchHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsSearchHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffModsSearchHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffModsSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffModsSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffModsSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffModsSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModsSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль поиска */

.ffModsSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffModsSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffModsSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffModsSearchConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffModsSearchConsole__note {
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .14), transparent 52%),
    rgba(5, 8, 5, .52);
}

.ffModsSearchConsole__note strong {
  display: block;
  margin-bottom: 6px;
  color: #f0d887;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.ffModsSearchConsole__note span {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}


/* Навигация */

.ffModsSearchTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsSearchTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsSearchTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsSearchTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Блоки */

.ffModsSearchBox,
.ffModsSearchCats,
.ffModsSearchResults,
.ffModsSearchPagination,
.ffModsSearchSectionInfo {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffModsSearchBox__head,
.ffModsSearchResults__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsSearchBox__head span,
.ffModsSearchResults__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffModsSearchBox__head h2,
.ffModsSearchResults__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffModsSearchBox__status,
.ffModsSearchResults__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffModsSearchBox__status span,
.ffModsSearchResults__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffModsSearchBox__status b,
.ffModsSearchResults__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffModsSearchBox__body,
.ffModsSearchResults__body,
.ffModsSearchCats__body {
  padding: 16px;
  color: #d8d0b5;
}


/* Форма поиска */

.ffModsSearchBox__form input[type="text"],
.ffModsSearchBox__form input[type="search"],
.ffModsSearchBox__form select,
.ffModsSearchBox__form textarea {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffModsSearchBox__form input[type="submit"],
.ffModsSearchBox__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Категории */

.ffModsSearchCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffModsSearchCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffModsSearchCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Информация о разделе */

.ffModsSearchSectionInfo {
  padding: 14px;
}

.ffModsSearchSectionInfo div {
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffModsSearchSectionInfo span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsSearchSectionInfo b {
  color: #f0d887;
}


/* Результаты */

.ffModsSearchResults {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffModsSearchResults__body a {
  color: #d9bc68;
}

.ffModsSearchResults__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffModsSearchPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffModsSearchPagination__info {
  color: #cbbf99;
}

.ffModsSearchPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffModsSearchPagination__info b {
  color: #f0d887;
}

.ffModsSearchPagination__links a,
.ffModsSearchPagination__links b,
.ffModsSearchPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffModsSearchHero__meta,
  .ffModsSearchConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffModsSearchConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffModsSearchHero h1 {
    font-size: 26px;
  }

  .ffModsSearchHero__meta,
  .ffModsSearchConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffModsSearchHero,
  .ffModsSearchConsole,
  .ffModsSearchTools,
  .ffModsSearchBox__head,
  .ffModsSearchBox__body,
  .ffModsSearchCats__body,
  .ffModsSearchResults__head,
  .ffModsSearchResults__body,
  .ffModsSearchPagination {
    padding: 12px;
  }

  .ffModsSearchBox__head,
  .ffModsSearchResults__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsSearchBox__status,
  .ffModsSearchResults__status {
    width: 100%;
  }
}



/* =========================================================
   Главная страница модуля серверов FOnline
   FalloutFanatics — FOnline Servers Main
   ========================================================= */

.ffFonlinePage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero */

.ffFonlineHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineHero > * {
  position: relative;
  z-index: 1;
}

.ffFonlineHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffFonlineHero__badge,
.ffFonlineHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffFonlineHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffFonlineHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffFonlineHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffFonlineHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль мониторинга */

.ffFonlineConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffFonlineConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffFonlineConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffFonlineConsole__radar {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14) 0 2px, transparent 3px),
    radial-gradient(circle at center, transparent 0 22px, rgba(183, 224, 139, .16) 23px 24px, transparent 25px),
    radial-gradient(circle at center, transparent 0 42px, rgba(183, 224, 139, .12) 43px 44px, transparent 45px),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffFonlineConsole__radar span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent);
  animation: ffFonlineRadar 2.8s linear infinite;
}

@keyframes ffFonlineRadar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Навигация */

.ffFonlineTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffFonlineTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffFonlineTools__search input[type="text"],
.ffFonlineTools__search input[type="search"],
.ffFonlineTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineTools__search input[type="submit"],
.ffFonlineTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Поиск / категории / список */

.ffFonlineAdvancedSearch,
.ffFonlineCats,
.ffFonlineList,
.ffFonlinePagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineAdvancedSearch__title,
.ffFonlineCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineAdvancedSearch__body,
.ffFonlineCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffFonlineAdvancedSearch__body input[type="text"],
.ffFonlineAdvancedSearch__body input[type="search"],
.ffFonlineAdvancedSearch__body select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список серверов */

.ffFonlineList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffFonlineList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffFonlineList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffFonlineList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffFonlineList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffFonlineList__body a {
  color: #d9bc68;
}

.ffFonlineList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffFonlinePagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffFonlinePagination__info {
  color: #cbbf99;
}

.ffFonlinePagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffFonlinePagination__info b {
  color: #f0d887;
}

.ffFonlinePagination__links a,
.ffFonlinePagination__links b,
.ffFonlinePagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffFonlineHero__meta,
  .ffFonlineConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffFonlineConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffFonlineHero h1 {
    font-size: 26px;
  }

  .ffFonlineHero__meta,
  .ffFonlineConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffFonlineHero,
  .ffFonlineConsole,
  .ffFonlineTools,
  .ffFonlineAdvancedSearch__body,
  .ffFonlineCats__body,
  .ffFonlineList__head,
  .ffFonlineList__body,
  .ffFonlinePagination {
    padding: 12px;
  }

  .ffFonlineList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffFonlineList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком материалов раздела FOnline
   FalloutFanatics — FOnline Section List
   ========================================================= */

.ffFonlineSectionPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero раздела */

.ffFonlineSectionHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineSectionHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineSectionHero > * {
  position: relative;
  z-index: 1;
}

.ffFonlineSectionHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffFonlineSectionHero__badge,
.ffFonlineSectionHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineSectionHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffFonlineSectionHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineSectionHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffFonlineSectionHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffFonlineSectionHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffFonlineSectionHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineSectionHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineSectionHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffFonlineSectionConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffFonlineSectionConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineSectionConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffFonlineSectionConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineSectionConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffFonlineSectionConsole__radar {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14) 0 2px, transparent 3px),
    radial-gradient(circle at center, transparent 0 22px, rgba(183, 224, 139, .16) 23px 24px, transparent 25px),
    radial-gradient(circle at center, transparent 0 42px, rgba(183, 224, 139, .12) 43px 44px, transparent 45px),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffFonlineSectionConsole__radar span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent);
  animation: ffFonlineSectionRadar 2.8s linear infinite;
}

@keyframes ffFonlineSectionRadar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Навигация */

.ffFonlineSectionTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineSectionTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffFonlineSectionTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineSectionTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineSectionTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffFonlineSectionTools__search input[type="text"],
.ffFonlineSectionTools__search input[type="search"],
.ffFonlineSectionTools__search select,
.ffFonlineSectionAdvancedSearch__body input[type="text"],
.ffFonlineSectionAdvancedSearch__body input[type="search"],
.ffFonlineSectionAdvancedSearch__body select,
.ffFonlineSectionSorting__body select,
.ffFonlineSectionFilters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineSectionTools__search input[type="submit"],
.ffFonlineSectionTools__search button,
.ffFonlineSectionAdvancedSearch__body input[type="submit"],
.ffFonlineSectionAdvancedSearch__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffFonlineSectionAdvancedSearch,
.ffFonlineSectionSorting,
.ffFonlineSectionFilters,
.ffFonlineSectionCats,
.ffFonlineSectionList,
.ffFonlineSectionPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineSectionAdvancedSearch__title,
.ffFonlineSectionSorting__title,
.ffFonlineSectionFilters__title,
.ffFonlineSectionCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineSectionAdvancedSearch__body,
.ffFonlineSectionSorting__body,
.ffFonlineSectionCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Фильтры */

.ffFonlineSectionFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffFonlineSectionFilters__grid div {
  min-width: 0;
}


/* Категории */

.ffFonlineSectionCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineSectionCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список серверов */

.ffFonlineSectionList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineSectionList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineSectionList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineSectionList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffFonlineSectionList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffFonlineSectionList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffFonlineSectionList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffFonlineSectionList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffFonlineSectionList__body a {
  color: #d9bc68;
}

.ffFonlineSectionList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffFonlineSectionPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffFonlineSectionPagination__info {
  color: #cbbf99;
}

.ffFonlineSectionPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffFonlineSectionPagination__info b {
  color: #f0d887;
}

.ffFonlineSectionPagination__links a,
.ffFonlineSectionPagination__links b,
.ffFonlineSectionPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffFonlineSectionHero__meta,
  .ffFonlineSectionConsole__screen,
  .ffFonlineSectionFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffFonlineSectionConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffFonlineSectionHero h1 {
    font-size: 26px;
  }

  .ffFonlineSectionHero__meta,
  .ffFonlineSectionConsole__screen,
  .ffFonlineSectionFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffFonlineSectionHero,
  .ffFonlineSectionConsole,
  .ffFonlineSectionTools,
  .ffFonlineSectionAdvancedSearch__body,
  .ffFonlineSectionSorting__body,
  .ffFonlineSectionFilters__grid,
  .ffFonlineSectionCats__body,
  .ffFonlineSectionList__head,
  .ffFonlineSectionList__body,
  .ffFonlineSectionPagination {
    padding: 12px;
  }

  .ffFonlineSectionList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffFonlineSectionList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком материалов категории FOnline
   FalloutFanatics — FOnline Category List
   ========================================================= */

.ffFonlineCategoryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero категории */

.ffFonlineCategoryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineCategoryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineCategoryHero > * {
  position: relative;
  z-index: 1;
}

.ffFonlineCategoryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffFonlineCategoryHero__badge,
.ffFonlineCategoryHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineCategoryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffFonlineCategoryHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineCategoryHero__main {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.ffFonlineCategoryHero__image {
  overflow: hidden;
  min-height: 160px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffFonlineCategoryHero__image img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}

.ffFonlineCategoryHero__content {
  min-width: 0;
}

.ffFonlineCategoryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffFonlineCategoryHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffFonlineCategoryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffFonlineCategoryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineCategoryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineCategoryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffFonlineCategoryHero__meta a {
  color: #f0d887;
}

.ffFonlineCategoryHero__meta a:hover {
  color: #b7e08b;
}


/* Консоль */

.ffFonlineCategoryConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffFonlineCategoryConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineCategoryConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffFonlineCategoryConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineCategoryConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffFonlineCategoryConsole__radar {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14) 0 2px, transparent 3px),
    radial-gradient(circle at center, transparent 0 22px, rgba(183, 224, 139, .16) 23px 24px, transparent 25px),
    radial-gradient(circle at center, transparent 0 42px, rgba(183, 224, 139, .12) 43px 44px, transparent 45px),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffFonlineCategoryConsole__radar span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent);
  animation: ffFonlineCategoryRadar 2.8s linear infinite;
}

@keyframes ffFonlineCategoryRadar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Навигация */

.ffFonlineCategoryTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineCategoryTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffFonlineCategoryTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineCategoryTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineCategoryTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffFonlineCategoryTools__search input[type="text"],
.ffFonlineCategoryTools__search input[type="search"],
.ffFonlineCategoryTools__search select,
.ffFonlineCategoryAdvancedSearch__body input[type="text"],
.ffFonlineCategoryAdvancedSearch__body input[type="search"],
.ffFonlineCategoryAdvancedSearch__body select,
.ffFonlineCategorySorting__body select,
.ffFonlineCategoryFilters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineCategoryTools__search input[type="submit"],
.ffFonlineCategoryTools__search button,
.ffFonlineCategoryAdvancedSearch__body input[type="submit"],
.ffFonlineCategoryAdvancedSearch__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffFonlineCategoryAdvancedSearch,
.ffFonlineCategorySorting,
.ffFonlineCategoryFilters,
.ffFonlineCategoryCats,
.ffFonlineCategoryList,
.ffFonlineCategoryPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineCategoryAdvancedSearch__title,
.ffFonlineCategorySorting__title,
.ffFonlineCategoryFilters__title,
.ffFonlineCategoryCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineCategoryAdvancedSearch__body,
.ffFonlineCategorySorting__body,
.ffFonlineCategoryCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Фильтры */

.ffFonlineCategoryFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffFonlineCategoryFilters__grid div {
  min-width: 0;
}


/* Категории */

.ffFonlineCategoryCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineCategoryCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список серверов */

.ffFonlineCategoryList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineCategoryList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineCategoryList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineCategoryList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffFonlineCategoryList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffFonlineCategoryList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffFonlineCategoryList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffFonlineCategoryList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffFonlineCategoryList__body a {
  color: #d9bc68;
}

.ffFonlineCategoryList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffFonlineCategoryPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffFonlineCategoryPagination__info {
  color: #cbbf99;
}

.ffFonlineCategoryPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffFonlineCategoryPagination__info b {
  color: #f0d887;
}

.ffFonlineCategoryPagination__links a,
.ffFonlineCategoryPagination__links b,
.ffFonlineCategoryPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffFonlineCategoryHero__main {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  .ffFonlineCategoryHero__meta,
  .ffFonlineCategoryConsole__screen,
  .ffFonlineCategoryFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffFonlineCategoryConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffFonlineCategoryHero__main,
  .ffFonlineCategoryHero__meta,
  .ffFonlineCategoryConsole__screen,
  .ffFonlineCategoryFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffFonlineCategoryHero h1 {
    font-size: 26px;
  }

  .ffFonlineCategoryHero,
  .ffFonlineCategoryConsole,
  .ffFonlineCategoryTools,
  .ffFonlineCategoryAdvancedSearch__body,
  .ffFonlineCategorySorting__body,
  .ffFonlineCategoryFilters__grid,
  .ffFonlineCategoryCats__body,
  .ffFonlineCategoryList__head,
  .ffFonlineCategoryList__body,
  .ffFonlineCategoryPagination {
    padding: 12px;
  }

  .ffFonlineCategoryList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffFonlineCategoryList__status {
    width: 100%;
  }
}


/* =========================================================
   Страница материала сервера FOnline
   FalloutFanatics — FOnline Server Entry
   ========================================================= */

.ffFonlineEntryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero сервера */

.ffFonlineEntryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineEntryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineEntryHero > * {
  position: relative;
  z-index: 1;
}

.ffFonlineEntryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffFonlineEntryHero__badge,
.ffFonlineEntryHero__cat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineEntryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffFonlineEntryHero__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineEntryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffFonlineEntryHero__brief {
  max-width: 840px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffFonlineEntryHero__brief p {
  margin: 0;
}

.ffFonlineEntryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffFonlineEntryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineEntryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineEntryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Обложка */

.ffFonlineEntryCover {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background: #070808;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineEntryCover img {
  display: block;
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}


/* Подключение */

.ffFonlineConnectBox {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .18), transparent 36%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineConnectBox__screen {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineConnectBox__screen div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineConnectBox__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineConnectBox__screen b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffFonlineConnectBox__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ffFonlineConnectBox__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffFonlineConnectBox__actions a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineConnectBox__download {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}


/* Контент */

.ffFonlineEntryContent {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineEntryText {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
}

.ffFonlineEntryText p {
  margin: 0 0 15px;
}

.ffFonlineEntryText h2,
.ffFonlineEntryText h3,
.ffFonlineEntryText h4 {
  margin-top: 22px;
  margin-bottom: 10px;
  color: #edd488;
}

.ffFonlineEntryText h2 {
  font-size: 25px;
}

.ffFonlineEntryText h3 {
  font-size: 21px;
}

.ffFonlineEntryText h4 {
  font-size: 18px;
}

.ffFonlineEntryText ul,
.ffFonlineEntryText ol {
  margin: 0 0 16px 20px;
  padding: 0;
}

.ffFonlineEntryText li {
  margin-bottom: 7px;
}

.ffFonlineEntryText a {
  color: #d9bc68;
  border-bottom: 1px dashed rgba(217, 188, 104, .35);
}

.ffFonlineEntryText a:hover {
  color: #fff0ad;
}

.ffFonlineEntryText img {
  max-width: 100%;
  height: auto;
  margin: 14px auto;
  border-radius: 14px;
  border: 1px solid rgba(134, 113, 44, .35);
}


/* Предупреждения / модерация */

.ffFonlineEntryModer {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .35);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
}

.ffFonlineEntryWarning {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* Похожие / теги / категории */

.ffFonlineRelatedBox,
.ffFonlineEntryTags,
.ffFonlineEntryCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineRelatedBox {
  padding: 16px;
}

.ffFonlineEntryTags__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineEntryTags__body,
.ffFonlineEntryCats {
  padding: 14px;
  color: #d8cfb0;
}

.ffFonlineRelatedBox a,
.ffFonlineEntryTags__body a,
.ffFonlineEntryCats a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineRelatedBox a:hover,
.ffFonlineEntryTags__body a:hover,
.ffFonlineEntryCats a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Панель параметров */

.ffFonlineEntryPanel {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineEntryPanel__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineEntryPanel__item {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineEntryPanel__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineEntryPanel__item b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffFonlineEntryPanel__item a {
  color: #f0d887;
}

.ffFonlineEntryPanel__item a:hover {
  color: #b7e08b;
}

.ffFonlineEntryRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffFonlineEntryRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Навигация */

.ffFonlineEntryNav,
.ffFonlineEntryNavOnly {
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineEntryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffFonlineEntryNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineEntryNav a:hover {
  color: #fff0ad;
}

.ffFonlineEntryNavOnly {
  padding: 12px 14px;
  color: #cdbf96;
}

.ffFonlineEntryNavOnly span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineEntryNavOnly a {
  color: #e0c46f;
  font-weight: 700;
}


/* Комментарии */

.ffFonlineEntryComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineEntryComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineEntryComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineEntryComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffFonlineEntryComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffFonlineEntryComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffFonlineEntryComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffFonlineEntryComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffFonlineEntryComments__pages a,
.ffFonlineEntryComments__pages b,
.ffFonlineEntryComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffFonlineEntryComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffFonlineEntryComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffFonlineEntryComments__form input[type="text"],
.ffFonlineEntryComments__form textarea,
.ffFonlineEntryComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineEntryComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffFonlineEntryComments__form input[type="submit"],
.ffFonlineEntryComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffFonlineEntryHero__meta,
  .ffFonlineConnectBox__screen,
  .ffFonlineEntryPanel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffFonlineConnectBox {
    grid-template-columns: 1fr;
  }

  .ffFonlineConnectBox__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .ffFonlineEntryHero h1 {
    font-size: 26px;
  }

  .ffFonlineEntryHero__meta,
  .ffFonlineConnectBox__screen,
  .ffFonlineEntryPanel__grid {
    grid-template-columns: 1fr;
  }

  .ffFonlineEntryHero,
  .ffFonlineConnectBox,
  .ffFonlineEntryContent,
  .ffFonlineEntryPanel,
  .ffFonlineRelatedBox,
  .ffFonlineEntryNav,
  .ffFonlineEntryComments__head,
  .ffFonlineEntryComments__body,
  .ffFonlineEntryComments__form {
    padding: 12px;
  }

  .ffFonlineConnectBox__actions a,
  .ffFonlineEntryNav a {
    width: 100%;
  }

  .ffFonlineEntryComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffFonlineEntryComments__count {
    width: 100%;
  }

  .ffFonlineEntryComments__head h2 {
    font-size: 22px;
  }
}

/* =========================================================
   Вид материалов серверов FOnline
   FalloutFanatics — FOnline Server Item Card
   ========================================================= */

.ffFonlineItem {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  min-height: 220px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffFonlineItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffFonlineItem > * {
  position: relative;
  z-index: 1;
}


/* Код сервера */

.ffFonlineItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}

.ffFonlineItem__pin {
  position: absolute;
  right: 38px;
  top: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(222, 181, 72, .45);
  border-radius: 999px;
  background: rgba(57, 42, 10, .70);
  color: #f0d887;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Изображение */

.ffFonlineItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffFonlineItem__image img {
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffFonlineItem:hover .ffFonlineItem__image img {
  transform: scale(1.025);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffFonlineItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 190px;
  color: #d7ba65;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Тело */

.ffFonlineItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffFonlineItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffFonlineItem__cat,
.ffFonlineItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffFonlineItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffFonlineItem__status--wait {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffFonlineItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffFonlineItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffFonlineItem__title a {
  color: #edd488;
}

.ffFonlineItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffFonlineItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffFonlineItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffFonlineItem__meta a {
  color: #b7e08b;
}

.ffFonlineItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffFonlineItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffFonlineItem__desc p {
  margin: 0;
}


/* Главные параметры сервера */

.ffFonlineItem__serverStats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 10px;
}

.ffFonlineItem__serverStats div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(130, 156, 88, .26);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .12), transparent 60%),
    rgba(8, 12, 8, .50);
}

.ffFonlineItem__serverStats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffFonlineItem__serverStats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Дополнительная статистика */

.ffFonlineItem__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.ffFonlineItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffFonlineItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffFonlineItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffFonlineItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffFonlineItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РљРЅРѕРїРєРё */

.ffFonlineItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffFonlineItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffFonlineItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffFonlineItem__download {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffFonlineItem__site {
  color: #b7e08b !important;
}

.ffFonlineItem__comments {
  color: #d8d0b5 !important;
}


/* Модерация */

.ffFonlineItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffFonlineItem__serverStats,
  .ffFonlineItem__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ffFonlineItem {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .ffFonlineItem__serverStats,
  .ffFonlineItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffFonlineItem {
    grid-template-columns: 1fr;
  }

  .ffFonlineItem__image,
  .ffFonlineItem__image img,
  .ffFonlineItem__placeholder {
    min-height: 180px;
  }

  .ffFonlineItem__title {
    font-size: 21px;
  }

  .ffFonlineItem__serverStats,
  .ffFonlineItem__stats {
    grid-template-columns: 1fr;
  }

  .ffFonlineItem__bottom a {
    width: 100%;
  }
}



/* =========================================================
   Страница поиска и рейтинга серверов FOnline
   FalloutFanatics — FOnline Search / Rating Page
   ========================================================= */

.ffFonlineSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero РїРѕРёСЃРєР° */

.ffFonlineSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffFonlineSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffFonlineSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffFonlineSearchHero__badge,
.ffFonlineSearchHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineSearchHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffFonlineSearchHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffFonlineSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffFonlineSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffFonlineSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffFonlineSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль поиска */

.ffFonlineSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffFonlineSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffFonlineSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffFonlineSearchConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffFonlineSearchConsole__radar {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14) 0 2px, transparent 3px),
    radial-gradient(circle at center, transparent 0 22px, rgba(183, 224, 139, .16) 23px 24px, transparent 25px),
    radial-gradient(circle at center, transparent 0 42px, rgba(183, 224, 139, .12) 43px 44px, transparent 45px),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffFonlineSearchConsole__radar span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent);
  animation: ffFonlineSearchRadar 2.8s linear infinite;
}

@keyframes ffFonlineSearchRadar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Навигация */

.ffFonlineSearchTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineSearchTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffFonlineSearchTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineSearchTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Основные блоки */

.ffFonlineSearchBox,
.ffFonlineSearchAdvanced,
.ffFonlineSearchCats,
.ffFonlineSearchResults,
.ffFonlineSearchPagination,
.ffFonlineSearchSectionInfo {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffFonlineSearchBox__head,
.ffFonlineSearchResults__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineSearchBox__head span,
.ffFonlineSearchResults__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffFonlineSearchBox__head h2,
.ffFonlineSearchResults__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffFonlineSearchBox__status,
.ffFonlineSearchResults__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffFonlineSearchBox__status span,
.ffFonlineSearchResults__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffFonlineSearchBox__status b,
.ffFonlineSearchResults__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffFonlineSearchBox__body,
.ffFonlineSearchResults__body,
.ffFonlineSearchCats__body,
.ffFonlineSearchAdvanced__body {
  padding: 16px;
  color: #d8d0b5;
}


/* Формы */

.ffFonlineSearchBox__form input[type="text"],
.ffFonlineSearchBox__form input[type="search"],
.ffFonlineSearchBox__form select,
.ffFonlineSearchAdvanced__body input[type="text"],
.ffFonlineSearchAdvanced__body input[type="search"],
.ffFonlineSearchAdvanced__body select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffFonlineSearchBox__form input[type="submit"],
.ffFonlineSearchBox__form button,
.ffFonlineSearchAdvanced__body input[type="submit"],
.ffFonlineSearchAdvanced__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Расширенный поиск / категории */

.ffFonlineSearchAdvanced__title,
.ffFonlineSearchCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffFonlineSearchCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffFonlineSearchCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Информация о разделе */

.ffFonlineSearchSectionInfo {
  padding: 14px;
}

.ffFonlineSearchSectionInfo div {
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffFonlineSearchSectionInfo span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffFonlineSearchSectionInfo b {
  color: #f0d887;
}


/* Результаты */

.ffFonlineSearchResults {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffFonlineSearchResults__body a {
  color: #d9bc68;
}

.ffFonlineSearchResults__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffFonlineSearchPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffFonlineSearchPagination__info {
  color: #cbbf99;
}

.ffFonlineSearchPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffFonlineSearchPagination__info b {
  color: #f0d887;
}

.ffFonlineSearchPagination__links a,
.ffFonlineSearchPagination__links b,
.ffFonlineSearchPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffFonlineSearchHero__meta,
  .ffFonlineSearchConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffFonlineSearchConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffFonlineSearchHero h1 {
    font-size: 26px;
  }

  .ffFonlineSearchHero__meta,
  .ffFonlineSearchConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffFonlineSearchHero,
  .ffFonlineSearchConsole,
  .ffFonlineSearchTools,
  .ffFonlineSearchBox__head,
  .ffFonlineSearchBox__body,
  .ffFonlineSearchAdvanced__body,
  .ffFonlineSearchCats__body,
  .ffFonlineSearchResults__head,
  .ffFonlineSearchResults__body,
  .ffFonlineSearchPagination {
    padding: 12px;
  }

  .ffFonlineSearchBox__head,
  .ffFonlineSearchResults__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffFonlineSearchBox__status,
  .ffFonlineSearchResults__status {
    width: 100%;
  }
}


/* =========================================================
   Страница поиска по сайту
   FalloutFanatics — Site Search Page
   ========================================================= */

.ffSiteSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero */

.ffSiteSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffSiteSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffSiteSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffSiteSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.ffSiteSearchHero__badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #b7e08b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffSiteSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffSiteSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffSiteSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffSiteSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffSiteSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffSiteSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffSiteSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffSiteSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffSiteSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffSiteSearchConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffSiteSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffSiteSearchConsole__radar {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14) 0 2px, transparent 3px),
    radial-gradient(circle at center, transparent 0 22px, rgba(183, 224, 139, .16) 23px 24px, transparent 25px),
    radial-gradient(circle at center, transparent 0 42px, rgba(183, 224, 139, .12) 43px 44px, transparent 45px),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffSiteSearchConsole__radar span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent);
  animation: ffSiteSearchRadar 2.8s linear infinite;
}

@keyframes ffSiteSearchRadar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Основные блоки */

.ffSiteSearchBox,
.ffSiteSearchQuery,
.ffSiteSearchResults,
.ffSiteSearchPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffSiteSearchBox__head,
.ffSiteSearchResults__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffSiteSearchBox__head span,
.ffSiteSearchResults__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffSiteSearchBox__head h2,
.ffSiteSearchResults__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffSiteSearchBox__status,
.ffSiteSearchResults__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffSiteSearchBox__status span,
.ffSiteSearchResults__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffSiteSearchBox__status b,
.ffSiteSearchResults__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffSiteSearchBox__body,
.ffSiteSearchResults__body {
  padding: 16px;
  color: #d8d0b5;
}


/* Форма поиска */

.ffSiteSearchBox__body input[type="text"],
.ffSiteSearchBox__body input[type="search"],
.ffSiteSearchBox__body select {
  width: 100%;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffSiteSearchBox__body input[type="submit"],
.ffSiteSearchBox__body button {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Текущий запрос */

.ffSiteSearchQuery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffSiteSearchQuery div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffSiteSearchQuery span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffSiteSearchQuery b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Результаты */

.ffSiteSearchResults {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffSiteSearchResults__body a {
  color: #d9bc68;
}

.ffSiteSearchResults__body a:hover {
  color: #fff0ad;
}

.ffSiteSearchResults__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffSiteSearchResults__body td {
  padding: 10px;
  border-bottom: 1px solid rgba(113, 98, 44, .18);
  color: #d8d0b5;
}


/* Пагинация */

.ffSiteSearchPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffSiteSearchPagination__info {
  color: #cbbf99;
}

.ffSiteSearchPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffSiteSearchPagination__info b {
  color: #f0d887;
}

.ffSiteSearchPagination__links a,
.ffSiteSearchPagination__links b,
.ffSiteSearchPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffSiteSearchHero__meta,
  .ffSiteSearchConsole__screen,
  .ffSiteSearchQuery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffSiteSearchConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffSiteSearchHero h1 {
    font-size: 26px;
  }

  .ffSiteSearchHero__meta,
  .ffSiteSearchConsole__screen,
  .ffSiteSearchQuery {
    grid-template-columns: 1fr;
  }

  .ffSiteSearchHero,
  .ffSiteSearchConsole,
  .ffSiteSearchBox__head,
  .ffSiteSearchBox__body,
  .ffSiteSearchQuery,
  .ffSiteSearchResults__head,
  .ffSiteSearchResults__body,
  .ffSiteSearchPagination {
    padding: 12px;
  }

  .ffSiteSearchBox__head,
  .ffSiteSearchResults__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffSiteSearchBox__status,
  .ffSiteSearchResults__status {
    width: 100%;
  }
}



/* =========================================================
   Главная страница модуля видео
   FalloutFanatics — Video Module Main
   ========================================================= */

.ffVideoPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero */

.ffVideoHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoHero__badge,
.ffVideoHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffVideoHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffVideoConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffVideoConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffVideoConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffVideoConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffVideoConsole__monitor span {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffVideoMonitorScan 2.8s linear infinite;
}

@keyframes ffVideoMonitorScan {
  from {
    left: -30%;
  }

  to {
    left: 100%;
  }
}


/* Навигация */

.ffVideoTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffVideoTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffVideoTools__search input[type="text"],
.ffVideoTools__search input[type="search"],
.ffVideoTools__search select,
.ffVideoAdvancedSearch__body input[type="text"],
.ffVideoAdvancedSearch__body input[type="search"],
.ffVideoAdvancedSearch__body select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffVideoTools__search input[type="submit"],
.ffVideoTools__search button,
.ffVideoAdvancedSearch__body input[type="submit"],
.ffVideoAdvancedSearch__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffVideoAdvancedSearch,
.ffVideoChannels,
.ffVideoCats,
.ffVideoList,
.ffVideoPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoAdvancedSearch__title,
.ffVideoChannels__title,
.ffVideoCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoAdvancedSearch__body,
.ffVideoChannels__body,
.ffVideoCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Каналы и категории */

.ffVideoChannels__body a,
.ffVideoCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoChannels__body a:hover,
.ffVideoCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список видео */

.ffVideoList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffVideoList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffVideoList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffVideoList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffVideoList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffVideoList__body a {
  color: #d9bc68;
}

.ffVideoList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffVideoPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffVideoPagination__info {
  color: #cbbf99;
}

.ffVideoPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffVideoPagination__info b {
  color: #f0d887;
}

.ffVideoPagination__links a,
.ffVideoPagination__links b,
.ffVideoPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffVideoHero__meta,
  .ffVideoConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffVideoConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffVideoHero h1 {
    font-size: 26px;
  }

  .ffVideoHero__meta,
  .ffVideoConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffVideoHero,
  .ffVideoConsole,
  .ffVideoTools,
  .ffVideoAdvancedSearch__body,
  .ffVideoChannels__body,
  .ffVideoCats__body,
  .ffVideoList__head,
  .ffVideoList__body,
  .ffVideoPagination {
    padding: 12px;
  }

  .ffVideoList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffVideoList__status {
    width: 100%;
  }
}


/* =========================================================
   Страница со списком каналов категории видео
   FalloutFanatics — Video Category Channels List
   ========================================================= */

.ffVideoChannelsPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero */

.ffVideoChannelsHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoChannelsHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoChannelsHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoChannelsHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoChannelsHero__badge,
.ffVideoChannelsHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoChannelsHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoChannelsHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoChannelsHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoChannelsHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffVideoChannelsHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoChannelsHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoChannelsHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoChannelsHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffVideoChannelsConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffVideoChannelsConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoChannelsConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffVideoChannelsConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoChannelsConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffVideoChannelsConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffVideoChannelsConsole__monitor span {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffVideoChannelsMonitorScan 2.8s linear infinite;
}

@keyframes ffVideoChannelsMonitorScan {
  from {
    left: -30%;
  }

  to {
    left: 100%;
  }
}


/* Навигация */

.ffVideoChannelsTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoChannelsTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffVideoChannelsTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoChannelsTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoChannelsTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffVideoChannelsTools__search input[type="text"],
.ffVideoChannelsTools__search input[type="search"],
.ffVideoChannelsTools__search select,
.ffVideoChannelsAdvancedSearch__body input[type="text"],
.ffVideoChannelsAdvancedSearch__body input[type="search"],
.ffVideoChannelsAdvancedSearch__body select,
.ffVideoChannelsSorting__body select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffVideoChannelsTools__search input[type="submit"],
.ffVideoChannelsTools__search button,
.ffVideoChannelsAdvancedSearch__body input[type="submit"],
.ffVideoChannelsAdvancedSearch__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffVideoChannelsAdvancedSearch,
.ffVideoChannelsSorting,
.ffVideoChannelsCats,
.ffVideoChannelsNav,
.ffVideoChannelsList,
.ffVideoChannelsPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoChannelsAdvancedSearch__title,
.ffVideoChannelsSorting__title,
.ffVideoChannelsCats__title,
.ffVideoChannelsNav__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoChannelsAdvancedSearch__body,
.ffVideoChannelsSorting__body,
.ffVideoChannelsCats__body,
.ffVideoChannelsNav__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Категории / каналы */

.ffVideoChannelsCats__body a,
.ffVideoChannelsNav__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoChannelsCats__body a:hover,
.ffVideoChannelsNav__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список каналов */

.ffVideoChannelsList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoChannelsList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoChannelsList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoChannelsList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffVideoChannelsList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffVideoChannelsList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffVideoChannelsList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffVideoChannelsList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffVideoChannelsList__body a {
  color: #d9bc68;
}

.ffVideoChannelsList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffVideoChannelsPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffVideoChannelsPagination__info {
  color: #cbbf99;
}

.ffVideoChannelsPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffVideoChannelsPagination__info b {
  color: #f0d887;
}

.ffVideoChannelsPagination__links a,
.ffVideoChannelsPagination__links b,
.ffVideoChannelsPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffVideoChannelsHero__meta,
  .ffVideoChannelsConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffVideoChannelsConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffVideoChannelsHero h1 {
    font-size: 26px;
  }

  .ffVideoChannelsHero__meta,
  .ffVideoChannelsConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffVideoChannelsHero,
  .ffVideoChannelsConsole,
  .ffVideoChannelsTools,
  .ffVideoChannelsAdvancedSearch__body,
  .ffVideoChannelsSorting__body,
  .ffVideoChannelsCats__body,
  .ffVideoChannelsNav__body,
  .ffVideoChannelsList__head,
  .ffVideoChannelsList__body,
  .ffVideoChannelsPagination {
    padding: 12px;
  }

  .ffVideoChannelsList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffVideoChannelsList__status {
    width: 100%;
  }
}








/* =========================================================
   Страница со списком материалов категории видео
   FalloutFanatics — Video Category Materials List
   ========================================================= */

.ffVideoCategoryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero категории */

.ffVideoCategoryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoCategoryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoCategoryHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoCategoryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoCategoryHero__badge,
.ffVideoCategoryHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoCategoryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoCategoryHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoCategoryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoCategoryHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffVideoCategoryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoCategoryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoCategoryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoCategoryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffVideoCategoryHero__meta a {
  color: #f0d887;
}

.ffVideoCategoryHero__meta a:hover {
  color: #b7e08b;
}


/* Консоль */

.ffVideoCategoryConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffVideoCategoryConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoCategoryConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffVideoCategoryConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoCategoryConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffVideoCategoryConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffVideoCategoryConsole__monitor span {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffVideoCategoryMonitorScan 2.8s linear infinite;
}

@keyframes ffVideoCategoryMonitorScan {
  from {
    left: -30%;
  }

  to {
    left: 100%;
  }
}


/* Навигация */

.ffVideoCategoryTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoCategoryTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffVideoCategoryTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoCategoryTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoCategoryTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffVideoCategoryTools__search input[type="text"],
.ffVideoCategoryTools__search input[type="search"],
.ffVideoCategoryTools__search select,
.ffVideoCategoryAdvancedSearch__body input[type="text"],
.ffVideoCategoryAdvancedSearch__body input[type="search"],
.ffVideoCategoryAdvancedSearch__body select,
.ffVideoCategorySorting__body select,
.ffVideoCategoryFilters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffVideoCategoryTools__search input[type="submit"],
.ffVideoCategoryTools__search button,
.ffVideoCategoryAdvancedSearch__body input[type="submit"],
.ffVideoCategoryAdvancedSearch__body button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffVideoCategoryAdvancedSearch,
.ffVideoCategorySorting,
.ffVideoCategoryFilters,
.ffVideoCategoryCats,
.ffVideoCategoryChannels,
.ffVideoCategoryList,
.ffVideoCategoryPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoCategoryAdvancedSearch__title,
.ffVideoCategorySorting__title,
.ffVideoCategoryFilters__title,
.ffVideoCategoryCats__title,
.ffVideoCategoryChannels__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoCategoryAdvancedSearch__body,
.ffVideoCategorySorting__body,
.ffVideoCategoryCats__body,
.ffVideoCategoryChannels__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Фильтры */

.ffVideoCategoryFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffVideoCategoryFilters__grid div {
  min-width: 0;
}


/* Категории / каналы */

.ffVideoCategoryCats__body a,
.ffVideoCategoryChannels__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoCategoryCats__body a:hover,
.ffVideoCategoryChannels__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список видео */

.ffVideoCategoryList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoCategoryList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoCategoryList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoCategoryList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffVideoCategoryList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffVideoCategoryList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffVideoCategoryList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffVideoCategoryList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffVideoCategoryList__body a {
  color: #d9bc68;
}

.ffVideoCategoryList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffVideoCategoryPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffVideoCategoryPagination__info {
  color: #cbbf99;
}

.ffVideoCategoryPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffVideoCategoryPagination__info b {
  color: #f0d887;
}

.ffVideoCategoryPagination__links a,
.ffVideoCategoryPagination__links b,
.ffVideoCategoryPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffVideoCategoryHero__meta,
  .ffVideoCategoryConsole__screen,
  .ffVideoCategoryFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffVideoCategoryConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffVideoCategoryHero h1 {
    font-size: 26px;
  }

  .ffVideoCategoryHero__meta,
  .ffVideoCategoryConsole__screen,
  .ffVideoCategoryFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffVideoCategoryHero,
  .ffVideoCategoryConsole,
  .ffVideoCategoryTools,
  .ffVideoCategoryAdvancedSearch__body,
  .ffVideoCategorySorting__body,
  .ffVideoCategoryFilters__grid,
  .ffVideoCategoryCats__body,
  .ffVideoCategoryChannels__body,
  .ffVideoCategoryList__head,
  .ffVideoCategoryList__body,
  .ffVideoCategoryPagination {
    padding: 12px;
  }

  .ffVideoCategoryList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffVideoCategoryList__status {
    width: 100%;
  }
}


/* =========================================================
   Страница материала видео
   FalloutFanatics — Video Entry Page
   ========================================================= */

.ffVideoEntryPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero видео */

.ffVideoEntryHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoEntryHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoEntryHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoEntryHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoEntryHero__badge,
.ffVideoEntryHero__cat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoEntryHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoEntryHero__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoEntryHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoEntryHero__brief {
  max-width: 840px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffVideoEntryHero__brief p {
  margin: 0;
}

.ffVideoEntryHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoEntryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoEntryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoEntryHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Видеоплеер */

.ffVideoPlayerBox {
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .15), transparent 54%),
    #070808;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoPlayerBox__frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #050606;
}

.ffVideoPlayerBox__frame iframe,
.ffVideoPlayerBox__frame embed,
.ffVideoPlayerBox__frame object,
.ffVideoPlayerBox__frame video {
  display: block;
  width: 100% !important;
  min-height: 430px;
  border: 0;
}

.ffVideoPlayerBox__frame img {
  display: block;
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}

.ffVideoPlayerBox__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  color: #b7e08b;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}


/* Контент */

.ffVideoEntryContent {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoEntryText,
.ffVideoEntryIntro {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
}

.ffVideoEntryIntro p {
  margin: 0 0 15px;
}


/* Предупреждения / модерация */

.ffVideoEntryModer {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .35);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
}

.ffVideoEntryWarning {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* Панель параметров */

.ffVideoEntryPanel {
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoEntryPanel__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoEntryPanel__item {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoEntryPanel__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoEntryPanel__item b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffVideoEntryPanel__item a {
  color: #f0d887;
}

.ffVideoEntryPanel__item a:hover {
  color: #b7e08b;
}

.ffVideoEntryRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffVideoEntryRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Теги / категории / похожее */

.ffVideoEntryTags,
.ffVideoEntryCats,
.ffVideoRelatedBox {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoRelatedBox {
  padding: 16px;
}

.ffVideoEntryTags__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoEntryTags__body,
.ffVideoEntryCats {
  padding: 14px;
  color: #d8cfb0;
}

.ffVideoRelatedBox a,
.ffVideoEntryTags__body a,
.ffVideoEntryCats a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoRelatedBox a:hover,
.ffVideoEntryTags__body a:hover,
.ffVideoEntryCats a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Навигация */

.ffVideoEntryNav,
.ffVideoEntryNavOnly {
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoEntryNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffVideoEntryNav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoEntryNav a:hover {
  color: #fff0ad;
}

.ffVideoEntryNavOnly {
  padding: 12px 14px;
  color: #cdbf96;
}

.ffVideoEntryNavOnly span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoEntryNavOnly a {
  color: #e0c46f;
  font-weight: 700;
}


/* Комментарии */

.ffVideoEntryComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoEntryComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoEntryComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoEntryComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffVideoEntryComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffVideoEntryComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffVideoEntryComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffVideoEntryComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffVideoEntryComments__pages a,
.ffVideoEntryComments__pages b,
.ffVideoEntryComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffVideoEntryComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffVideoEntryComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffVideoEntryComments__form input[type="text"],
.ffVideoEntryComments__form textarea,
.ffVideoEntryComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffVideoEntryComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffVideoEntryComments__form input[type="submit"],
.ffVideoEntryComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffVideoEntryHero__meta,
  .ffVideoEntryPanel__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffVideoPlayerBox__frame iframe,
  .ffVideoPlayerBox__frame embed,
  .ffVideoPlayerBox__frame object,
  .ffVideoPlayerBox__frame video {
    min-height: 360px;
  }
}

@media (max-width: 640px) {
  .ffVideoEntryHero h1 {
    font-size: 26px;
  }

  .ffVideoEntryHero__meta,
  .ffVideoEntryPanel__grid {
    grid-template-columns: 1fr;
  }

  .ffVideoEntryHero,
  .ffVideoEntryContent,
  .ffVideoEntryPanel,
  .ffVideoRelatedBox,
  .ffVideoEntryNav,
  .ffVideoEntryComments__head,
  .ffVideoEntryComments__body,
  .ffVideoEntryComments__form {
    padding: 12px;
  }

  .ffVideoPlayerBox__frame iframe,
  .ffVideoPlayerBox__frame embed,
  .ffVideoPlayerBox__frame object,
  .ffVideoPlayerBox__frame video {
    min-height: 240px;
  }

  .ffVideoEntryNav a {
    width: 100%;
  }

  .ffVideoEntryComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffVideoEntryComments__count {
    width: 100%;
  }

  .ffVideoEntryComments__head h2 {
    font-size: 22px;
  }
}




/* =========================================================
   Страница канала и комментариев к нему
   FalloutFanatics — Video Channel Page
   ========================================================= */

.ffVideoChannelPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero канала */

.ffVideoChannelHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoChannelHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoChannelHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoChannelHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoChannelHero__badge,
.ffVideoChannelHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoChannelHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoChannelHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoChannelHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoChannelHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffVideoChannelHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoChannelHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoChannelHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoChannelHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffVideoChannelConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffVideoChannelConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoChannelConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffVideoChannelConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoChannelConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffVideoChannelConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffVideoChannelConsole__monitor span {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffVideoChannelMonitorScan 2.8s linear infinite;
}

@keyframes ffVideoChannelMonitorScan {
  from {
    left: -30%;
  }

  to {
    left: 100%;
  }
}


/* Навигация */

.ffVideoChannelTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoChannelTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffVideoChannelTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoChannelTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoChannelTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffVideoChannelTools__search input[type="text"],
.ffVideoChannelTools__search input[type="search"],
.ffVideoChannelTools__search select,
.ffVideoChannelSorting__body select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffVideoChannelTools__search input[type="submit"],
.ffVideoChannelTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Блоки */

.ffVideoChannelSorting,
.ffVideoChannelNav,
.ffVideoChannelCats,
.ffVideoChannelList,
.ffVideoChannelPagination,
.ffVideoChannelPrevNext {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffVideoChannelSorting__title,
.ffVideoChannelNav__title,
.ffVideoChannelCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoChannelSorting__body,
.ffVideoChannelNav__body,
.ffVideoChannelCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Каналы / категории */

.ffVideoChannelNav__body a,
.ffVideoChannelCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffVideoChannelNav__body a:hover,
.ffVideoChannelCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список видео */

.ffVideoChannelList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoChannelList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffVideoChannelList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoChannelList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffVideoChannelList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffVideoChannelList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffVideoChannelList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffVideoChannelList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffVideoChannelList__body a {
  color: #d9bc68;
}

.ffVideoChannelList__body a:hover {
  color: #fff0ad;
}


/* Предыдущее / следующее видео */

.ffVideoChannelPrevNext {
  padding: 12px 14px;
  color: #cdbf96;
}

.ffVideoChannelPrevNext span {
  display: block;
  margin-bottom: 6px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoChannelPrevNext a {
  color: #e0c46f;
  font-weight: 700;
}

.ffVideoChannelPrevNext a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffVideoChannelPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffVideoChannelPagination__info {
  color: #cbbf99;
}

.ffVideoChannelPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffVideoChannelPagination__info b {
  color: #f0d887;
}

.ffVideoChannelPagination__links a,
.ffVideoChannelPagination__links b,
.ffVideoChannelPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffVideoChannelHero__meta,
  .ffVideoChannelConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffVideoChannelConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffVideoChannelHero h1 {
    font-size: 26px;
  }

  .ffVideoChannelHero__meta,
  .ffVideoChannelConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffVideoChannelHero,
  .ffVideoChannelConsole,
  .ffVideoChannelTools,
  .ffVideoChannelSorting__body,
  .ffVideoChannelNav__body,
  .ffVideoChannelCats__body,
  .ffVideoChannelList__head,
  .ffVideoChannelList__body,
  .ffVideoChannelPagination,
  .ffVideoChannelPrevNext {
    padding: 12px;
  }

  .ffVideoChannelList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffVideoChannelList__status {
    width: 100%;
  }
}




/* =========================================================
   Вид материалов видео
   FalloutFanatics — Video Item Card
   ========================================================= */

.ffVideoItem {
  position: relative;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 16px;
  min-height: 230px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffVideoItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffVideoItem > * {
  position: relative;
  z-index: 1;
}


/* Код видео */

.ffVideoItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Превью */

.ffVideoItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 195px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffVideoItem__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .16;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .22) 0,
      rgba(183, 224, 139, .22) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffVideoItem__image img {
  width: 100%;
  height: 100%;
  min-height: 195px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffVideoItem:hover .ffVideoItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffVideoItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 195px;
  color: #d7ba65;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Длительность и PLAY */

.ffVideoItem__duration {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(0, 0, 0, .45);
  border-radius: 999px;
  background: rgba(5, 6, 6, .78);
  color: #f0d887;
  font-size: 11px;
  font-weight: 700;
}

.ffVideoItem__play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  border: 1px solid rgba(183, 224, 139, .36);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .18), rgba(5, 8, 5, .72));
  color: #b7e08b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .12),
    0 0 18px rgba(0, 0, 0, .45);
  transition:
    transform .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.ffVideoItem:hover .ffVideoItem__play {
  color: #f0d887;
  border-color: rgba(240, 216, 135, .55);
  transform: translate(-50%, -50%) scale(1.05);
}


/* Тело */

.ffVideoItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffVideoItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffVideoItem__cat,
.ffVideoItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffVideoItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffVideoItem__status--wait {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffVideoItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffVideoItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffVideoItem__title a {
  color: #edd488;
}

.ffVideoItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffVideoItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffVideoItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffVideoItem__meta a {
  color: #b7e08b;
}

.ffVideoItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffVideoItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffVideoItem__desc p {
  margin: 0;
}


/* Главные параметры видео */

.ffVideoItem__videoStats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 10px;
}

.ffVideoItem__videoStats div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(130, 156, 88, .26);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .12), transparent 60%),
    rgba(8, 12, 8, .50);
}

.ffVideoItem__videoStats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffVideoItem__videoStats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Дополнительная статистика */

.ffVideoItem__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.ffVideoItem__stats div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffVideoItem__stats b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffVideoItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffVideoItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68;
  font-size: 11px;
  font-weight: 700;
}

.ffVideoItem__tags a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* РљРЅРѕРїРєРё */

.ffVideoItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffVideoItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffVideoItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffVideoItem__watch {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffVideoItem__comments {
  color: #d8d0b5 !important;
}


/* Модерация */

.ffVideoItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffVideoItem__videoStats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ffVideoItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ffVideoItem {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .ffVideoItem__videoStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffVideoItem {
    grid-template-columns: 1fr;
  }

  .ffVideoItem__image,
  .ffVideoItem__image img,
  .ffVideoItem__placeholder {
    min-height: 190px;
  }

  .ffVideoItem__title {
    font-size: 21px;
  }

  .ffVideoItem__videoStats,
  .ffVideoItem__stats {
    grid-template-columns: 1fr;
  }

  .ffVideoItem__bottom a {
    width: 100%;
  }
}



/* =========================================================
   Вид канала видео
   FalloutFanatics — Video Channel Item
   ========================================================= */

.ffVideoChannelItem {
  position: relative;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 16px;
  min-height: 220px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

.ffVideoChannelItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoChannelItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffVideoChannelItem > * {
  position: relative;
  z-index: 1;
}


/* Код канала */

.ffVideoChannelItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Превью канала */

.ffVideoChannelItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 195px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffVideoChannelItem__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .16;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .22) 0,
      rgba(183, 224, 139, .22) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffVideoChannelItem__image img {
  width: 100%;
  height: 100%;
  min-height: 195px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffVideoChannelItem:hover .ffVideoChannelItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.92)
    sepia(.10)
    brightness(1.02);
}

.ffVideoChannelItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 195px;
  color: #d7ba65;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* ON AIR */

.ffVideoChannelItem__signal {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border: 1px solid rgba(183, 224, 139, .36);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .18), rgba(5, 8, 5, .72));
  color: #b7e08b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .12),
    0 0 18px rgba(0, 0, 0, .45);
  transition:
    transform .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.ffVideoChannelItem:hover .ffVideoChannelItem__signal {
  color: #f0d887;
  border-color: rgba(240, 216, 135, .55);
  transform: translate(-50%, -50%) scale(1.05);
}


/* Тело */

.ffVideoChannelItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffVideoChannelItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffVideoChannelItem__cat,
.ffVideoChannelItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffVideoChannelItem__status {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffVideoChannelItem__cat:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffVideoChannelItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffVideoChannelItem__title a {
  color: #edd488;
}

.ffVideoChannelItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffVideoChannelItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffVideoChannelItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffVideoChannelItem__meta a {
  color: #b7e08b;
}

.ffVideoChannelItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffVideoChannelItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffVideoChannelItem__desc p {
  margin: 0;
}


/* Статистика */

.ffVideoChannelItem__stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 10px;
}

.ffVideoChannelItem__stats div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(130, 156, 88, .26);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .12), transparent 60%),
    rgba(8, 12, 8, .50);
}

.ffVideoChannelItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffVideoChannelItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Дополнительные поля */

.ffVideoChannelItem__extra {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.ffVideoChannelItem__extra div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoChannelItem__extra span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffVideoChannelItem__extra b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffVideoChannelItem__extra a {
  color: #f0d887;
}

.ffVideoChannelItem__extra a:hover {
  color: #fff0ad;
}


/* РљРЅРѕРїРєРё */

.ffVideoChannelItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffVideoChannelItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffVideoChannelItem__bottom a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffVideoChannelItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffVideoChannelItem__comments {
  color: #d8d0b5 !important;
}


/* Рейтинг / модерация */

.ffVideoChannelItem__rate,
.ffVideoChannelItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffVideoChannelItem__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ffVideoChannelItem__extra {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ffVideoChannelItem {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .ffVideoChannelItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffVideoChannelItem {
    grid-template-columns: 1fr;
  }

  .ffVideoChannelItem__image,
  .ffVideoChannelItem__image img,
  .ffVideoChannelItem__placeholder {
    min-height: 190px;
  }

  .ffVideoChannelItem__title {
    font-size: 21px;
  }

  .ffVideoChannelItem__stats,
  .ffVideoChannelItem__extra {
    grid-template-columns: 1fr;
  }

  .ffVideoChannelItem__bottom a {
    width: 100%;
  }
}


/* =========================================================
   Страница поиска и рейтинга видео
   FalloutFanatics — Video Search / Rating Page
   ========================================================= */

.ffVideoSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero РїРѕРёСЃРєР° */

.ffVideoSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffVideoSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffVideoSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffVideoSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffVideoSearchHero__badge,
.ffVideoSearchHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffVideoSearchHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffVideoSearchHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffVideoSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffVideoSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffVideoSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffVideoSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffVideoSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль поиска */

.ffVideoSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffVideoSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffVideoSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffVideoSearchConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffVideoSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffVideoSearchConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffVideoSearchConsole__monitor span {
  position: absolute;
  left: -30%;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffVideoSearchMonitorScan 2.8s linear infinite;
}

@keyframes ffVideoSearchMonitorScan {
  from {
    left: -30%;
  }

  to {
    left: 100%;
  }
}


/* =========================================================
   Главная страница модуля фонов Fallout
   FalloutFanatics — Backgrounds Module Main
   ========================================================= */

.ffBgPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
}


/* Hero */

.ffBgHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffBgHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffBgHero > * {
  position: relative;
  z-index: 1;
}

.ffBgHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffBgHero__badge,
.ffBgHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #dfc570;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffBgHero__badge {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .40);
}

.ffBgHero__rss:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffBgHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffBgHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffBgHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffBgHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffBgHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffBgHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль изображений */

.ffBgConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffBgConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffBgConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffBgConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffBgConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffBgConsole__preview {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      90deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 9px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffBgConsole__preview span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffBgPreviewScan 3s linear infinite;
}

@keyframes ffBgPreviewScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* Слайд-шоу */

.ffBgSlideshow {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffBgSlideshow__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffBgSlideshow__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffBgSlideshow__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffBgSlideshow__button a,
.ffBgSlideshow__button button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.ffBgSlideshow__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffBgSlideshow__body img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 14px;
}


/* Навигация */

.ffBgTools {
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffBgTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffBgTools__links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffBgTools__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}

.ffBgTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы поиска */

.ffBgTools__search input[type="text"],
.ffBgTools__search input[type="search"],
.ffBgTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffBgTools__search input[type="submit"],
.ffBgTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Категории */

.ffBgCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffBgCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffBgCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffBgCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 12px;
  font-weight: 700;
}

.ffBgCats__body a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Список фонов */

.ffBgList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffBgList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffBgList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffBgList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffBgList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffBgList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffBgList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffBgList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffBgList__body a {
  color: #d9bc68;
}

.ffBgList__body a:hover {
  color: #fff0ad;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffBgHero__meta,
  .ffBgConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffBgConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffBgHero h1 {
    font-size: 26px;
  }

  .ffBgHero__meta,
  .ffBgConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffBgHero,
  .ffBgConsole,
  .ffBgTools,
  .ffBgCats__body,
  .ffBgList__head,
  .ffBgList__body,
  .ffBgSlideshow__head,
  .ffBgSlideshow__body {
    padding: 12px;
  }

  .ffBgList__head,
  .ffBgSlideshow__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffBgList__status {
    width: 100%;
  }
}


/* =========================================================
   FIX: Фоны Fallout — главная модуля
   ========================================================= */

.ffBgPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

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


/* HERO */

.ffBgHero {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffBgHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffBgHero > * {
  position: relative;
  z-index: 1;
}

.ffBgHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffBgHero__badge,
.ffBgHero__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffBgHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffBgHero__rss:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffBgHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffBgHero__text {
  max-width: 860px;
  margin: 0;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffBgHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffBgHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffBgHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffBgHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* КОНСОЛЬ */

.ffBgConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffBgConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffBgConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffBgConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffBgConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffBgConsole__preview {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      90deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 9px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffBgConsole__preview span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffBgPreviewScan 3s linear infinite;
}

@keyframes ffBgPreviewScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* СЛАЙД-ШОУ */

.ffBgSlideshow,
.ffBgTools,
.ffBgCats,
.ffBgList {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffBgSlideshow__head,
.ffBgList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffBgSlideshow__head span,
.ffBgList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffBgSlideshow__head h2,
.ffBgList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffBgSlideshow__body,
.ffBgList__body,
.ffBgCats__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffBgSlideshow__body img,
.ffBgList__body img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 14px;
}


/* НАВИГАЦИЯ */

.ffBgTools {
  padding: 14px;
}

.ffBgTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffBgTools__links a,
.ffBgCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffBgTools__links a:hover,
.ffBgCats__body a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffBgTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffBgTools__search input[type="text"],
.ffBgTools__search input[type="search"],
.ffBgTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffBgTools__search input[type="submit"],
.ffBgTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffBgCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}


/* СТАТУС СПИСКА */

.ffBgList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffBgList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffBgList__status b {
  color: #bff08f;
  font-size: 16px;
}


/* АДАПТАЦИЯ */

@media (max-width: 980px) {
  .ffBgHero__meta,
  .ffBgConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffBgConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffBgHero h1 {
    font-size: 26px;
  }

  .ffBgHero__meta,
  .ffBgConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffBgHero,
  .ffBgConsole,
  .ffBgTools,
  .ffBgCats__body,
  .ffBgList__head,
  .ffBgList__body,
  .ffBgSlideshow__head,
  .ffBgSlideshow__body {
    padding: 12px;
  }

  .ffBgList__head,
  .ffBgSlideshow__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffBgList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком фотографий раздела
   FalloutFanatics — Photo Section List
   ========================================================= */

.ffPhotoSectionPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* Hero */

.ffPhotoSectionHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoSectionHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoSectionHero > * {
  position: relative;
  z-index: 1;
}

.ffPhotoSectionHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffPhotoSectionHero__badge,
.ffPhotoSectionHero__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPhotoSectionHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffPhotoSectionHero__rss:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoSectionHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPhotoSectionHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPhotoSectionHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffPhotoSectionHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPhotoSectionHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoSectionHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffPhotoSectionConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffPhotoSectionConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPhotoSectionConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffPhotoSectionConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoSectionConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffPhotoSectionConsole__preview {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      90deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 9px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffPhotoSectionConsole__preview span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffPhotoSectionPreviewScan 3s linear infinite;
}

@keyframes ffPhotoSectionPreviewScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* Блоки */

.ffPhotoSectionTools,
.ffPhotoSectionSorting,
.ffPhotoSectionFilters,
.ffPhotoSectionCats,
.ffPhotoSectionList,
.ffPhotoSectionPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* Навигация */

.ffPhotoSectionTools {
  padding: 14px;
}

.ffPhotoSectionTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffPhotoSectionTools__links a,
.ffPhotoSectionCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoSectionTools__links a:hover,
.ffPhotoSectionCats__body a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoSectionTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffPhotoSectionTools__search input[type="text"],
.ffPhotoSectionTools__search input[type="search"],
.ffPhotoSectionTools__search select,
.ffPhotoSectionSorting__body select,
.ffPhotoSectionFilters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffPhotoSectionTools__search input[type="submit"],
.ffPhotoSectionTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Заголовки внутренних блоков */

.ffPhotoSectionSorting__title,
.ffPhotoSectionFilters__title,
.ffPhotoSectionCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoSectionSorting__body,
.ffPhotoSectionCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Фильтры */

.ffPhotoSectionFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffPhotoSectionFilters__grid div {
  min-width: 0;
}


/* РЎРїРёСЃРѕРє */

.ffPhotoSectionList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoSectionList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoSectionList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPhotoSectionList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPhotoSectionList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPhotoSectionList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPhotoSectionList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffPhotoSectionList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffPhotoSectionList__body a {
  color: #d9bc68;
}

.ffPhotoSectionList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffPhotoSectionPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffPhotoSectionPagination__info {
  color: #cbbf99;
}

.ffPhotoSectionPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffPhotoSectionPagination__info b {
  color: #f0d887;
}

.ffPhotoSectionPagination__links a,
.ffPhotoSectionPagination__links b,
.ffPhotoSectionPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffPhotoSectionHero__meta,
  .ffPhotoSectionConsole__screen,
  .ffPhotoSectionFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffPhotoSectionConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffPhotoSectionHero h1 {
    font-size: 26px;
  }

  .ffPhotoSectionHero__meta,
  .ffPhotoSectionConsole__screen,
  .ffPhotoSectionFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffPhotoSectionHero,
  .ffPhotoSectionConsole,
  .ffPhotoSectionTools,
  .ffPhotoSectionSorting__body,
  .ffPhotoSectionFilters__grid,
  .ffPhotoSectionCats__body,
  .ffPhotoSectionList__head,
  .ffPhotoSectionList__body,
  .ffPhotoSectionPagination {
    padding: 12px;
  }

  .ffPhotoSectionList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPhotoSectionList__status {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком фотографий альбома
   FalloutFanatics — Photo Album List
   ========================================================= */

.ffPhotoAlbumPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* Hero */

.ffPhotoAlbumHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoAlbumHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoAlbumHero > * {
  position: relative;
  z-index: 1;
}

.ffPhotoAlbumHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffPhotoAlbumHero__badge,
.ffPhotoAlbumHero__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPhotoAlbumHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffPhotoAlbumHero__rss:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoAlbumHero__main {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

.ffPhotoAlbumHero__image {
  overflow: hidden;
  min-height: 160px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffPhotoAlbumHero__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  filter:
    contrast(1.08)
    saturate(.84)
    sepia(.12)
    brightness(.95);
}

.ffPhotoAlbumHero__content {
  min-width: 0;
}

.ffPhotoAlbumHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPhotoAlbumHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPhotoAlbumHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffPhotoAlbumHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPhotoAlbumHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoAlbumHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Консоль */

.ffPhotoAlbumConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffPhotoAlbumConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPhotoAlbumConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffPhotoAlbumConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoAlbumConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffPhotoAlbumConsole__preview {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      90deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 9px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffPhotoAlbumConsole__preview span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffPhotoAlbumPreviewScan 3s linear infinite;
}

@keyframes ffPhotoAlbumPreviewScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* Блоки */

.ffPhotoAlbumSlideshow,
.ffPhotoAlbumTools,
.ffPhotoAlbumSorting,
.ffPhotoAlbumFilters,
.ffPhotoAlbumCats,
.ffPhotoAlbumList,
.ffPhotoAlbumPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* Слайд-шоу */

.ffPhotoAlbumSlideshow__head,
.ffPhotoAlbumList__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoAlbumSlideshow__head span,
.ffPhotoAlbumList__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPhotoAlbumSlideshow__head h2,
.ffPhotoAlbumList__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPhotoAlbumSlideshow__button a,
.ffPhotoAlbumSlideshow__button button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPhotoAlbumSlideshow__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffPhotoAlbumSlideshow__body img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 14px;
}


/* Навигация */

.ffPhotoAlbumTools {
  padding: 14px;
}

.ffPhotoAlbumTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffPhotoAlbumTools__links a,
.ffPhotoAlbumCats__body a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoAlbumTools__links a:hover,
.ffPhotoAlbumCats__body a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoAlbumTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}


/* Формы */

.ffPhotoAlbumTools__search input[type="text"],
.ffPhotoAlbumTools__search input[type="search"],
.ffPhotoAlbumTools__search select,
.ffPhotoAlbumSorting__body select,
.ffPhotoAlbumFilters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffPhotoAlbumTools__search input[type="submit"],
.ffPhotoAlbumTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Заголовки внутренних блоков */

.ffPhotoAlbumSorting__title,
.ffPhotoAlbumFilters__title,
.ffPhotoAlbumCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoAlbumSorting__body,
.ffPhotoAlbumCats__body {
  padding: 14px;
  color: #d8cfb0;
}


/* Фильтры */

.ffPhotoAlbumFilters__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.ffPhotoAlbumFilters__grid div {
  min-width: 0;
}


/* РЎРїРёСЃРѕРє */

.ffPhotoAlbumList {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoAlbumList__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPhotoAlbumList__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPhotoAlbumList__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffPhotoAlbumList__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffPhotoAlbumList__body a {
  color: #d9bc68;
}

.ffPhotoAlbumList__body a:hover {
  color: #fff0ad;
}


/* Пагинация */

.ffPhotoAlbumPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffPhotoAlbumPagination__info {
  color: #cbbf99;
}

.ffPhotoAlbumPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffPhotoAlbumPagination__info b {
  color: #f0d887;
}

.ffPhotoAlbumPagination__links a,
.ffPhotoAlbumPagination__links b,
.ffPhotoAlbumPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffPhotoAlbumHero__main {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .ffPhotoAlbumHero__meta,
  .ffPhotoAlbumConsole__screen,
  .ffPhotoAlbumFilters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffPhotoAlbumConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffPhotoAlbumHero__main,
  .ffPhotoAlbumHero__meta,
  .ffPhotoAlbumConsole__screen,
  .ffPhotoAlbumFilters__grid {
    grid-template-columns: 1fr;
  }

  .ffPhotoAlbumHero h1 {
    font-size: 26px;
  }

  .ffPhotoAlbumHero,
  .ffPhotoAlbumConsole,
  .ffPhotoAlbumTools,
  .ffPhotoAlbumSlideshow__head,
  .ffPhotoAlbumSlideshow__body,
  .ffPhotoAlbumSorting__body,
  .ffPhotoAlbumFilters__grid,
  .ffPhotoAlbumCats__body,
  .ffPhotoAlbumList__head,
  .ffPhotoAlbumList__body,
  .ffPhotoAlbumPagination {
    padding: 12px;
  }

  .ffPhotoAlbumSlideshow__head,
  .ffPhotoAlbumList__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPhotoAlbumList__status {
    width: 100%;
  }
}


/* =========================================================
   Страница с полной фотографией и комментариями
   FalloutFanatics — Full Photo Page
   ========================================================= */

.ffPhotoFullPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* Hero */

.ffPhotoFullHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoFullHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoFullHero > * {
  position: relative;
  z-index: 1;
}

.ffPhotoFullHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffPhotoFullHero__badge,
.ffPhotoFullHero__cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPhotoFullHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffPhotoFullHero__cat:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoFullHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPhotoFullHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPhotoFullHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffPhotoFullHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPhotoFullHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoFullHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Просмотр фото */

.ffPhotoFullViewer {
  overflow: hidden;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoFullViewer__image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 260px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
}

.ffPhotoFullViewer__image a {
  display: block;
  width: 100%;
  text-align: center;
}

.ffPhotoFullViewer__image img,
.ffPhotoFullViewer__image .photo,
.ffPhotoFullViewer__image picture {
  max-width: 100%;
  height: auto;
}

.ffPhotoFullViewer__image img {
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  filter:
    contrast(1.06)
    saturate(.88)
    sepia(.10)
    brightness(.96);
}

.ffPhotoFullViewer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.ffPhotoFullViewer__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPhotoFullViewer__actions a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Блоки */

.ffPhotoFullNear,
.ffPhotoFullInfo,
.ffPhotoFullDescr,
.ffPhotoFullTags,
.ffPhotoFullOther,
.ffPhotoFullRelated,
.ffPhotoFullNav,
.ffPhotoFullPrevNext,
.ffPhotoFullModer,
.ffPhotoFullComments {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* Соседние фото */

.ffPhotoFullNear__title,
.ffPhotoFullTags__title,
.ffPhotoFullOther__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoFullNear__body,
.ffPhotoFullTags__body,
.ffPhotoFullOther__body,
.ffPhotoFullRelated,
.ffPhotoFullDescr {
  padding: 14px;
  color: #d8d0b5;
}

.ffPhotoFullNear__body img,
.ffPhotoFullOther__body img {
  max-width: 100%;
  height: auto;
  margin: 4px;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 10px;
}


/* Инфо */

.ffPhotoFullInfo {
  padding: 16px;
}

.ffPhotoFullInfo__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffPhotoFullInfo__grid div {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffPhotoFullInfo__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoFullInfo__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffPhotoFullInfo__grid a {
  color: #f0d887;
}

.ffPhotoFullInfo__grid a:hover {
  color: #fff0ad;
}

.ffPhotoFullRate {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 14px;
  background: rgba(10, 10, 10, .42);
}

.ffPhotoFullRate__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Текст */

.ffPhotoFullDescr {
  font-size: 15px;
  line-height: 1.75;
}

.ffPhotoFullDescr p {
  margin: 0 0 14px;
}


/* Теги / похожее */

.ffPhotoFullTags__body a,
.ffPhotoFullOther__body a,
.ffPhotoFullRelated a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px;
  padding: 0 11px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoFullTags__body a:hover,
.ffPhotoFullOther__body a:hover,
.ffPhotoFullRelated a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Навигация */

.ffPhotoFullNav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffPhotoFullNav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoFullNav a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoFullPrevNext {
  padding: 12px 14px;
  color: #cdbf96;
}

.ffPhotoFullPrevNext span {
  display: block;
  margin-bottom: 6px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoFullPrevNext a {
  color: #e0c46f;
  font-weight: 700;
}

.ffPhotoFullPrevNext a:hover {
  color: #fff0ad;
}


/* Модерация / предупреждения */

.ffPhotoFullModer {
  padding: 12px;
}

.ffPhotoFullWarning {
  margin: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  line-height: 1.55;
}


/* Комментарии */

.ffPhotoFullComments__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoFullComments__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPhotoFullComments__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPhotoFullComments__count {
  min-width: 74px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPhotoFullComments__count span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPhotoFullComments__count b {
  color: #bff08f;
  font-size: 18px;
}

.ffPhotoFullComments__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffPhotoFullComments__pages {
  padding: 0 16px 16px;
  color: #d8d0b5;
}

.ffPhotoFullComments__pages a,
.ffPhotoFullComments__pages b,
.ffPhotoFullComments__pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
}

.ffPhotoFullComments__form {
  padding: 16px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .30);
}

.ffPhotoFullComments__formTitle {
  margin-bottom: 10px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffPhotoFullComments__form input[type="text"],
.ffPhotoFullComments__form textarea,
.ffPhotoFullComments__form select {
  width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffPhotoFullComments__form textarea {
  min-height: 120px;
  padding: 10px;
}

.ffPhotoFullComments__form input[type="submit"],
.ffPhotoFullComments__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffPhotoFullHero__meta,
  .ffPhotoFullInfo__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffPhotoFullHero h1 {
    font-size: 26px;
  }

  .ffPhotoFullHero__meta,
  .ffPhotoFullInfo__grid {
    grid-template-columns: 1fr;
  }

  .ffPhotoFullHero,
  .ffPhotoFullViewer,
  .ffPhotoFullInfo,
  .ffPhotoFullDescr,
  .ffPhotoFullNear__body,
  .ffPhotoFullTags__body,
  .ffPhotoFullOther__body,
  .ffPhotoFullRelated,
  .ffPhotoFullNav,
  .ffPhotoFullComments__head,
  .ffPhotoFullComments__body,
  .ffPhotoFullComments__form {
    padding: 12px;
  }

  .ffPhotoFullViewer__actions a,
  .ffPhotoFullNav a {
    width: 100%;
  }

  .ffPhotoFullComments__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPhotoFullComments__count {
    width: 100%;
  }

  .ffPhotoFullComments__head h2 {
    font-size: 22px;
  }
}



/* =========================================================
   Вид фотографий
   FalloutFanatics — Photo Item Card
   ========================================================= */

.ffPhotoItem {
  position: relative;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 16px;
  min-height: 230px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

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

.ffPhotoItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffPhotoItem > * {
  position: relative;
  z-index: 1;
}


/* Код фото */

.ffPhotoItem__code {
  position: absolute;
  left: 14px;
  top: 14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 999px;
  background: rgba(5, 8, 5, .72);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
}


/* Фото */

.ffPhotoItem__imageWrap {
  position: relative;
  min-height: 205px;
}

.ffPhotoItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 205px;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .35);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .18), transparent 48%),
    #070808;
  text-decoration: none;
}

.ffPhotoItem__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .14;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .20) 0,
      rgba(183, 224, 139, .20) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffPhotoItem__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 205px;
  object-fit: cover;
  border: 0;
  filter:
    contrast(1.08)
    saturate(.86)
    sepia(.12)
    brightness(.95);
  transition:
    filter .2s ease,
    transform .2s ease;
}

.ffPhotoItem:hover .ffPhotoItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.94)
    sepia(.10)
    brightness(1.02);
}

.ffPhotoItem__size {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(0, 0, 0, .45);
  border-radius: 999px;
  background: rgba(5, 6, 6, .78);
  color: #f0d887;
  font-size: 11px;
  font-weight: 700;
}

.ffPhotoItem__view {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  border: 1px solid rgba(183, 224, 139, .36);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .18), rgba(5, 8, 5, .72));
  color: #b7e08b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .12),
    0 0 18px rgba(0, 0, 0, .45);
  transition:
    transform .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.ffPhotoItem:hover .ffPhotoItem__view {
  color: #f0d887;
  border-color: rgba(240, 216, 135, .55);
  transform: translate(-50%, -50%) scale(1.05);
}


/* Тело */

.ffPhotoItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffPhotoItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffPhotoItem__cat,
.ffPhotoItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.ffPhotoItem__status {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffPhotoItem__status--wait {
  color: #e8b394 !important;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffPhotoItem__cat:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Заголовок */

.ffPhotoItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.22;
}

.ffPhotoItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffPhotoItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffPhotoItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.4;
}

.ffPhotoItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffPhotoItem__meta a {
  color: #b7e08b;
  text-decoration: none;
}

.ffPhotoItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */

.ffPhotoItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffPhotoItem__desc p {
  margin: 0;
}


/* Статистика */

.ffPhotoItem__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: auto;
  margin-bottom: 12px;
}

.ffPhotoItem__stats div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(130, 156, 88, .26);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .12), transparent 60%),
    rgba(8, 12, 8, .50);
}

.ffPhotoItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffPhotoItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги */

.ffPhotoItem__tags {
  margin-bottom: 12px;
  color: #cdbf96;
  font-size: 12px;
}

.ffPhotoItem__tags a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin: 3px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #d9bc68 !important;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoItem__tags a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* РљРЅРѕРїРєРё */

.ffPhotoItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 12px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffPhotoItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
}

.ffPhotoItem__bottom a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffPhotoItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffPhotoItem__download {
  color: #b7e08b !important;
}

.ffPhotoItem__comments {
  color: #d8d0b5 !important;
}


/* Рейтинг / модерация */

.ffPhotoItem__rate,
.ffPhotoItem__moder {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(186, 157, 70, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffPhotoItem__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ffPhotoItem {
    grid-template-columns: 190px minmax(0, 1fr);
  }

  .ffPhotoItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffPhotoItem {
    grid-template-columns: 1fr;
  }

  .ffPhotoItem__imageWrap,
  .ffPhotoItem__image,
  .ffPhotoItem__image img {
    min-height: 210px;
  }

  .ffPhotoItem__title {
    font-size: 21px;
  }

  .ffPhotoItem__stats {
    grid-template-columns: 1fr;
  }

  .ffPhotoItem__bottom a {
    width: 100%;
  }
}


/* =========================================================
   FIX: Вид фотографий — нормальная галерея фонов
   FalloutFanatics
   ========================================================= */

/* Сетка для вывода фотографий внутри списков */
.ffBgList__body,
.ffPhotoSectionList__body,
.ffPhotoAlbumList__body,
.ffVideoSearchResults__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  align-items: stretch;
}

/* Сама карточка фото */
.ffPhotoItem {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(118, 101, 45, .42);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(86, 116, 52, .18), transparent 42%),
    radial-gradient(circle at bottom right, rgba(145, 97, 42, .12), transparent 46%),
    linear-gradient(180deg, rgba(18, 21, 17, .98), rgba(7, 8, 7, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .06),
    0 12px 22px rgba(0, 0, 0, .28);
  overflow: hidden;
}

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

.ffPhotoItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoItem > * {
  position: relative;
  z-index: 1;
}


/* PHOTO #ID */
.ffPhotoItem__code {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid rgba(130, 156, 88, .46);
  border-radius: 999px;
  background: rgba(5, 8, 5, .82);
  color: #bff08f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 0 14px rgba(0, 0, 0, .45);
}


/* Обёртка картинки */
.ffPhotoItem__imageWrap {
  position: relative;
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .42);
  border-radius: 15px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .20), transparent 55%),
    #070808;
}

.ffPhotoItem__image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 15px;
  background: #070808;
  text-decoration: none;
}

.ffPhotoItem__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .20) 0,
      rgba(183, 224, 139, .20) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffPhotoItem__image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none;
  object-fit: cover;
  border: 0;
  border-radius: 15px;
  filter:
    contrast(1.06)
    saturate(.88)
    sepia(.10)
    brightness(.94);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffPhotoItem:hover .ffPhotoItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.96)
    sepia(.08)
    brightness(1.02);
}


/* Размер картинки */
.ffPhotoItem__size {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(0, 0, 0, .48);
  border-radius: 999px;
  background: rgba(5, 6, 6, .82);
  color: #f0d887;
  font-size: 11px;
  font-weight: 800;
}


/* Центральная кнопка VIEW — делаем меньше и мягче */
.ffPhotoItem__view {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(183, 224, 139, .32);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .13), rgba(5, 8, 5, .62));
  color: #b7e08b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  opacity: .78;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .10),
    0 0 18px rgba(0, 0, 0, .45);
  transition:
    transform .2s ease,
    opacity .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.ffPhotoItem:hover .ffPhotoItem__view {
  opacity: 1;
  color: #f0d887;
  border-color: rgba(240, 216, 135, .55);
  transform: translate(-50%, -50%) scale(1.06);
}


/* Тело карточки */
.ffPhotoItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 2px 0;
}


/* Верхняя строка */
.ffPhotoItem__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin: 0;
}

.ffPhotoItem__cat,
.ffPhotoItem__status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #e0c46f !important;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}

.ffPhotoItem__status {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .35);
  background: rgba(48, 72, 34, .20);
}

.ffPhotoItem__status--wait {
  color: #e8b394 !important;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}


/* Заголовок */
.ffPhotoItem__title {
  margin: 0;
  color: #edd488;
  font-size: 17px;
  line-height: 1.25;
}

.ffPhotoItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffPhotoItem__title a:hover {
  color: #fff0ad;
}


/* Мета */
.ffPhotoItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin: 0;
  color: #aeb79b;
  font-size: 11px;
  line-height: 1.4;
}

.ffPhotoItem__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ffPhotoItem__meta a {
  color: #b7e08b;
  text-decoration: none;
}

.ffPhotoItem__meta a:hover {
  color: #fff0ad;
}


/* Описание */
.ffPhotoItem__desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}

.ffPhotoItem__desc p {
  margin: 0;
}


/* Статистика компактно */
.ffPhotoItem__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 2px 0 0;
}

.ffPhotoItem__stats div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffPhotoItem__stats span {
  display: block;
  margin-bottom: 2px;
  color: #8d9377;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffPhotoItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Теги можно скрыть в плитке, чтобы не раздували карточки */
.ffPhotoItem__tags {
  display: none;
}


/* РљРЅРѕРїРєРё */
.ffPhotoItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffPhotoItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}

.ffPhotoItem__bottom a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffPhotoItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}


/* Рейтинг и модерация */
.ffPhotoItem__rate,
.ffPhotoItem__moder {
  margin-top: 8px;
  padding: 9px;
  border: 1px solid rgba(186, 157, 70, .25);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
}


/* Если uCoz оборачивает карточки в таблицы */
.ffBgList__body table,
.ffPhotoSectionList__body table,
.ffPhotoAlbumList__body table {
  width: 100%;
}

.ffBgList__body td,
.ffPhotoSectionList__body td,
.ffPhotoAlbumList__body td {
  vertical-align: top;
}


/* Адаптация */
@media (max-width: 1100px) {
  .ffBgList__body,
  .ffPhotoSectionList__body,
  .ffPhotoAlbumList__body,
  .ffVideoSearchResults__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffBgList__body,
  .ffPhotoSectionList__body,
  .ffPhotoAlbumList__body,
  .ffVideoSearchResults__body {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .ffPhotoItem__imageWrap {
    aspect-ratio: 16 / 10;
  }

  .ffPhotoItem__stats {
    grid-template-columns: 1fr;
  }

  .ffPhotoItem__bottom a {
    flex: 1 1 auto;
  }
}



/* =========================================================
   FIX: uCoz photo BODY table -> normal gallery grid
   ========================================================= */

/* Контейнер списка */
.ffBgList__body,
.ffPhotoSectionList__body,
.ffPhotoAlbumList__body {
  display: block !important;
  padding: 18px !important;
}

/* Если uCoz вывел таблицу внутри $BODY$ */
.ffBgList__body > table,
.ffPhotoSectionList__body > table,
.ffPhotoAlbumList__body > table {
  display: block !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

/* tbody превращаем в сетку */
.ffBgList__body > table > tbody,
.ffPhotoSectionList__body > table > tbody,
.ffPhotoAlbumList__body > table > tbody {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

/* строки таблицы убираем из раскладки */
.ffBgList__body > table > tbody > tr,
.ffPhotoSectionList__body > table > tbody > tr,
.ffPhotoAlbumList__body > table > tbody > tr {
  display: contents !important;
}

/* ячейки становятся нормальными grid-item */
.ffBgList__body > table > tbody > tr > td,
.ffPhotoSectionList__body > table > tbody > tr > td,
.ffPhotoAlbumList__body > table > tbody > tr > td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

/* если uCoz вставляет br между карточками */
.ffBgList__body br,
.ffPhotoSectionList__body br,
.ffPhotoAlbumList__body br {
  display: none !important;
}

/* карточка должна занимать всю ширину своей ячейки */
.ffBgList__body .ffPhotoItem,
.ffPhotoSectionList__body .ffPhotoItem,
.ffPhotoAlbumList__body .ffPhotoItem {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}


/* =========================================================
   FIX: делаем карточку ниже и чище
   ========================================================= */

.ffPhotoItem {
  padding: 10px !important;
  border-radius: 16px !important;
}

/* картинка нормальная 16:9 */
.ffPhotoItem__imageWrap {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
}

.ffPhotoItem__image {
  min-height: 0 !important;
  height: 100% !important;
}

.ffPhotoItem__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

/* заголовок компактнее */
.ffPhotoItem__title {
  font-size: 16px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* мета компактная */
.ffPhotoItem__meta {
  font-size: 11px !important;
}

/* статистика 2x2 */
.ffPhotoItem__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* кнопки компактнее */
.ffPhotoItem__bottom {
  gap: 6px !important;
}

.ffPhotoItem__bottom a {
  min-height: 29px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}

/* рейтинг и модерация не должны раздувать карточку */
.ffPhotoItem__rate,
.ffPhotoItem__moder {
  padding: 8px !important;
  margin-top: 8px !important;
}


/* =========================================================
   Адаптация
   ========================================================= */

@media (max-width: 1100px) {
  .ffBgList__body > table > tbody,
  .ffPhotoSectionList__body > table > tbody,
  .ffPhotoAlbumList__body > table > tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .ffBgList__body,
  .ffPhotoSectionList__body,
  .ffPhotoAlbumList__body {
    padding: 12px !important;
  }

  .ffBgList__body > table > tbody,
  .ffPhotoSectionList__body > table > tbody,
  .ffPhotoAlbumList__body > table > tbody {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Страница рейтинга и поиска фотографий
   FalloutFanatics — Photo Search / Rating Page
   FULL CSS
   ========================================================= */

.ffPhotoSearchPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* =========================================================
   HERO
   ========================================================= */

.ffPhotoSearchHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoSearchHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPhotoSearchHero > * {
  position: relative;
  z-index: 1;
}

.ffPhotoSearchHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffPhotoSearchHero__badge,
.ffPhotoSearchHero__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPhotoSearchHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffPhotoSearchHero__rss:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPhotoSearchHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPhotoSearchHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPhotoSearchHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffPhotoSearchHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPhotoSearchHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoSearchHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* =========================================================
   CONSOLE
   ========================================================= */

.ffPhotoSearchConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffPhotoSearchConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPhotoSearchConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffPhotoSearchConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoSearchConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffPhotoSearchConsole__preview {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      90deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 9px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffPhotoSearchConsole__preview span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffPhotoSearchPreviewScan 3s linear infinite;
}

@keyframes ffPhotoSearchPreviewScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* =========================================================
   COMMON BLOCKS
   ========================================================= */

.ffPhotoSearchTools,
.ffPhotoSearchBox,
.ffPhotoSearchCats,
.ffPhotoSearchSectionInfo,
.ffPhotoSearchResults,
.ffPhotoSearchPagination {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.ffPhotoSearchTools {
  padding: 14px;
}

.ffPhotoSearchTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffPhotoSearchTools__links a,
.ffPhotoSearchCats__body a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPhotoSearchTools__links a:hover,
.ffPhotoSearchCats__body a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   SEARCH BOX
   ========================================================= */

.ffPhotoSearchBox__head,
.ffPhotoSearchResults__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoSearchBox__head span,
.ffPhotoSearchResults__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPhotoSearchBox__head h2,
.ffPhotoSearchResults__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPhotoSearchBox__status,
.ffPhotoSearchResults__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPhotoSearchBox__status span,
.ffPhotoSearchResults__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPhotoSearchBox__status b,
.ffPhotoSearchResults__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffPhotoSearchBox__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffPhotoSearchBox__form input[type="text"],
.ffPhotoSearchBox__form input[type="search"],
.ffPhotoSearchBox__form input[type="password"],
.ffPhotoSearchBox__form select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffPhotoSearchBox__form input[type="submit"],
.ffPhotoSearchBox__form button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.ffPhotoSearchCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPhotoSearchCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffPhotoSearchCats__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ffPhotoSearchCats__body li {
  display: inline-flex;
  margin: 4px;
}


/* =========================================================
   SECTION INFO
   ========================================================= */

.ffPhotoSearchSectionInfo {
  padding: 14px;
}

.ffPhotoSearchSectionInfo div {
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 11, 11, .48);
}

.ffPhotoSearchSectionInfo span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPhotoSearchSectionInfo b {
  color: #f0d887;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ffPhotoSearchResults {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPhotoSearchResults__body {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 18px !important;
  color: #d8d0b5;
  align-items: start;
}


/* =========================================================
   uCoz TABLE OUTPUT FIX
   Если $BODY$ выводится таблицей, превращаем таблицу в сетку
   ========================================================= */

.ffPhotoSearchResults__body > table {
  display: contents !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

.ffPhotoSearchResults__body > table > tbody {
  display: contents !important;
}

.ffPhotoSearchResults__body > table > tbody > tr {
  display: contents !important;
}

.ffPhotoSearchResults__body > table > tbody > tr > td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
}


/* Если uCoz делает вложенную таблицу */

.ffPhotoSearchResults__body table table {
  display: contents !important;
  width: 100% !important;
}

.ffPhotoSearchResults__body table table tbody {
  display: contents !important;
}

.ffPhotoSearchResults__body table table tr {
  display: contents !important;
}

.ffPhotoSearchResults__body table table td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
}


/* Убираем лишние переносы uCoz */

.ffPhotoSearchResults__body br {
  display: none !important;
}


/* Карточка фото внутри результатов */

.ffPhotoSearchResults__body .ffPhotoItem {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}


/* Если uCoz оборачивает карточку в старые классы */

.ffPhotoSearchResults__body .photo,
.ffPhotoSearchResults__body .photoBlock,
.ffPhotoSearchResults__body .photo-item,
.ffPhotoSearchResults__body .eBlock {
  max-width: 100% !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.ffPhotoSearchPagination {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ffPhotoSearchPagination__info {
  color: #cbbf99;
}

.ffPhotoSearchPagination__info span {
  margin-right: 6px;
  color: #8b9075;
}

.ffPhotoSearchPagination__info b {
  color: #f0d887;
}

.ffPhotoSearchPagination__links a,
.ffPhotoSearchPagination__links b,
.ffPhotoSearchPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  text-decoration: none;
}

.ffPhotoSearchPagination__links a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   OPTIONAL: PHOTO ITEM COMPACT FIX FOR SEARCH PAGE
   Чтобы карточки не становились огромными
   ========================================================= */

.ffPhotoSearchResults__body .ffPhotoItem {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 10px !important;
  border-radius: 16px !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__imageWrap {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__image {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__body {
  padding-top: 11px !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__title {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ffPhotoSearchResults__body .ffPhotoItem__bottom a {
  min-height: 29px !important;
  padding: 0 9px !important;
  font-size: 10px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .ffPhotoSearchResults__body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .ffPhotoSearchHero__meta,
  .ffPhotoSearchConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffPhotoSearchConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffPhotoSearchHero h1 {
    font-size: 26px;
  }

  .ffPhotoSearchHero__meta,
  .ffPhotoSearchConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffPhotoSearchHero,
  .ffPhotoSearchConsole,
  .ffPhotoSearchTools,
  .ffPhotoSearchBox__head,
  .ffPhotoSearchBox__body,
  .ffPhotoSearchCats__body,
  .ffPhotoSearchResults__head,
  .ffPhotoSearchResults__body,
  .ffPhotoSearchPagination {
    padding: 12px !important;
  }

  .ffPhotoSearchBox__head,
  .ffPhotoSearchResults__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPhotoSearchBox__status,
  .ffPhotoSearchResults__status {
    width: 100%;
  }

  .ffPhotoSearchResults__body {
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   Страница входа в приватный альбом
   FalloutFanatics — Private Album Access Page
   FULL CSS
   ========================================================= */

.ffPrivateAlbumPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* =========================================================
   HERO
   ========================================================= */

.ffPrivateAlbumHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(104, 80, 38, .26), transparent 36%),
    radial-gradient(circle at bottom right, rgba(74, 98, 47, .18), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPrivateAlbumHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPrivateAlbumHero > * {
  position: relative;
  z-index: 1;
}

.ffPrivateAlbumHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffPrivateAlbumHero__badge,
.ffPrivateAlbumHero__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPrivateAlbumHero__badge {
  color: #e8b394 !important;
  border-color: rgba(216, 138, 104, .38);
}

.ffPrivateAlbumHero__link:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPrivateAlbumHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPrivateAlbumHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPrivateAlbumHero__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffPrivateAlbumHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPrivateAlbumHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPrivateAlbumHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffPrivateAlbumHero__meta a {
  color: #f0d887;
  text-decoration: none;
}

.ffPrivateAlbumHero__meta a:hover {
  color: #fff0ad;
}


/* =========================================================
   CONSOLE
   ========================================================= */

.ffPrivateAlbumConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(104, 80, 38, .18), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffPrivateAlbumConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPrivateAlbumConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffPrivateAlbumConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPrivateAlbumConsole__screen b {
  color: #e8b394;
  font-size: 18px;
  text-transform: uppercase;
}

.ffPrivateAlbumConsole__lock {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(216, 138, 104, .30);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(216, 138, 104, .18) 0 3px, transparent 4px),
    radial-gradient(circle at center, transparent 0 28px, rgba(216, 138, 104, .16) 29px 30px, transparent 31px),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .10) 0,
      rgba(183, 224, 139, .10) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffPrivateAlbumConsole__lock span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(216, 138, 104, .22), transparent);
  animation: ffPrivateAlbumLockScan 3s linear infinite;
}

@keyframes ffPrivateAlbumLockScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* =========================================================
   COMMON BLOCKS
   ========================================================= */

.ffPrivateAlbumAccess,
.ffPrivateAlbumNote,
.ffPrivateAlbumTools,
.ffPrivateAlbumCats {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* =========================================================
   ACCESS FORM BLOCK
   ========================================================= */

.ffPrivateAlbumAccess__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPrivateAlbumAccess__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPrivateAlbumAccess__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPrivateAlbumAccess__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(216, 138, 104, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPrivateAlbumAccess__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPrivateAlbumAccess__status b {
  color: #e8b394;
  font-size: 16px;
}

.ffPrivateAlbumAccess__body {
  padding: 18px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}

.ffPrivateAlbumAccess__body form {
  width: 100%;
}

.ffPrivateAlbumAccess__body table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ffPrivateAlbumAccess__body tbody,
.ffPrivateAlbumAccess__body tr,
.ffPrivateAlbumAccess__body td {
  max-width: 100% !important;
}

.ffPrivateAlbumAccess__body td {
  padding: 6px 8px;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffPrivateAlbumAccess__body label {
  display: inline-block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffPrivateAlbumAccess__body input[type="text"],
.ffPrivateAlbumAccess__body input[type="password"],
.ffPrivateAlbumAccess__body input[type="email"],
.ffPrivateAlbumAccess__body select,
.ffPrivateAlbumAccess__body textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffPrivateAlbumAccess__body textarea {
  min-height: 110px;
  resize: vertical;
}

.ffPrivateAlbumAccess__body input[type="text"]:focus,
.ffPrivateAlbumAccess__body input[type="password"]:focus,
.ffPrivateAlbumAccess__body input[type="email"]:focus,
.ffPrivateAlbumAccess__body select:focus,
.ffPrivateAlbumAccess__body textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffPrivateAlbumAccess__body input[type="submit"],
.ffPrivateAlbumAccess__body input[type="button"],
.ffPrivateAlbumAccess__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(216, 138, 104, .45);
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(112, 67, 42, .62), rgba(28, 30, 18, .78));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .10em;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPrivateAlbumAccess__body input[type="submit"]:hover,
.ffPrivateAlbumAccess__body input[type="button"]:hover,
.ffPrivateAlbumAccess__body button:hover {
  color: #fff0ad;
  border-color: rgba(240, 216, 135, .58);
  background:
    linear-gradient(180deg, rgba(130, 81, 47, .72), rgba(37, 39, 23, .84));
}


/* uCoz private album form fixes */

.ffPrivateAlbumAccess__body .manFlSbm,
.ffPrivateAlbumAccess__body .commFlSbm,
.ffPrivateAlbumAccess__body .loginButton,
.ffPrivateAlbumAccess__body .button,
.ffPrivateAlbumAccess__body .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(216, 138, 104, .45) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(112, 67, 42, .62), rgba(28, 30, 18, .78)) !important;
  color: #f0d98b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em;
  text-transform: uppercase;
  text-decoration: none !important;
}

.ffPrivateAlbumAccess__body .manFlSbm:hover,
.ffPrivateAlbumAccess__body .commFlSbm:hover,
.ffPrivateAlbumAccess__body .loginButton:hover,
.ffPrivateAlbumAccess__body .button:hover,
.ffPrivateAlbumAccess__body .uButton:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}

.ffPrivateAlbumAccess__body .securityCode,
.ffPrivateAlbumAccess__body img[src*="secure"],
.ffPrivateAlbumAccess__body img[src*="captcha"] {
  max-width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* =========================================================
   NOTE BLOCK
   ========================================================= */

.ffPrivateAlbumNote {
  padding: 16px;
}

.ffPrivateAlbumNote__title {
  margin-bottom: 8px;
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffPrivateAlbumNote__text {
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}

.ffPrivateAlbumNote__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.ffPrivateAlbumNote__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPrivateAlbumNote__actions a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* =========================================================
   TOOLS / NAVIGATION
   ========================================================= */

.ffPrivateAlbumTools {
  padding: 14px;
}

.ffPrivateAlbumTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffPrivateAlbumTools__links a,
.ffPrivateAlbumCats__body a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffPrivateAlbumTools__links a:hover,
.ffPrivateAlbumCats__body a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPrivateAlbumTools__search {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffPrivateAlbumTools__search input[type="text"],
.ffPrivateAlbumTools__search input[type="search"],
.ffPrivateAlbumTools__search input[type="password"],
.ffPrivateAlbumTools__search select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffPrivateAlbumTools__search input[type="submit"],
.ffPrivateAlbumTools__search button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #7e6a2e;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .55), rgba(28, 30, 18, .75));
  color: #f0d98b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.ffPrivateAlbumCats__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPrivateAlbumCats__body {
  padding: 14px;
  color: #d8cfb0;
}

.ffPrivateAlbumCats__body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ffPrivateAlbumCats__body li {
  display: inline-flex;
  margin: 4px;
}


/* =========================================================
   EXTRA uCoz TABLE FIXES
   ========================================================= */

.ffPrivateAlbumPage table {
  max-width: 100%;
}

.ffPrivateAlbumPage img {
  max-width: 100%;
  height: auto;
}

.ffPrivateAlbumPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffPrivateAlbumPage input,
.ffPrivateAlbumPage select,
.ffPrivateAlbumPage textarea,
.ffPrivateAlbumPage button {
  font-family: inherit;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {
  .ffPrivateAlbumHero__meta,
  .ffPrivateAlbumConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffPrivateAlbumConsole {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffPrivateAlbumHero h1 {
    font-size: 26px;
  }

  .ffPrivateAlbumHero__meta,
  .ffPrivateAlbumConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffPrivateAlbumHero,
  .ffPrivateAlbumConsole,
  .ffPrivateAlbumAccess__head,
  .ffPrivateAlbumAccess__body,
  .ffPrivateAlbumNote,
  .ffPrivateAlbumTools,
  .ffPrivateAlbumCats__body {
    padding: 12px;
  }

  .ffPrivateAlbumAccess__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPrivateAlbumAccess__status {
    width: 100%;
  }

  .ffPrivateAlbumNote__actions a,
  .ffPrivateAlbumTools__links a {
    width: 100%;
  }

  .ffPrivateAlbumHero__badge,
  .ffPrivateAlbumHero__link {
    width: 100%;
  }

  .ffPrivateAlbumAccess__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffPrivateAlbumAccess__body input[type="submit"],
  .ffPrivateAlbumAccess__body input[type="button"],
  .ffPrivateAlbumAccess__body button {
    width: 100%;
  }
}



/* =========================================================
   Общий вид страниц форума
   FalloutFanatics — Forum General Layout
   ========================================================= */

.ffForumPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffForumHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffForumHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffForumHero > * {
  position: relative;
  z-index: 1;
}

.ffForumHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffForumHero__badge,
.ffForumHero__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffForumHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffForumHero__rss:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffForumHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffForumHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffForumHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffForumHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffForumHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffForumHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffForumHero__meta a {
  color: #f0d887;
  text-decoration: none;
}

.ffForumHero__meta a:hover {
  color: #fff0ad;
}


/* CONSOLE */

.ffForumConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffForumConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffForumConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffForumConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffForumConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffForumConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffForumConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffForumMonitorScan 3s linear infinite;
}

@keyframes ffForumMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* BLOCKS */

.ffForumTools,
.ffForumCrumbs,
.ffForumThreadDescr,
.ffForumBody,
.ffForumUserPanel,
.ffForumFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* TOOLS */

.ffForumTools {
  padding: 14px;
}

.ffForumTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffForumTools__links a,
.ffForumCrumbs a,
.ffForumUserPanel__links a,
.ffForumFooter__powered a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.ffForumTools__links a:hover,
.ffForumCrumbs a:hover,
.ffForumUserPanel__links a:hover,
.ffForumFooter__powered a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* CRUMBS */

.ffForumCrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  color: #8d9377;
}

.ffForumCrumbs span {
  color: #6e705e;
}


/* THREAD DESCRIPTION */

.ffForumThreadDescr {
  padding: 14px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}


/* BODY */

.ffForumBody {
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffForumBody__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffForumBody__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffForumBody__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffForumBody__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffForumBody__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffForumBody__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffForumBody__content {
  padding: 16px;
  color: #d8d0b5;
}

.ffForumBody__content a {
  color: #d9bc68;
}

.ffForumBody__content a:hover {
  color: #fff0ad;
}


/* uCoz FORUM TABLES */

.ffForumBody__content table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.ffForumBody__content td,
.ffForumBody__content th {
  padding: 10px;
  border-color: rgba(113, 98, 44, .24) !important;
  color: #d8d0b5;
}

.ffForumBody__content th,
.ffForumBody__content .gTableTop,
.ffForumBody__content .gTableSubTop {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffForumBody__content .gTableBody,
.ffForumBody__content .gTableBody1,
.ffForumBody__content .gTableBody2,
.ffForumBody__content .threadNametd,
.ffForumBody__content .forumNametd,
.ffForumBody__content .posttdMessage,
.ffForumBody__content .posttdInfo {
  border: 1px solid rgba(113, 98, 44, .22) !important;
  background: rgba(10, 11, 11, .50) !important;
  color: #d8d0b5 !important;
}

.ffForumBody__content .forumIcoTd,
.ffForumBody__content .threadIcoTd {
  text-align: center;
}

.ffForumBody__content input[type="text"],
.ffForumBody__content input[type="password"],
.ffForumBody__content input[type="email"],
.ffForumBody__content textarea,
.ffForumBody__content select {
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffForumBody__content textarea {
  width: 100%;
  min-height: 140px;
}

.ffForumBody__content input[type="submit"],
.ffForumBody__content input[type="button"],
.ffForumBody__content button,
.ffForumBody__content .button,
.ffForumBody__content .uButton {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}


/* USER PANEL */

.ffForumUserPanel {
  padding: 14px;
}

.ffForumUserPanel__card,
.ffForumUserPanel__guest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.ffForumUserPanel__card {
  margin-bottom: 12px;
}

.ffForumUserPanel__avatar {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 14px;
  background: rgba(10, 10, 10, .45);
}

.ffForumUserPanel__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffForumUserPanel__avatar span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #b7e08b;
  font-size: 10px;
  font-weight: 800;
}

.ffForumUserPanel__info {
  flex: 1 1 auto;
  min-width: 0;
}

.ffForumUserPanel__info span,
.ffForumUserPanel__guest span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffForumUserPanel__info b,
.ffForumUserPanel__guest b {
  display: block;
  color: #f0d887;
  font-size: 16px;
}

.ffForumUserPanel__info small {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 12px;
}

.ffForumUserPanel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.ffForumUserPanel__links b {
  margin-left: 5px;
  color: #bff08f;
}


/* FOOTER */

.ffForumFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffForumFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffForumFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffForumFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffForumHero__meta,
  .ffForumConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffForumConsole {
    grid-template-columns: 1fr;
  }

  .ffForumFooter,
  .ffForumUserPanel__card,
  .ffForumUserPanel__guest {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffForumFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .ffForumHero h1 {
    font-size: 26px;
  }

  .ffForumHero__meta,
  .ffForumConsole__screen {
    grid-template-columns: 1fr;
  }

  .ffForumHero,
  .ffForumConsole,
  .ffForumTools,
  .ffForumThreadDescr,
  .ffForumBody__head,
  .ffForumBody__content,
  .ffForumUserPanel,
  .ffForumFooter {
    padding: 12px;
  }

  .ffForumBody__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffForumBody__status {
    width: 100%;
  }

  .ffForumTools__links a,
  .ffForumUserPanel__links a,
  .ffForumFooter__powered a {
    width: 100%;
  }

  .ffForumBody__content {
    overflow-x: auto;
  }

  .ffForumBody__content table {
    min-width: 620px;
  }
}




/* =========================================================
   Вид материалов форума
   FalloutFanatics — Forum Post Item
   ========================================================= */

.ffForumPost {
  position: relative;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

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

.ffForumPost::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffForumPost::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffForumPost > * {
  position: relative;
  z-index: 1;
}

.ffForumPost--author {
  border-color: rgba(183, 224, 139, .36);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .10),
    0 0 22px rgba(75, 109, 49, .16);
}

.ffForumPost--last {
  margin-bottom: 0;
}


/* Левая карточка пользователя */

.ffForumPost__user {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffForumPost__userTop {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.ffForumPost__avatar {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .74);
  text-decoration: none;
}

.ffForumPost__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffForumPost__avatar span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #b7e08b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
}

.ffForumPost__userName {
  min-width: 0;
}

.ffForumPost__userName a {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ffForumPost__userName a:hover {
  color: #fff0ad;
}

.ffForumPost__userName span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-top: 5px;
  padding: 0 8px;
  border: 1px solid rgba(183, 224, 139, .34);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* Ранг / группа */

.ffForumPost__rank,
.ffForumPost__groupIcon,
.ffForumPost__group,
.ffForumPost__awards,
.ffForumPost__icons {
  margin-top: 10px;
  padding: 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .36);
  color: #d8d0b5;
}

.ffForumPost__rankIcon,
.ffForumPost__groupIcon {
  text-align: center;
}

.ffForumPost__rankIcon img,
.ffForumPost__groupIcon img,
.ffForumPost__awards img,
.ffForumPost__icons img {
  max-width: 100%;
  height: auto;
}

.ffForumPost__rankName,
.ffForumPost__title,
.ffForumPost__group {
  color: #cdbf96;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.ffForumPost__rankName {
  color: #e0c46f;
  font-weight: 800;
}

.ffForumPost__title {
  margin-top: 4px;
  color: #aeb79b;
}


/* Статистика пользователя */

.ffForumPost__userStats,
.ffForumPost__userMeta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
}

.ffForumPost__userStats div,
.ffForumPost__userMeta div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffForumPost__userStats span,
.ffForumPost__userMeta span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffForumPost__userStats b,
.ffForumPost__userMeta b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Основная часть */

.ffForumPost__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background: rgba(10, 11, 11, .42);
  overflow: hidden;
}

.ffForumPost__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffForumPost__headLeft,
.ffForumPost__headRight {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.ffForumPost__number,
.ffForumPost__date,
.ffForumPost__time,
.ffForumPost__pin {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffForumPost__number {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
}

.ffForumPost__manage {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ffForumPost__manage img,
.ffForumPost__manage a img {
  opacity: .85;
  transition: opacity .18s ease, transform .18s ease;
}

.ffForumPost__manage img:hover,
.ffForumPost__manage a:hover img {
  opacity: 1;
  transform: translateY(-1px);
}


/* Автор темы */

.ffForumPost__authorBadge {
  margin: 12px 12px 0;
  padding: 10px 12px;
  border: 1px solid rgba(183, 224, 139, .30);
  border-radius: 12px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
  color: #b7e08b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Сообщение */

.ffForumPost__message {
  padding: 16px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.ffForumPost__message p {
  margin: 0 0 14px;
}

.ffForumPost__message p:last-child {
  margin-bottom: 0;
}

.ffForumPost__message a {
  color: #d9bc68;
  text-decoration: none;
}

.ffForumPost__message a:hover {
  color: #fff0ad;
}

.ffForumPost__message img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.ffForumPost__message blockquote,
.ffForumPost__message .quote,
.ffForumPost__message .bbQuoteBlock {
  margin: 12px 0;
  padding: 12px 14px;
  border-left: 3px solid rgba(183, 224, 139, .42);
  border-radius: 12px;
  background: rgba(5, 8, 5, .38);
  color: #cdbf96;
}

.ffForumPost__message code,
.ffForumPost__message pre {
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 10px;
  background: rgba(5, 6, 6, .72);
  color: #bff08f;
}

.ffForumPost__message code {
  padding: 2px 5px;
}

.ffForumPost__message pre {
  overflow-x: auto;
  padding: 12px;
}


/* Вложение */

.ffForumPost__attachment {
  margin: 0 16px 14px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 14px;
  background: rgba(10, 10, 10, .38);
  overflow: hidden;
}

.ffForumPost__attachmentTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .24);
  color: #e0c36f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffForumPost__attachmentBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffForumPost__attachmentBody a {
  color: #d9bc68;
}


/* Редактирование / подпись */

.ffForumPost__edited {
  margin: 0 16px 14px;
  padding: 9px 11px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .32);
  color: #8d9377;
  font-size: 12px;
  line-height: 1.45;
}

.ffForumPost__signature {
  margin: 0 16px 14px;
  padding: 12px 14px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  color: #aeb79b;
  font-size: 13px;
  line-height: 1.55;
}

.ffForumPost__signature img {
  max-width: 100%;
  height: auto;
}


/* Footer actions */

.ffForumPost__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding: 12px;
  border-top: 1px solid rgba(100, 85, 36, .28);
  background: rgba(10, 10, 10, .22);
}

.ffForumPost__actions,
.ffForumPost__social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffForumPost__actions a,
.ffForumPost__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.ffForumPost__actions a:hover,
.ffForumPost__social a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffForumPost__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}


/* Служебное */

.ffForumPost__deleteField {
  padding: 10px 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
  color: #e8b394;
  font-size: 12px;
}

.ffForumPost input,
.ffForumPost select,
.ffForumPost textarea,
.ffForumPost button {
  font-family: inherit;
}


/* Адаптация */

@media (max-width: 980px) {
  .ffForumPost {
    grid-template-columns: 1fr;
  }

  .ffForumPost__user {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 10px;
  }

  .ffForumPost__userTop,
  .ffForumPost__rank,
  .ffForumPost__groupIcon,
  .ffForumPost__group,
  .ffForumPost__userStats,
  .ffForumPost__userMeta,
  .ffForumPost__awards,
  .ffForumPost__icons {
    margin-top: 0;
  }

  .ffForumPost__userTop {
    align-self: start;
  }
}

@media (max-width: 640px) {
  .ffForumPost {
    padding: 10px;
  }

  .ffForumPost__user {
    display: block;
    padding: 10px;
  }

  .ffForumPost__userTop {
    margin-bottom: 10px;
  }

  .ffForumPost__userStats,
  .ffForumPost__userMeta {
    grid-template-columns: 1fr;
  }

  .ffForumPost__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffForumPost__message {
    padding: 12px;
    font-size: 14px;
  }

  .ffForumPost__attachment,
  .ffForumPost__edited,
  .ffForumPost__signature {
    margin-left: 12px;
    margin-right: 12px;
  }

  .ffForumPost__footer {
    flex-direction: column;
  }

  .ffForumPost__actions a,
  .ffForumPost__social a {
    flex: 1 1 auto;
  }
}



/* =========================================================
   Вид категории раздела форума
   FalloutFanatics — Forum Category / Forum Row Item
   ========================================================= */

.ffForumCatItem {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 150px 230px;
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

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

.ffForumCatItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffForumCatItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffForumCatItem > * {
  position: relative;
  z-index: 1;
}

.ffForumCatItem--new {
  border-color: rgba(183, 224, 139, .38);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .10),
    0 0 22px rgba(75, 109, 49, .16);
}

.ffForumCatItem--private {
  border-color: rgba(216, 138, 104, .35);
}


/* Иконка */

.ffForumCatItem__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ffForumCatItem__icon a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .36);
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14), transparent 60%),
    rgba(5, 8, 5, .72);
  text-decoration: none;
}

.ffForumCatItem__icon a::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .16;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .24) 0,
      rgba(183, 224, 139, .24) 1px,
      transparent 1px,
      transparent 7px
    );
  pointer-events: none;
}

.ffForumCatItem__icon img {
  position: relative;
  z-index: 1;
  max-width: 42px;
  max-height: 42px;
  object-fit: contain;
  filter:
    contrast(1.08)
    saturate(.88)
    sepia(.10);
}

.ffForumCatItem__iconSignal {
  position: relative;
  z-index: 1;
  color: #b7e08b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
}

.ffForumCatItem--new .ffForumCatItem__icon a {
  border-color: rgba(183, 224, 139, .55);
  box-shadow: 0 0 16px rgba(88, 130, 54, .22);
}

.ffForumCatItem--private .ffForumCatItem__icon a {
  border-color: rgba(216, 138, 104, .42);
}


/* Основная часть */

.ffForumCatItem__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 2px 0;
}

.ffForumCatItem__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffForumCatItem__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ffForumCatItem__badge,
.ffForumCatItem__viewers {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ffForumCatItem__badge--new {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .38);
  background: rgba(48, 72, 34, .20);
}

.ffForumCatItem__badge--private {
  color: #e8b394;
  border-color: rgba(216, 138, 104, .38);
  background: rgba(216, 138, 104, .10);
}

.ffForumCatItem__badge--archive {
  color: #cdbf96;
}

.ffForumCatItem__viewers {
  gap: 5px;
  color: #aeb79b;
  white-space: nowrap;
}

.ffForumCatItem__viewers b {
  color: #b7e08b;
}

.ffForumCatItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 22px;
  line-height: 1.22;
}

.ffForumCatItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffForumCatItem__title a:hover {
  color: #fff0ad;
}

.ffForumCatItem__descr {
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffForumCatItem__descr p {
  margin: 0 0 10px;
}

.ffForumCatItem__descr p:last-child {
  margin-bottom: 0;
}

.ffForumCatItem__moders {
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.45;
}

.ffForumCatItem__moders span {
  color: #8d9377;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffForumCatItem__moders b {
  color: #cdbf96;
  font-weight: 700;
}

.ffForumCatItem__moders a {
  color: #d9bc68;
  text-decoration: none;
}

.ffForumCatItem__moders a:hover {
  color: #fff0ad;
}


/* Нижние кнопки */

.ffForumCatItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
}

.ffForumCatItem__bottom a,
.ffForumCatItem__lastLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.ffForumCatItem__bottom a:hover,
.ffForumCatItem__lastLink:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffForumCatItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffForumCatItem__firstUnread {
  gap: 6px;
}

.ffForumCatItem__firstUnread img {
  max-width: 16px;
  max-height: 16px;
}


/* Статистика */

.ffForumCatItem__stats {
  display: grid;
  gap: 8px;
  align-content: center;
}

.ffForumCatItem__stats div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(130, 156, 88, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffForumCatItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffForumCatItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Последнее сообщение */

.ffForumCatItem__last {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(83, 130, 52, .10), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffForumCatItem__lastLabel {
  margin-bottom: 7px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffForumCatItem__lastTopic {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 7px;
  color: #f0d887;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ffForumCatItem__lastTopic:hover {
  color: #fff0ad;
}

.ffForumCatItem__lastMeta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 9px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.35;
}

.ffForumCatItem__lastMeta a {
  color: #b7e08b;
  text-decoration: none;
}

.ffForumCatItem__lastMeta a:hover {
  color: #fff0ad;
}

.ffForumCatItem__lastLink {
  width: 100%;
  min-height: 30px;
  font-size: 10px;
}

.ffForumCatItem__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 92px;
  padding: 12px;
  border: 1px dashed rgba(129, 110, 46, .32);
  border-radius: 12px;
  color: #8d9377;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}


/* Если uCoz оборачивает категории в таблицу */

.ffForumBody__content .ffForumCatItem {
  width: 100%;
}

.ffForumBody__content table .ffForumCatItem {
  margin-bottom: 10px;
}

.ffForumBody__content td:has(.ffForumCatItem) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* Адаптация */

@media (max-width: 1180px) {
  .ffForumCatItem {
    grid-template-columns: 66px minmax(0, 1fr) 130px;
  }

  .ffForumCatItem__last {
    grid-column: 2 / -1;
  }
}

@media (max-width: 820px) {
  .ffForumCatItem {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .ffForumCatItem__stats,
  .ffForumCatItem__last {
    grid-column: 1 / -1;
  }

  .ffForumCatItem__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffForumCatItem {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .ffForumCatItem__icon {
    justify-content: flex-start;
  }

  .ffForumCatItem__icon a {
    width: 54px;
    height: 54px;
    border-radius: 15px;
  }

  .ffForumCatItem__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffForumCatItem__title {
    font-size: 19px;
  }

  .ffForumCatItem__stats {
    grid-template-columns: 1fr;
  }

  .ffForumCatItem__bottom a {
    width: 100%;
  }
}



/* =========================================================
   Вид темы / опроса форума
   FalloutFanatics — Forum Thread / Poll Item
   ========================================================= */

.ffForumThreadItem {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 145px 220px;
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
  overflow: hidden;
}

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

.ffForumThreadItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .24) 0,
      rgba(185, 232, 156, .24) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffForumThreadItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-top: 1px solid rgba(242, 210, 122, .26);
  border-right: 1px solid rgba(242, 210, 122, .26);
  opacity: .65;
  pointer-events: none;
}

.ffForumThreadItem > * {
  position: relative;
  z-index: 1;
}

.ffForumThreadItem--new {
  border-color: rgba(183, 224, 139, .38);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .10),
    0 0 22px rgba(75, 109, 49, .16);
}

.ffForumThreadItem--pinned {
  border-color: rgba(223, 197, 112, .42);
}


/* Иконка темы */

.ffForumThreadItem__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ffForumThreadItem__icon a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .36);
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .14), transparent 60%),
    rgba(5, 8, 5, .72);
  text-decoration: none;
}

.ffForumThreadItem__icon a::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .16;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .24) 0,
      rgba(183, 224, 139, .24) 1px,
      transparent 1px,
      transparent 7px
    );
  pointer-events: none;
}

.ffForumThreadItem__icon img {
  position: relative;
  z-index: 1;
  max-width: 42px;
  max-height: 42px;
  object-fit: contain;
  filter:
    contrast(1.08)
    saturate(.88)
    sepia(.10);
}

.ffForumThreadItem__iconSignal {
  position: relative;
  z-index: 1;
  color: #b7e08b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
}

.ffForumThreadItem--new .ffForumThreadItem__icon a {
  border-color: rgba(183, 224, 139, .55);
  box-shadow: 0 0 16px rgba(88, 130, 54, .22);
}

.ffForumThreadItem--pinned .ffForumThreadItem__icon a {
  border-color: rgba(223, 197, 112, .50);
}


/* Основная часть */

.ffForumThreadItem__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 2px 0;
}

.ffForumThreadItem__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ffForumThreadItem__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ffForumThreadItem__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ffForumThreadItem__badge--new {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .38);
  background: rgba(48, 72, 34, .20);
}

.ffForumThreadItem__badge--pinned {
  color: #f0d887;
  border-color: rgba(223, 197, 112, .42);
  background: rgba(92, 74, 28, .20);
}

.ffForumThreadItem__badge--type {
  color: #cdbf96;
}

.ffForumThreadItem__typeIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(129, 110, 46, .32);
  border-radius: 10px;
  background: rgba(10, 10, 10, .42);
}

.ffForumThreadItem__typeIcon img {
  max-width: 18px;
  max-height: 18px;
}


/* Заголовок */

.ffForumThreadItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 21px;
  line-height: 1.22;
}

.ffForumThreadItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffForumThreadItem__title a:hover {
  color: #fff0ad;
}


/* Описание */

.ffForumThreadItem__descr {
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffForumThreadItem__descr p {
  margin: 0 0 10px;
}

.ffForumThreadItem__descr p:last-child {
  margin-bottom: 0;
}


/* Мета */

.ffForumThreadItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  margin-top: 9px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.45;
}

.ffForumThreadItem__meta b {
  color: #f0d887;
}

.ffForumThreadItem__meta a {
  color: #b7e08b;
  text-decoration: none;
}

.ffForumThreadItem__meta a:hover {
  color: #fff0ad;
}


/* Переключатели страниц */

.ffForumThreadItem__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  color: #8d9377;
  font-size: 12px;
}

.ffForumThreadItem__pages span {
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffForumThreadItem__pages a,
.ffForumThreadItem__pages b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 8px;
  background: rgba(10, 10, 10, .42);
  color: #e0c46f;
  font-size: 11px;
  text-decoration: none;
}

.ffForumThreadItem__pages a:hover {
  color: #fff0ad;
  border-color: rgba(205, 173, 79, .55);
}


/* Нижние кнопки */

.ffForumThreadItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
}

.ffForumThreadItem__bottom a,
.ffForumThreadItem__bottom span a,
.ffForumThreadItem__lastLink,
.ffForumThreadItem__manage a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}

.ffForumThreadItem__bottom a:hover,
.ffForumThreadItem__bottom span a:hover,
.ffForumThreadItem__lastLink:hover,
.ffForumThreadItem__manage a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffForumThreadItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}

.ffForumThreadItem__firstUnread {
  gap: 6px;
}

.ffForumThreadItem__firstUnread img {
  max-width: 16px;
  max-height: 16px;
}

.ffForumThreadItem__subscribe {
  display: inline-flex;
}

.ffForumThreadItem__manage {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}


/* Статистика */

.ffForumThreadItem__stats {
  display: grid;
  gap: 8px;
  align-content: center;
}

.ffForumThreadItem__stats div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(130, 156, 88, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffForumThreadItem__stats span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffForumThreadItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 17px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Последний ответ */

.ffForumThreadItem__last {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(83, 130, 52, .10), transparent 60%),
    rgba(10, 11, 11, .48);
}

.ffForumThreadItem__lastLabel {
  margin-bottom: 7px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffForumThreadItem__lastDate {
  margin-bottom: 7px;
  color: #f0d887;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.ffForumThreadItem__lastAuthor {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 9px;
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.35;
}

.ffForumThreadItem__lastAuthor a {
  color: #b7e08b;
  text-decoration: none;
}

.ffForumThreadItem__lastAuthor a:hover {
  color: #fff0ad;
}

.ffForumThreadItem__lastAuthor b {
  color: #cdbf96;
}

.ffForumThreadItem__lastLink {
  width: 100%;
  min-height: 30px;
  font-size: 10px;
}

.ffForumThreadItem__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 92px;
  padding: 12px;
  border: 1px dashed rgba(129, 110, 46, .32);
  border-radius: 12px;
  color: #8d9377;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}


/* Если uCoz оборачивает темы в таблицу */

.ffForumBody__content .ffForumThreadItem {
  width: 100%;
}

.ffForumBody__content table .ffForumThreadItem {
  margin-bottom: 10px;
}

.ffForumBody__content td:has(.ffForumThreadItem) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* Адаптация */

@media (max-width: 1180px) {
  .ffForumThreadItem {
    grid-template-columns: 66px minmax(0, 1fr) 130px;
  }

  .ffForumThreadItem__last {
    grid-column: 2 / -1;
  }
}

@media (max-width: 820px) {
  .ffForumThreadItem {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .ffForumThreadItem__stats,
  .ffForumThreadItem__last {
    grid-column: 1 / -1;
  }

  .ffForumThreadItem__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ffForumThreadItem {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .ffForumThreadItem__icon {
    justify-content: flex-start;
  }

  .ffForumThreadItem__icon a {
    width: 54px;
    height: 54px;
    border-radius: 15px;
  }

  .ffForumThreadItem__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffForumThreadItem__title {
    font-size: 19px;
  }

  .ffForumThreadItem__stats {
    grid-template-columns: 1fr;
  }

  .ffForumThreadItem__bottom a,
  .ffForumThreadItem__bottom span,
  .ffForumThreadItem__manage a {
    width: 100%;
  }
}



/* =========================================================
   FalloutFanatics Comments
   ========================================================= */

.ffComment{
display:grid;
grid-template-columns:120px 1fr;
gap:14px;
margin-bottom:14px;
padding:14px;
border:1px solid #3a341c;
border-radius:18px;
background:
radial-gradient(circle at top left,rgba(74,98,47,.16),transparent 36%),
linear-gradient(180deg,rgba(16,18,16,.98),rgba(8,9,9,.98));
box-shadow:
inset 0 0 0 1px rgba(140,119,46,.08),
0 0 18px rgba(0,0,0,.3);
}

.ffComment--new{
border-color:rgba(183,224,139,.45);
box-shadow:
inset 0 0 0 1px rgba(183,224,139,.12),
0 0 18px rgba(75,109,49,.18);
}

.ffComment--own{
border-color:rgba(223,197,112,.45);
}

.ffComment__side{
text-align:center;
}

.ffComment__avatar{
display:flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
margin:0 auto 10px;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(130,156,88,.35);
background:#0a0d09;
}

.ffComment__avatar img{
width:100%;
height:100%;
object-fit:cover;
}

.ffComment__avatar span{
color:#b7e08b;
font-size:10px;
font-weight:800;
}

.ffComment__author{
font-size:14px;
font-weight:700;
}

.ffComment__author a{
color:#f0d887;
text-decoration:none;
}

.ffComment__author a:hover{
color:#fff0ad;
}

.ffComment__badge{
margin-top:8px;
padding:4px 8px;
border-radius:999px;
background:rgba(183,224,139,.15);
border:1px solid rgba(183,224,139,.35);
color:#b7e08b;
font-size:10px;
font-weight:800;
text-transform:uppercase;
}

.ffComment__content{
min-width:0;
}

.ffComment__header{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
padding-bottom:10px;
margin-bottom:12px;
border-bottom:1px solid rgba(100,85,36,.25);
}

.ffComment__meta{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.ffComment__number,
.ffComment__date,
.ffComment__time{
display:inline-flex;
align-items:center;
padding:4px 9px;
border-radius:999px;
background:rgba(10,10,10,.45);
border:1px solid rgba(129,110,46,.35);
font-size:11px;
font-weight:700;
color:#e0c46f;
}

.ffComment__message{
color:#d8d0b5;
font-size:15px;
line-height:1.7;
}

.ffComment__message img{
max-width:100%;
height:auto;
border-radius:10px;
}

.ffComment__message a{
color:#d9bc68;
}

.ffComment__message a:hover{
color:#fff0ad;
}

.ffComment__answer{
margin-top:14px;
border:1px solid rgba(130,156,88,.28);
border-radius:14px;
overflow:hidden;
}

.ffComment__answerTitle{
padding:10px 12px;
background:rgba(48,72,34,.25);
color:#b7e08b;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}

.ffComment__answerBody{
padding:12px;
color:#d8d0b5;
background:rgba(8,12,8,.45);
}

.ffComment__footer{
display:flex;
justify-content:flex-end;
margin-top:14px;
}

.ffComment__reply{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:0 12px;
border-radius:999px;
text-decoration:none;
font-size:11px;
font-weight:800;
text-transform:uppercase;
border:1px solid rgba(130,156,88,.45);
background:
linear-gradient(180deg,
rgba(78,94,43,.62),
rgba(28,30,18,.78));
color:#bff08f !important;
}

.ffComment__reply:hover{
color:#fff0ad !important;
}

@media(max-width:700px){

.ffComment{
grid-template-columns:1fr;
}

.ffComment__side{
display:flex;
align-items:center;
gap:12px;
text-align:left;
}

.ffComment__avatar{
margin:0;
width:58px;
height:58px;
}

.ffComment__header{
flex-direction:column;
align-items:flex-start;
}

}



/* =========================================================
   Форма добавления комментариев
   FalloutFanatics — Comment Add Form
   ========================================================= */

.ffCommentForm {
  overflow: hidden;
  margin-top: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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


/* Шапка формы */

.ffCommentForm__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffCommentForm__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffCommentForm__head h3 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 24px;
  line-height: 1.2;
}

.ffCommentForm__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffCommentForm__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffCommentForm__status b {
  color: #bff08f;
  font-size: 16px;
}


/* Ошибка */

.ffCommentForm__error {
  margin: 14px 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .42);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .14), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}


/* Тело */

.ffCommentForm__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffCommentForm__note {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .12), transparent 42%),
    rgba(10, 10, 10, .38);
  color: #b7e08b;
  font-size: 13px;
  line-height: 1.55;
}


/* Поля гостя */

.ffCommentForm__guestGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.ffCommentForm__field,
.ffCommentForm__message {
  display: block;
  min-width: 0;
}

.ffCommentForm__field--wide {
  grid-column: 1 / -1;
}

.ffCommentForm__field > span,
.ffCommentForm__message > span {
  display: block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Универсальные поля uCoz */

.ffCommentForm input[type="text"],
.ffCommentForm input[type="email"],
.ffCommentForm input[type="password"],
.ffCommentForm input[type="url"],
.ffCommentForm textarea,
.ffCommentForm select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffCommentForm textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}

.ffCommentForm input[type="text"]:focus,
.ffCommentForm input[type="email"]:focus,
.ffCommentForm input[type="password"]:focus,
.ffCommentForm input[type="url"]:focus,
.ffCommentForm textarea:focus,
.ffCommentForm select:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}


/* BB-РєРѕРґС‹ */

.ffCommentForm__tools,
.ffCommentForm__smiles,
.ffCommentForm__security {
  margin-bottom: 14px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffCommentForm__toolsTitle,
.ffCommentForm__smilesTitle,
.ffCommentForm__securityTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffCommentForm__toolsBody,
.ffCommentForm__smilesBody,
.ffCommentForm__securityBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffCommentForm__toolsBody img,
.ffCommentForm__smilesBody img,
.ffCommentForm__securityBody img {
  max-width: 100%;
  height: auto;
}

.ffCommentForm__toolsBody a,
.ffCommentForm__smilesBody a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin: 3px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.ffCommentForm__toolsBody a:hover,
.ffCommentForm__smilesBody a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Сообщение */

.ffCommentForm__message {
  margin-bottom: 14px;
}


/* Капча */

.ffCommentForm__securityBody table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ffCommentForm__securityBody td {
  padding: 6px 8px;
  color: #d8d0b5;
}

.ffCommentForm__securityBody img[src*="secure"],
.ffCommentForm__securityBody img[src*="captcha"] {
  max-width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* Кнопки отправки, которые uCoz может вывести внутри формы */

.ffCommentForm input[type="submit"],
.ffCommentForm input[type="button"],
.ffCommentForm button,
.ffCommentForm .button,
.ffCommentForm .uButton,
.ffCommentForm .commFlSbm,
.ffCommentForm .manFlSbm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffCommentForm input[type="submit"]:hover,
.ffCommentForm input[type="button"]:hover,
.ffCommentForm button:hover,
.ffCommentForm .button:hover,
.ffCommentForm .uButton:hover,
.ffCommentForm .commFlSbm:hover,
.ffCommentForm .manFlSbm:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
  background:
    linear-gradient(180deg, rgba(93, 111, 52, .72), rgba(37, 39, 23, .84)) !important;
}


/* Старые таблицы uCoz внутри формы */

.ffCommentForm table {
  max-width: 100%;
}

.ffCommentForm td {
  color: #d8d0b5;
}

.ffCommentForm a {
  color: #d9bc68;
}

.ffCommentForm a:hover {
  color: #fff0ad;
}


/* Адаптация */

@media (max-width: 700px) {
  .ffCommentForm__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffCommentForm__status {
    width: 100%;
  }

  .ffCommentForm__guestGrid {
    grid-template-columns: 1fr;
  }

  .ffCommentForm__body,
  .ffCommentForm__head {
    padding: 12px;
  }

  .ffCommentForm__error {
    margin: 12px 12px 0;
  }

  .ffCommentForm input[type="submit"],
  .ffCommentForm input[type="button"],
  .ffCommentForm button,
  .ffCommentForm .button,
  .ffCommentForm .uButton,
  .ffCommentForm .commFlSbm,
  .ffCommentForm .manFlSbm {
    width: 100%;
  }

  .ffCommentForm__securityBody td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
}



/* =========================================================
   Вид похожих материалов
   FalloutFanatics — Related Materials Item
   ========================================================= */

.ffRelatedItem {
  position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid rgba(118, 101, 45, .42);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(86, 116, 52, .16), transparent 42%),
    radial-gradient(circle at bottom right, rgba(145, 97, 42, .12), transparent 46%),
    linear-gradient(180deg, rgba(18, 21, 17, .98), rgba(7, 8, 7, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .06),
    0 10px 20px rgba(0, 0, 0, .26);
  overflow: hidden;
}

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

.ffRelatedItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffRelatedItem::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-top: 1px solid rgba(242, 210, 122, .24);
  border-right: 1px solid rgba(242, 210, 122, .24);
  opacity: .65;
  pointer-events: none;
}

.ffRelatedItem > * {
  position: relative;
  z-index: 1;
}


/* Состояния предыдущий / следующий */

.ffRelatedItem--neighbor {
  border-color: rgba(130, 156, 88, .34);
}

.ffRelatedItem--prev {
  background:
    radial-gradient(circle at top left, rgba(104, 80, 38, .18), transparent 42%),
    linear-gradient(180deg, rgba(18, 21, 17, .98), rgba(7, 8, 7, .98));
}

.ffRelatedItem--next {
  background:
    radial-gradient(circle at top right, rgba(86, 116, 52, .18), transparent 42%),
    linear-gradient(180deg, rgba(18, 21, 17, .98), rgba(7, 8, 7, .98));
}


/* Картинка */

.ffRelatedItem__image {
  position: relative;
  display: block;
  min-height: 105px;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .42);
  border-radius: 15px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .20), transparent 55%),
    #070808;
  text-decoration: none;
}

.ffRelatedItem__image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .20) 0,
      rgba(183, 224, 139, .20) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffRelatedItem__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 105px;
  object-fit: cover;
  border: 0;
  filter:
    contrast(1.06)
    saturate(.88)
    sepia(.10)
    brightness(.94);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffRelatedItem:hover .ffRelatedItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.96)
    sepia(.08)
    brightness(1.02);
}

.ffRelatedItem__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 105px;
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffRelatedItem__direction {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(0, 0, 0, .48);
  border-radius: 999px;
  background: rgba(5, 6, 6, .82);
  color: #f0d887;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* Тело */

.ffRelatedItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffRelatedItem__top {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 7px;
}

.ffRelatedItem__module,
.ffRelatedItem__id {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #e0c46f;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffRelatedItem__module {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .35);
}


/* Заголовок */

.ffRelatedItem__title {
  margin: 0 0 7px;
  color: #edd488;
  font-size: 17px;
  line-height: 1.25;
}

.ffRelatedItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffRelatedItem__title a:hover {
  color: #fff0ad;
}


/* Описание */

.ffRelatedItem__text {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 9px;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ffRelatedItem__text p {
  margin: 0;
}


/* Мета */

.ffRelatedItem__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin-bottom: 9px;
  color: #aeb79b;
  font-size: 11px;
  line-height: 1.4;
}

.ffRelatedItem__meta a {
  color: #b7e08b;
  text-decoration: none;
}

.ffRelatedItem__meta a:hover {
  color: #fff0ad;
}


/* Статистика */

.ffRelatedItem__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: auto;
}

.ffRelatedItem__stats div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 10px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffRelatedItem__stats span {
  display: block;
  margin-bottom: 2px;
  color: #8d9377;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffRelatedItem__stats b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* РљРЅРѕРїРєРё */

.ffRelatedItem__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(106, 92, 40, .18);
}

.ffRelatedItem__bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
}

.ffRelatedItem__bottom a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
  background: rgba(54, 62, 35, .22);
}

.ffRelatedItem__open {
  border-color: rgba(130, 156, 88, .45) !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
}


/* Если похожие выводятся сеткой */

.ffRelatedGrid,
.ffRelatedList,
.ffPhotoFullRelated,
.ffArticleRelated,
.ffEntryRelated {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ffPhotoFullRelated .ffRelatedItem,
.ffArticleRelated .ffRelatedItem,
.ffEntryRelated .ffRelatedItem {
  margin-bottom: 0;
}


/* Если это предыдущий / следующий материал */

.ffRelatedItem--neighbor {
  min-height: 100%;
}

.ffRelatedItem--neighbor .ffRelatedItem__stats {
  display: none;
}

.ffRelatedItem--neighbor .ffRelatedItem__text {
  -webkit-line-clamp: 3;
}


/* Адаптация */

@media (max-width: 900px) {
  .ffRelatedGrid,
  .ffRelatedList,
  .ffPhotoFullRelated,
  .ffArticleRelated,
  .ffEntryRelated {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ffRelatedItem {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .ffRelatedItem__image,
  .ffRelatedItem__image img,
  .ffRelatedItem__placeholder {
    min-height: 170px;
  }

  .ffRelatedItem__stats {
    grid-template-columns: 1fr;
  }

  .ffRelatedItem__bottom a {
    flex: 1 1 auto;
  }
}



/* =========================================================
   Вид изображений материала
   FalloutFanatics — Entry Image Template
   ========================================================= */

.ffEntryImage {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 18px auto;
  padding: 10px;
  border: 1px solid rgba(118, 101, 45, .42);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(86, 116, 52, .16), transparent 42%),
    radial-gradient(circle at bottom right, rgba(145, 97, 42, .12), transparent 46%),
    linear-gradient(180deg, rgba(18, 21, 17, .98), rgba(7, 8, 7, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .06),
    0 10px 20px rgba(0, 0, 0, .26);
  overflow: hidden;
}

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

.ffEntryImage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEntryImage::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-top: 1px solid rgba(242, 210, 122, .24);
  border-right: 1px solid rgba(242, 210, 122, .24);
  opacity: .65;
  pointer-events: none;
}

.ffEntryImage__link {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(134, 113, 44, .42);
  border-radius: 15px;
  background:
    radial-gradient(circle at center, rgba(74, 98, 47, .20), transparent 55%),
    #070808;
  text-decoration: none;
}

.ffEntryImage__link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .20) 0,
      rgba(183, 224, 139, .20) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffEntryImage__img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: 15px;
  filter:
    contrast(1.06)
    saturate(.88)
    sepia(.10)
    brightness(.96);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffEntryImage:hover .ffEntryImage__img {
  transform: scale(1.015);
  filter:
    contrast(1.12)
    saturate(.96)
    sepia(.08)
    brightness(1.02);
}

.ffEntryImage__caption {
  position: relative;
  z-index: 1;
  margin: 9px 4px 0;
  padding: 8px 10px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
  color: #cdbf96;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}


/* Выравнивание из $IMAGE1-left$ / $IMAGE1-right$ / center */

.ffEntryImage--left {
  float: left;
  width: min(360px, 48%);
  margin: 6px 18px 14px 0;
}

.ffEntryImage--right {
  float: right;
  width: min(360px, 48%);
  margin: 6px 0 14px 18px;
}

.ffEntryImage--center,
.ffEntryImage--,
.ffEntryImage {
  clear: both;
}

.ffEntryImage--center {
  width: min(760px, 100%);
}


/* Чтобы после float-картинок текст не ломался */

.ffEntryImage--left + *,
.ffEntryImage--right + * {
  margin-top: 0;
}


/* Совместимость внутри текста материалов */

.ffEntryPage .ffEntryImage,
.ffArticlePage .ffEntryImage,
.ffLoadFullPage .ffEntryImage,
.ffPhotoFullPage .ffEntryImage,
.ffForumPost__message .ffEntryImage {
  max-width: 100%;
}

.ffEntryImage img {
  vertical-align: middle;
}


/* Если uCoz вставляет свои align-атрибуты рядом */

img[align="left"] {
  float: left;
  max-width: min(360px, 48%);
  height: auto;
  margin: 6px 18px 14px 0;
  border-radius: 12px;
}

img[align="right"] {
  float: right;
  max-width: min(360px, 48%);
  height: auto;
  margin: 6px 0 14px 18px;
  border-radius: 12px;
}

img[align="center"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 18px auto;
  border-radius: 12px;
}


/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffEntryImage {
    float: none !important;
    width: 100% !important;
    margin: 16px 0 !important;
    padding: 8px;
  }

  .ffEntryImage__caption {
    font-size: 11px;
  }

  img[align="left"],
  img[align="right"],
  img[align="center"] {
    float: none;
    display: block;
    max-width: 100%;
    margin: 16px auto;
  }
}



/* =========================================================
   Страница входа пользователей
   FalloutFanatics — User Login Page
   ========================================================= */

.ffLoginPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffLoginHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffLoginHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffLoginHero > * {
  position: relative;
  z-index: 1;
}

.ffLoginHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffLoginHero__badge,
.ffLoginHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffLoginHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffLoginHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffLoginHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffLoginHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffLoginHero__text b {
  color: #b7e08b;
}

.ffLoginHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffLoginHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffLoginHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffLoginHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffLoginConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffLoginConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffLoginConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffLoginConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffLoginConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffLoginConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffLoginConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffLoginMonitorScan 3s linear infinite;
}

@keyframes ffLoginMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffLoginBox,
.ffLoginProfile,
.ffLoginSocial,
.ffLoginRegister,
.ffLoginNotice,
.ffLoginOnline,
.ffLoginPoll,
.ffLoginFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* LOGIN BOX */

.ffLoginBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffLoginBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffLoginBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffLoginBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffLoginBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffLoginBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffLoginBox__body {
  padding: 18px;
  color: #d8d0b5;
}


/* uCoz LOG_FORM */

.ffLoginBox__body form,
.ffLoginBox__body table {
  width: 100% !important;
  max-width: 100%;
}

.ffLoginBox__body table {
  border-collapse: collapse !important;
}

.ffLoginBox__body td {
  padding: 7px 8px;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffLoginBox__body label,
.ffLoginBox__body .loginField,
.ffLoginBox__body .lfLabel {
  color: #cdbf96;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginBox__body input[type="text"],
.ffLoginBox__body input[type="password"],
.ffLoginBox__body input[type="email"],
.ffLoginBox__body select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffLoginBox__body input[type="text"]:focus,
.ffLoginBox__body input[type="password"]:focus,
.ffLoginBox__body input[type="email"]:focus,
.ffLoginBox__body select:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffLoginBox__body input[type="submit"],
.ffLoginBox__body input[type="button"],
.ffLoginBox__body button,
.ffLoginBox__body .button,
.ffLoginBox__body .uButton,
.ffLoginBox__body .loginButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffLoginBox__body input[type="submit"]:hover,
.ffLoginBox__body input[type="button"]:hover,
.ffLoginBox__body button:hover,
.ffLoginBox__body .button:hover,
.ffLoginBox__body .uButton:hover,
.ffLoginBox__body .loginButton:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* PROFILE WHEN LOGGED */

.ffLoginProfile {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffLoginProfile__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffLoginProfile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffLoginProfile__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffLoginProfile__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-bottom: 8px;
  padding: 0 10px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginProfile h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}

.ffLoginProfile__info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.ffLoginProfile__info div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffLoginProfile__info span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffLoginProfile__info b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffLoginProfile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffLoginProfile__actions a,
.ffLoginRegister a,
.ffLoginNotice a,
.ffLoginFooter__powered a,
.ffLoginOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffLoginProfile__actions a:hover,
.ffLoginRegister a:hover,
.ffLoginNotice a:hover,
.ffLoginFooter__powered a:hover,
.ffLoginOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffLoginProfile__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffLoginProfile__actions b {
  margin-left: 6px;
  color: #bff08f;
}


/* SOCIAL LOGIN */

.ffLoginSocial__title,
.ffLoginOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffLoginSocial__body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffLoginSocial__body div {
  min-width: 0;
}

.ffLoginSocial__body a,
.ffLoginSocial__body button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* REGISTER */

.ffLoginRegister {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
}

.ffLoginRegister span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginRegister b {
  display: block;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.55;
}


/* NOTICE */

.ffLoginNotice {
  padding: 16px;
}

.ffLoginNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffLoginNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffLoginNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffLoginNotice__text b {
  color: #f0d887;
}


/* ONLINE */

.ffLoginOnline {
  padding: 14px;
}

.ffLoginOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffLoginOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffLoginOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffLoginOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffLoginOnline__users,
.ffLoginOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffLoginOnline__users > :not(.ffLoginOnline__title),
.ffLoginOnline__birthdays > :not(.ffLoginOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffLoginOnline a {
  color: #d9bc68;
}

.ffLoginOnline a:hover {
  color: #fff0ad;
}


/* POLL */

.ffLoginPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffLoginPoll table {
  width: 100%;
}

.ffLoginPoll input[type="text"],
.ffLoginPoll input[type="submit"],
.ffLoginPoll button {
  max-width: 100%;
}


/* FOOTER */

.ffLoginFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffLoginFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffLoginFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffLoginFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL LINKS / IMAGES */

.ffLoginPage img {
  max-width: 100%;
  height: auto;
}

.ffLoginPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffLoginPage input,
.ffLoginPage select,
.ffLoginPage textarea,
.ffLoginPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffLoginHero__meta,
  .ffLoginConsole__screen,
  .ffLoginProfile__info,
  .ffLoginOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffLoginConsole {
    grid-template-columns: 1fr;
  }

  .ffLoginRegister,
  .ffLoginFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffLoginFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffLoginHero h1 {
    font-size: 26px;
  }

  .ffLoginHero__meta,
  .ffLoginConsole__screen,
  .ffLoginProfile,
  .ffLoginProfile__info,
  .ffLoginOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffLoginHero,
  .ffLoginConsole,
  .ffLoginBox__head,
  .ffLoginBox__body,
  .ffLoginProfile,
  .ffLoginSocial__body,
  .ffLoginRegister,
  .ffLoginNotice,
  .ffLoginOnline,
  .ffLoginPoll,
  .ffLoginFooter {
    padding: 12px;
  }

  .ffLoginBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffLoginBox__status {
    width: 100%;
  }

  .ffLoginProfile__avatar {
    width: 90px;
    height: 90px;
  }

  .ffLoginProfile__actions a,
  .ffLoginRegister a,
  .ffLoginNotice a,
  .ffLoginSocial__body a,
  .ffLoginSocial__body button {
    width: 100%;
  }

  .ffLoginBox__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffLoginBox__body input[type="submit"],
  .ffLoginBox__body input[type="button"],
  .ffLoginBox__body button,
  .ffLoginBox__body .button,
  .ffLoginBox__body .uButton,
  .ffLoginBox__body .loginButton {
    width: 100%;
  }
}




/* =========================================================
   Страница регистрации пользователей
   FalloutFanatics — User Register Page
   ========================================================= */

.ffRegisterPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffRegisterHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffRegisterHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffRegisterHero > * {
  position: relative;
  z-index: 1;
}

.ffRegisterHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffRegisterHero__badge,
.ffRegisterHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffRegisterHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffRegisterHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffRegisterHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffRegisterHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffRegisterHero__text b {
  color: #b7e08b;
}

.ffRegisterHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffRegisterHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffRegisterHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffRegisterHero__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffRegisterConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffRegisterConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffRegisterConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffRegisterConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffRegisterConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffRegisterConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffRegisterConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffRegisterMonitorScan 3s linear infinite;
}

@keyframes ffRegisterMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffRegisterBox,
.ffRegisterProfile,
.ffRegisterSocial,
.ffRegisterLogin,
.ffRegisterNotice,
.ffRegisterOnline,
.ffRegisterPoll,
.ffRegisterFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* REGISTER BOX */

.ffRegisterBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffRegisterBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffRegisterBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffRegisterBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffRegisterBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffRegisterBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffRegisterBox__body {
  padding: 18px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}


/* uCoz REGISTER FORM / $BODY$ */

.ffRegisterBox__body form,
.ffRegisterBox__body table {
  width: 100% !important;
  max-width: 100%;
}

.ffRegisterBox__body table {
  border-collapse: collapse !important;
}

.ffRegisterBox__body td {
  padding: 7px 8px;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffRegisterBox__body label,
.ffRegisterBox__body .manFlName,
.ffRegisterBox__body .manFlLogin,
.ffRegisterBox__body .manFlPassw,
.ffRegisterBox__body .manFlEmail,
.ffRegisterBox__body .fieldLabel {
  color: #cdbf96;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffRegisterBox__body input[type="text"],
.ffRegisterBox__body input[type="password"],
.ffRegisterBox__body input[type="email"],
.ffRegisterBox__body input[type="url"],
.ffRegisterBox__body input[type="tel"],
.ffRegisterBox__body select,
.ffRegisterBox__body textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffRegisterBox__body textarea {
  min-height: 120px;
  resize: vertical;
}

.ffRegisterBox__body input[type="text"]:focus,
.ffRegisterBox__body input[type="password"]:focus,
.ffRegisterBox__body input[type="email"]:focus,
.ffRegisterBox__body input[type="url"]:focus,
.ffRegisterBox__body input[type="tel"]:focus,
.ffRegisterBox__body select:focus,
.ffRegisterBox__body textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffRegisterBox__body input[type="submit"],
.ffRegisterBox__body input[type="button"],
.ffRegisterBox__body button,
.ffRegisterBox__body .button,
.ffRegisterBox__body .uButton,
.ffRegisterBox__body .manFlSbm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffRegisterBox__body input[type="submit"]:hover,
.ffRegisterBox__body input[type="button"]:hover,
.ffRegisterBox__body button:hover,
.ffRegisterBox__body .button:hover,
.ffRegisterBox__body .uButton:hover,
.ffRegisterBox__body .manFlSbm:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}

.ffRegisterBox__body input[type="checkbox"],
.ffRegisterBox__body input[type="radio"] {
  accent-color: #7e9b54;
}

.ffRegisterBox__body a {
  color: #d9bc68;
}

.ffRegisterBox__body a:hover {
  color: #fff0ad;
}

.ffRegisterBox__body img[src*="secure"],
.ffRegisterBox__body img[src*="captcha"] {
  max-width: 100%;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* PROFILE WHEN LOGGED */

.ffRegisterProfile {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffRegisterProfile__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffRegisterProfile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffRegisterProfile__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffRegisterProfile__status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-bottom: 8px;
  padding: 0 10px;
  border: 1px solid rgba(130, 156, 88, .35);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffRegisterProfile h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}

.ffRegisterProfile__info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.ffRegisterProfile__info div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffRegisterProfile__info span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffRegisterProfile__info b {
  display: block;
  overflow: hidden;
  color: #b7e08b;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffRegisterProfile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffRegisterProfile__actions a,
.ffRegisterLogin a,
.ffRegisterNotice a,
.ffRegisterFooter__powered a,
.ffRegisterOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffRegisterProfile__actions a:hover,
.ffRegisterLogin a:hover,
.ffRegisterNotice a:hover,
.ffRegisterFooter__powered a:hover,
.ffRegisterOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffRegisterProfile__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffRegisterProfile__actions b {
  margin-left: 6px;
  color: #bff08f;
}


/* SOCIAL LOGIN */

.ffRegisterSocial__title,
.ffRegisterOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffRegisterSocial__body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffRegisterSocial__body div {
  min-width: 0;
}

.ffRegisterSocial__body a,
.ffRegisterSocial__body button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* LOGIN CTA */

.ffRegisterLogin {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
}

.ffRegisterLogin span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffRegisterLogin b {
  display: block;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.55;
}


/* NOTICE */

.ffRegisterNotice {
  padding: 16px;
}

.ffRegisterNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffRegisterNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffRegisterNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffRegisterNotice__text b {
  color: #f0d887;
}


/* ONLINE */

.ffRegisterOnline {
  padding: 14px;
}

.ffRegisterOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffRegisterOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffRegisterOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffRegisterOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffRegisterOnline__users,
.ffRegisterOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffRegisterOnline__users > :not(.ffRegisterOnline__title),
.ffRegisterOnline__birthdays > :not(.ffRegisterOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffRegisterOnline a {
  color: #d9bc68;
}

.ffRegisterOnline a:hover {
  color: #fff0ad;
}


/* POLL */

.ffRegisterPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffRegisterPoll table {
  width: 100%;
}

.ffRegisterPoll input[type="text"],
.ffRegisterPoll input[type="submit"],
.ffRegisterPoll button {
  max-width: 100%;
}


/* FOOTER */

.ffRegisterFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffRegisterFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffRegisterFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffRegisterFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffRegisterPage img {
  max-width: 100%;
  height: auto;
}

.ffRegisterPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffRegisterPage input,
.ffRegisterPage select,
.ffRegisterPage textarea,
.ffRegisterPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffRegisterHero__meta,
  .ffRegisterConsole__screen,
  .ffRegisterProfile__info,
  .ffRegisterOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffRegisterConsole {
    grid-template-columns: 1fr;
  }

  .ffRegisterLogin,
  .ffRegisterFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffRegisterFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffRegisterHero h1 {
    font-size: 26px;
  }

  .ffRegisterHero__meta,
  .ffRegisterConsole__screen,
  .ffRegisterProfile,
  .ffRegisterProfile__info,
  .ffRegisterOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffRegisterHero,
  .ffRegisterConsole,
  .ffRegisterBox__head,
  .ffRegisterBox__body,
  .ffRegisterProfile,
  .ffRegisterSocial__body,
  .ffRegisterLogin,
  .ffRegisterNotice,
  .ffRegisterOnline,
  .ffRegisterPoll,
  .ffRegisterFooter {
    padding: 12px;
  }

  .ffRegisterBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffRegisterBox__status {
    width: 100%;
  }

  .ffRegisterProfile__avatar {
    width: 90px;
    height: 90px;
  }

  .ffRegisterProfile__actions a,
  .ffRegisterLogin a,
  .ffRegisterNotice a,
  .ffRegisterSocial__body a,
  .ffRegisterSocial__body button {
    width: 100%;
  }

  .ffRegisterBox__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffRegisterBox__body input[type="submit"],
  .ffRegisterBox__body input[type="button"],
  .ffRegisterBox__body button,
  .ffRegisterBox__body .button,
  .ffRegisterBox__body .uButton,
  .ffRegisterBox__body .manFlSbm {
    width: 100%;
  }
}


/* =========================================================
   Персональная страница пользователя
   FalloutFanatics — User Profile Page
   ========================================================= */

.ffProfilePage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffProfileHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffProfileHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffProfileHero > * {
  position: relative;
  z-index: 1;
}

.ffProfileHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffProfileHero__badge,
.ffProfileHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffProfileHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffProfileHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffProfileHero__main {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.ffProfileHero__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 145px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 28px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .08),
    0 0 22px rgba(0, 0, 0, .35);
}

.ffProfileHero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffProfileHero__avatar span {
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .14em;
}

.ffProfileHero__content {
  min-width: 0;
}

.ffProfileHero__status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.ffProfileHero__status span,
.ffProfileHero__online,
.ffProfileHero__own {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 999px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffProfileHero__online {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .38) !important;
  background: rgba(48, 72, 34, .20) !important;
}

.ffProfileHero__own {
  color: #f0d887 !important;
  border-color: rgba(223, 197, 112, .42) !important;
}

.ffProfileHero h1 {
  margin: 0 0 8px;
  color: #f2d88a;
  font-size: 36px;
  line-height: 1.12;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffProfileHero__text {
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.65;
}

.ffProfileHero__text b {
  color: #b7e08b;
}

.ffProfileHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffProfileHero__actions a,
.ffProfileStats__grid a,
.ffProfileFooter__powered a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffProfileHero__actions a:hover,
.ffProfileStats__grid a:hover,
.ffProfileFooter__powered a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffProfileHero__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffProfileHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffProfileHero__meta div,
.ffProfileInfo__grid div,
.ffProfileStats__grid div,
.ffProfileContacts__grid div,
.ffProfileSubscr__grid div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffProfileHero__meta span,
.ffProfileInfo__grid span,
.ffProfileStats__grid span,
.ffProfileContacts__grid span,
.ffProfileSubscr__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffProfileHero__meta b,
.ffProfileInfo__grid b,
.ffProfileStats__grid b,
.ffProfileContacts__grid b,
.ffProfileSubscr__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffProfileInfo__grid a,
.ffProfileContacts__grid a {
  color: #f0d887;
  text-decoration: none;
}

.ffProfileInfo__grid a:hover,
.ffProfileContacts__grid a:hover {
  color: #fff0ad;
}


/* CONSOLE */

.ffProfileConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffProfileConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffProfileConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffProfileConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffProfileConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffProfileConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffProfileConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffProfileMonitorScan 3s linear infinite;
}

@keyframes ffProfileMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffProfileInfo,
.ffProfileStats,
.ffProfileActivity,
.ffProfileContacts,
.ffProfileSignature,
.ffProfileSubscr,
.ffProfileModer,
.ffProfileFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* INFO */

.ffProfileInfo,
.ffProfileContacts,
.ffProfileSubscr {
  padding: 14px;
}

.ffProfileInfo__grid,
.ffProfileContacts__grid,
.ffProfileSubscr__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}


/* STATS */

.ffProfileStats {
  padding: 14px;
}

.ffProfileStats__rank {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .24);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffProfileStats__rankIcon {
  flex: 0 0 54px;
  width: 54px;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ffProfileStats__rankIcon img {
  max-width: 54px;
  max-height: 54px;
}

.ffProfileStats__rankText span {
  display: block;
  color: #8d9377;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffProfileStats__rankText b {
  display: block;
  margin-top: 3px;
  color: #f0d887;
  font-size: 18px;
}

.ffProfileStats__rankText small {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 12px;
}

.ffProfileStats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffProfileStats__grid a {
  min-height: 28px;
  margin-top: 8px;
  padding: 0 9px;
  font-size: 10px;
}

.ffProfileStats__awards {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
}

.ffProfileStats__awards img {
  max-width: 100%;
  height: auto;
}


/* ACTIVITY */

.ffProfileActivity {
  padding: 14px;
}

.ffProfileActivity__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ffProfileActivity__grid a {
  display: block;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .22);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
  text-decoration: none;
}

.ffProfileActivity__grid a:hover {
  border-color: rgba(205, 173, 79, .55);
  background:
    radial-gradient(circle at center, rgba(102, 128, 48, .14), transparent 60%),
    rgba(10, 12, 8, .50);
}

.ffProfileActivity__grid span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffProfileActivity__grid b {
  display: block;
  color: #b7e08b;
  font-size: 20px;
}


/* CONTACTS */

.ffProfileContacts__social {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffProfileContacts__title {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffProfileContacts__social > :not(.ffProfileContacts__title) {
  padding: 12px;
  color: #d8d0b5;
}


/* SIGNATURE */

.ffProfileSignature {
  padding: 16px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}

.ffProfileSignature img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.ffProfileSignature a {
  color: #d9bc68;
}

.ffProfileSignature a:hover {
  color: #fff0ad;
}


/* MODER */

.ffProfileModer {
  padding: 14px;
  color: #d8d0b5;
}

.ffProfileModer a,
.ffProfileModer input,
.ffProfileModer button {
  max-width: 100%;
}


/* FOOTER */

.ffProfileFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffProfileFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffProfileFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffProfileFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffProfilePage img {
  max-width: 100%;
  height: auto;
}

.ffProfilePage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffProfilePage input,
.ffProfilePage select,
.ffProfilePage textarea,
.ffProfilePage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 1100px) {
  .ffProfileHero__meta,
  .ffProfileInfo__grid,
  .ffProfileStats__grid,
  .ffProfileContacts__grid,
  .ffProfileSubscr__grid,
  .ffProfileActivity__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .ffProfileHero__main {
    grid-template-columns: 110px minmax(0, 1fr);
  }

  .ffProfileHero__avatar {
    width: 110px;
    height: 110px;
    border-radius: 22px;
  }

  .ffProfileHero h1 {
    font-size: 30px;
  }

  .ffProfileConsole {
    grid-template-columns: 1fr;
  }

  .ffProfileConsole__screen {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffProfileFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffProfileFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .ffProfileHero,
  .ffProfileConsole,
  .ffProfileInfo,
  .ffProfileStats,
  .ffProfileActivity,
  .ffProfileContacts,
  .ffProfileSignature,
  .ffProfileSubscr,
  .ffProfileModer,
  .ffProfileFooter {
    padding: 12px;
  }

  .ffProfileHero__main,
  .ffProfileHero__meta,
  .ffProfileConsole__screen,
  .ffProfileInfo__grid,
  .ffProfileStats__grid,
  .ffProfileContacts__grid,
  .ffProfileSubscr__grid,
  .ffProfileActivity__grid {
    grid-template-columns: 1fr;
  }

  .ffProfileHero__avatar {
    width: 96px;
    height: 96px;
  }

  .ffProfileHero h1 {
    font-size: 26px;
  }

  .ffProfileHero__badge,
  .ffProfileHero__home,
  .ffProfileHero__actions a {
    width: 100%;
  }

  .ffProfileStats__rank {
    align-items: flex-start;
    flex-direction: column;
  }
}



/* =========================================================
   Личные сообщения
   FalloutFanatics — Private Messages Page
   ========================================================= */

.ffPmPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffPmHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffPmHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPmHero > * {
  position: relative;
  z-index: 1;
}

.ffPmHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffPmHero__badge,
.ffPmHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffPmHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffPmHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPmHero__main {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.ffPmHero__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .08),
    0 0 22px rgba(0, 0, 0, .35);
}

.ffPmHero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffPmHero__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffPmHero h1 {
  margin: 0 0 10px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffPmHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffPmHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffPmHero__actions a,
.ffPmNotice a,
.ffPmFooter__powered a,
.ffPmOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPmHero__actions a:hover,
.ffPmNotice a:hover,
.ffPmFooter__powered a:hover,
.ffPmOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffPmHero__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffPmHero__actions b {
  margin-left: 6px;
  color: #bff08f;
}

.ffPmHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffPmHero__meta div,
.ffPmUserInfo__grid div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPmHero__meta span,
.ffPmUserInfo__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPmHero__meta b,
.ffPmUserInfo__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffPmConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffPmConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPmConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffPmConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffPmConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffPmConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffPmConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffPmMonitorScan 3s linear infinite;
}

@keyframes ffPmMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffPmNotice,
.ffPmBox,
.ffPmUserInfo,
.ffPmOnline,
.ffPmPoll,
.ffPmFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* NOTICE */

.ffPmNotice {
  padding: 16px;
}

.ffPmNotice--new {
  border-color: rgba(183, 224, 139, .38);
}

.ffPmNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffPmNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffPmNotice__text b {
  color: #f0d887;
}


/* PM BOX */

.ffPmBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPmBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffPmBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffPmBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPmBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffPmBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffPmBox__body {
  padding: 16px;
  color: #d8d0b5;
}


/* uCoz PM OUTPUT */

.ffPmBox__body table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.ffPmBox__body td,
.ffPmBox__body th {
  padding: 10px;
  border-color: rgba(113, 98, 44, .24) !important;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffPmBox__body th,
.ffPmBox__body .gTableTop,
.ffPmBox__body .gTableSubTop,
.ffPmBox__body .forumNamesBar,
.ffPmBox__body .catsTd {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffPmBox__body .gTableBody,
.ffPmBox__body .gTableBody1,
.ffPmBox__body .gTableBody2,
.ffPmBox__body .pmCatLink,
.ffPmBox__body .pmRow,
.ffPmBox__body .pmMessage,
.ffPmBox__body .pmText {
  border: 1px solid rgba(113, 98, 44, .22) !important;
  background: rgba(10, 11, 11, .50) !important;
  color: #d8d0b5 !important;
}

.ffPmBox__body a {
  color: #d9bc68;
  text-decoration: none;
}

.ffPmBox__body a:hover {
  color: #fff0ad;
}

.ffPmBox__body input[type="text"],
.ffPmBox__body input[type="password"],
.ffPmBox__body input[type="email"],
.ffPmBox__body input[type="url"],
.ffPmBox__body textarea,
.ffPmBox__body select {
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffPmBox__body textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}

.ffPmBox__body input[type="text"]:focus,
.ffPmBox__body input[type="password"]:focus,
.ffPmBox__body input[type="email"]:focus,
.ffPmBox__body input[type="url"]:focus,
.ffPmBox__body textarea:focus,
.ffPmBox__body select:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffPmBox__body input[type="submit"],
.ffPmBox__body input[type="button"],
.ffPmBox__body button,
.ffPmBox__body .button,
.ffPmBox__body .uButton,
.ffPmBox__body .pmSend,
.ffPmBox__body .pmBtn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffPmBox__body input[type="submit"]:hover,
.ffPmBox__body input[type="button"]:hover,
.ffPmBox__body button:hover,
.ffPmBox__body .button:hover,
.ffPmBox__body .uButton:hover,
.ffPmBox__body .pmSend:hover,
.ffPmBox__body .pmBtn:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}

.ffPmBox__body img {
  max-width: 100%;
  height: auto;
}


/* USER INFO */

.ffPmUserInfo {
  padding: 14px;
}

.ffPmUserInfo__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}


/* ONLINE */

.ffPmOnline {
  padding: 14px;
}

.ffPmOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffPmOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffPmOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffPmOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffPmOnline__users,
.ffPmOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffPmOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPmOnline__users > :not(.ffPmOnline__title),
.ffPmOnline__birthdays > :not(.ffPmOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffPmOnline a {
  color: #d9bc68;
}

.ffPmOnline a:hover {
  color: #fff0ad;
}


/* POLL */

.ffPmPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffPmPoll table {
  width: 100%;
}

.ffPmPoll input[type="text"],
.ffPmPoll input[type="submit"],
.ffPmPoll button {
  max-width: 100%;
}


/* FOOTER */

.ffPmFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffPmFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffPmFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffPmFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffPmPage img {
  max-width: 100%;
  height: auto;
}

.ffPmPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffPmPage input,
.ffPmPage select,
.ffPmPage textarea,
.ffPmPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffPmHero__meta,
  .ffPmConsole__screen,
  .ffPmUserInfo__grid,
  .ffPmOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffPmConsole {
    grid-template-columns: 1fr;
  }

  .ffPmFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPmFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffPmHero h1 {
    font-size: 26px;
  }

  .ffPmHero__main,
  .ffPmHero__meta,
  .ffPmConsole__screen,
  .ffPmUserInfo__grid,
  .ffPmOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffPmHero__avatar {
    width: 86px;
    height: 86px;
  }

  .ffPmHero,
  .ffPmConsole,
  .ffPmNotice,
  .ffPmBox__head,
  .ffPmBox__body,
  .ffPmUserInfo,
  .ffPmOnline,
  .ffPmPoll,
  .ffPmFooter {
    padding: 12px;
  }

  .ffPmBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffPmBox__status {
    width: 100%;
  }

  .ffPmHero__badge,
  .ffPmHero__home,
  .ffPmHero__actions a,
  .ffPmNotice a {
    width: 100%;
  }

  .ffPmBox__body {
    overflow-x: auto;
  }

  .ffPmBox__body table {
    min-width: 620px;
  }

  .ffPmBox__body td {
    padding: 7px;
  }

  .ffPmBox__body input[type="submit"],
  .ffPmBox__body input[type="button"],
  .ffPmBox__body button,
  .ffPmBox__body .button,
  .ffPmBox__body .uButton,
  .ffPmBox__body .pmSend,
  .ffPmBox__body .pmBtn {
    width: 100%;
  }
}




/* =========================================================
   Страница редактирования данных пользователя
   FalloutFanatics — User Edit Profile Page
   ========================================================= */

.ffEditProfilePage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffEditProfileHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffEditProfileHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffEditProfileHero > * {
  position: relative;
  z-index: 1;
}

.ffEditProfileHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffEditProfileHero__badge,
.ffEditProfileHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffEditProfileHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffEditProfileHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffEditProfileHero__main {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.ffEditProfileHero__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .08),
    0 0 22px rgba(0, 0, 0, .35);
}

.ffEditProfileHero__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffEditProfileHero__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffEditProfileHero h1 {
  margin: 0 0 10px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffEditProfileHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffEditProfileHero__text b {
  color: #b7e08b;
}

.ffEditProfileHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffEditProfileHero__actions a,
.ffEditProfileNotice a,
.ffEditProfileFooter__powered a,
.ffEditProfileOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffEditProfileHero__actions a:hover,
.ffEditProfileNotice a:hover,
.ffEditProfileFooter__powered a:hover,
.ffEditProfileOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffEditProfileHero__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffEditProfileHero__actions b {
  margin-left: 6px;
  color: #bff08f;
}

.ffEditProfileHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffEditProfileHero__meta div,
.ffEditProfileInfo__grid div,
.ffEditProfileSubscr__grid div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffEditProfileHero__meta span,
.ffEditProfileInfo__grid span,
.ffEditProfileSubscr__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEditProfileHero__meta b,
.ffEditProfileInfo__grid b,
.ffEditProfileSubscr__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffEditProfileConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffEditProfileConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffEditProfileConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffEditProfileConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffEditProfileConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffEditProfileConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffEditProfileConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffEditProfileMonitorScan 3s linear infinite;
}

@keyframes ffEditProfileMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffEditProfileNotice,
.ffEditProfileBox,
.ffEditProfileInfo,
.ffEditProfileSubscr,
.ffEditProfileOnline,
.ffEditProfilePoll,
.ffEditProfileFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* NOTICE */

.ffEditProfileNotice {
  padding: 16px;
}

.ffEditProfileNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffEditProfileNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEditProfileNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffEditProfileNotice__text b {
  color: #f0d887;
}


/* EDIT FORM */

.ffEditProfileBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEditProfileBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEditProfileBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffEditProfileBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEditProfileBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEditProfileBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffEditProfileBox__body {
  padding: 18px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}


/* uCoz EDIT PROFILE FORM */

.ffEditProfileBox__body form,
.ffEditProfileBox__body table {
  width: 100% !important;
  max-width: 100%;
}

.ffEditProfileBox__body table {
  border-collapse: collapse !important;
}

.ffEditProfileBox__body td,
.ffEditProfileBox__body th {
  padding: 7px 8px;
  color: #d8d0b5;
  vertical-align: middle;
  border-color: rgba(113, 98, 44, .22) !important;
}

.ffEditProfileBox__body th,
.ffEditProfileBox__body .gTableTop,
.ffEditProfileBox__body .gTableSubTop,
.ffEditProfileBox__body .catsTd {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffEditProfileBox__body label,
.ffEditProfileBox__body .fieldLabel,
.ffEditProfileBox__body .manFlName,
.ffEditProfileBox__body .manFlLogin,
.ffEditProfileBox__body .manFlPassw,
.ffEditProfileBox__body .manFlEmail {
  color: #cdbf96;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileBox__body input[type="text"],
.ffEditProfileBox__body input[type="password"],
.ffEditProfileBox__body input[type="email"],
.ffEditProfileBox__body input[type="url"],
.ffEditProfileBox__body input[type="tel"],
.ffEditProfileBox__body input[type="number"],
.ffEditProfileBox__body input[type="file"],
.ffEditProfileBox__body select,
.ffEditProfileBox__body textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffEditProfileBox__body input[type="file"] {
  padding: 8px;
}

.ffEditProfileBox__body textarea {
  min-height: 140px;
  resize: vertical;
  line-height: 1.6;
}

.ffEditProfileBox__body input[type="text"]:focus,
.ffEditProfileBox__body input[type="password"]:focus,
.ffEditProfileBox__body input[type="email"]:focus,
.ffEditProfileBox__body input[type="url"]:focus,
.ffEditProfileBox__body input[type="tel"]:focus,
.ffEditProfileBox__body input[type="number"]:focus,
.ffEditProfileBox__body input[type="file"]:focus,
.ffEditProfileBox__body select:focus,
.ffEditProfileBox__body textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffEditProfileBox__body input[type="checkbox"],
.ffEditProfileBox__body input[type="radio"] {
  accent-color: #7e9b54;
}

.ffEditProfileBox__body input[type="submit"],
.ffEditProfileBox__body input[type="button"],
.ffEditProfileBox__body button,
.ffEditProfileBox__body .button,
.ffEditProfileBox__body .uButton,
.ffEditProfileBox__body .manFlSbm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffEditProfileBox__body input[type="submit"]:hover,
.ffEditProfileBox__body input[type="button"]:hover,
.ffEditProfileBox__body button:hover,
.ffEditProfileBox__body .button:hover,
.ffEditProfileBox__body .uButton:hover,
.ffEditProfileBox__body .manFlSbm:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}

.ffEditProfileBox__body a {
  color: #d9bc68;
  text-decoration: none;
}

.ffEditProfileBox__body a:hover {
  color: #fff0ad;
}

.ffEditProfileBox__body img {
  max-width: 100%;
  height: auto;
}

.ffEditProfileBox__body img[src*="secure"],
.ffEditProfileBox__body img[src*="captcha"] {
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* INFO / SUBSCRIPTION */

.ffEditProfileInfo,
.ffEditProfileSubscr {
  padding: 14px;
}

.ffEditProfileInfo__grid,
.ffEditProfileSubscr__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}


/* ONLINE */

.ffEditProfileOnline {
  padding: 14px;
}

.ffEditProfileOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffEditProfileOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffEditProfileOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffEditProfileOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffEditProfileOnline__users,
.ffEditProfileOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffEditProfileOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEditProfileOnline__users > :not(.ffEditProfileOnline__title),
.ffEditProfileOnline__birthdays > :not(.ffEditProfileOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffEditProfileOnline a {
  color: #d9bc68;
}

.ffEditProfileOnline a:hover {
  color: #fff0ad;
}


/* POLL */

.ffEditProfilePoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffEditProfilePoll table {
  width: 100%;
}

.ffEditProfilePoll input[type="text"],
.ffEditProfilePoll input[type="submit"],
.ffEditProfilePoll button {
  max-width: 100%;
}


/* FOOTER */

.ffEditProfileFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffEditProfileFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffEditProfileFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffEditProfileFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffEditProfilePage img {
  max-width: 100%;
  height: auto;
}

.ffEditProfilePage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffEditProfilePage input,
.ffEditProfilePage select,
.ffEditProfilePage textarea,
.ffEditProfilePage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffEditProfileHero__meta,
  .ffEditProfileConsole__screen,
  .ffEditProfileInfo__grid,
  .ffEditProfileSubscr__grid,
  .ffEditProfileOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffEditProfileConsole {
    grid-template-columns: 1fr;
  }

  .ffEditProfileFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEditProfileFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffEditProfileHero h1 {
    font-size: 26px;
  }

  .ffEditProfileHero__main,
  .ffEditProfileHero__meta,
  .ffEditProfileConsole__screen,
  .ffEditProfileInfo__grid,
  .ffEditProfileSubscr__grid,
  .ffEditProfileOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffEditProfileHero__avatar {
    width: 86px;
    height: 86px;
  }

  .ffEditProfileHero,
  .ffEditProfileConsole,
  .ffEditProfileNotice,
  .ffEditProfileBox__head,
  .ffEditProfileBox__body,
  .ffEditProfileInfo,
  .ffEditProfileSubscr,
  .ffEditProfileOnline,
  .ffEditProfilePoll,
  .ffEditProfileFooter {
    padding: 12px;
  }

  .ffEditProfileBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffEditProfileBox__status {
    width: 100%;
  }

  .ffEditProfileHero__badge,
  .ffEditProfileHero__home,
  .ffEditProfileHero__actions a,
  .ffEditProfileNotice a {
    width: 100%;
  }

  .ffEditProfileBox__body {
    overflow-x: auto;
  }

  .ffEditProfileBox__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffEditProfileBox__body input[type="submit"],
  .ffEditProfileBox__body input[type="button"],
  .ffEditProfileBox__body button,
  .ffEditProfileBox__body .button,
  .ffEditProfileBox__body .uButton,
  .ffEditProfileBox__body .manFlSbm {
    width: 100%;
  }
}


/* =========================================================
   Страница со списком пользователей
   FalloutFanatics — Users List Page
   ========================================================= */

.ffUsersPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffUsersHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffUsersHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffUsersHero > * {
  position: relative;
  z-index: 1;
}

.ffUsersHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffUsersHero__badge,
.ffUsersHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffUsersHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffUsersHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUsersHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffUsersHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffUsersHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffUsersHero__meta div,
.ffUsersCurrent__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffUsersHero__meta span,
.ffUsersCurrent__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUsersHero__meta b,
.ffUsersCurrent__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffUsersConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffUsersConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffUsersConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffUsersConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUsersConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffUsersConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffUsersConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffUsersMonitorScan 3s linear infinite;
}

@keyframes ffUsersMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffUsersCurrent,
.ffUsersGuest,
.ffUsersBox,
.ffUsersOnline,
.ffUsersPoll,
.ffUsersFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* CURRENT USER */

.ffUsersCurrent {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffUsersCurrent__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffUsersCurrent__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffUsersCurrent__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffUsersCurrent__body > span,
.ffUsersGuest span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffUsersCurrent h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}

.ffUsersCurrent__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.ffUsersCurrent__actions,
.ffUsersGuest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffUsersCurrent__actions a,
.ffUsersGuest__actions a,
.ffUsersFooter__powered a,
.ffUsersOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffUsersCurrent__actions a:hover,
.ffUsersGuest__actions a:hover,
.ffUsersFooter__powered a:hover,
.ffUsersOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUsersCurrent__actions a:first-child,
.ffUsersGuest__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffUsersCurrent__actions b {
  margin-left: 6px;
  color: #bff08f;
}


/* GUEST */

.ffUsersGuest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
}

.ffUsersGuest b {
  display: block;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.55;
}


/* USERS BOX */

.ffUsersBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffUsersBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffUsersBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffUsersBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffUsersBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffUsersBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffUsersBox__body {
  padding: 16px;
  color: #d8d0b5;
}


/* uCoz USERS LIST OUTPUT */

.ffUsersBox__body table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.ffUsersBox__body td,
.ffUsersBox__body th {
  padding: 10px;
  border-color: rgba(113, 98, 44, .24) !important;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffUsersBox__body th,
.ffUsersBox__body .gTableTop,
.ffUsersBox__body .gTableSubTop,
.ffUsersBox__body .catsTd {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffUsersBox__body .gTableBody,
.ffUsersBox__body .gTableBody1,
.ffUsersBox__body .gTableBody2,
.ffUsersBox__body .userList,
.ffUsersBox__body .userRow,
.ffUsersBox__body .uTable {
  border: 1px solid rgba(113, 98, 44, .22) !important;
  background: rgba(10, 11, 11, .50) !important;
  color: #d8d0b5 !important;
}

.ffUsersBox__body a {
  color: #d9bc68;
  text-decoration: none;
}

.ffUsersBox__body a:hover {
  color: #fff0ad;
}

.ffUsersBox__body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.ffUsersBox__body input[type="text"],
.ffUsersBox__body input[type="password"],
.ffUsersBox__body input[type="email"],
.ffUsersBox__body select {
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffUsersBox__body input[type="submit"],
.ffUsersBox__body input[type="button"],
.ffUsersBox__body button,
.ffUsersBox__body .button,
.ffUsersBox__body .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}


/* ONLINE */

.ffUsersOnline {
  padding: 14px;
}

.ffUsersOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffUsersOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffUsersOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffUsersOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffUsersOnline__users,
.ffUsersOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffUsersOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffUsersOnline__users > :not(.ffUsersOnline__title),
.ffUsersOnline__birthdays > :not(.ffUsersOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffUsersOnline a {
  color: #d9bc68;
}

.ffUsersOnline a:hover {
  color: #fff0ad;
}


/* POLL */

.ffUsersPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffUsersPoll table {
  width: 100%;
}

.ffUsersPoll input[type="text"],
.ffUsersPoll input[type="submit"],
.ffUsersPoll button {
  max-width: 100%;
}


/* FOOTER */

.ffUsersFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffUsersFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffUsersFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffUsersFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffUsersPage img {
  max-width: 100%;
  height: auto;
}

.ffUsersPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffUsersPage input,
.ffUsersPage select,
.ffUsersPage textarea,
.ffUsersPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffUsersHero__meta,
  .ffUsersConsole__screen,
  .ffUsersCurrent__meta,
  .ffUsersOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffUsersConsole {
    grid-template-columns: 1fr;
  }

  .ffUsersGuest,
  .ffUsersFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffUsersFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffUsersHero h1 {
    font-size: 26px;
  }

  .ffUsersHero__meta,
  .ffUsersConsole__screen,
  .ffUsersCurrent,
  .ffUsersCurrent__meta,
  .ffUsersOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffUsersCurrent__avatar {
    width: 86px;
    height: 86px;
  }

  .ffUsersHero,
  .ffUsersConsole,
  .ffUsersCurrent,
  .ffUsersGuest,
  .ffUsersBox__head,
  .ffUsersBox__body,
  .ffUsersOnline,
  .ffUsersPoll,
  .ffUsersFooter {
    padding: 12px;
  }

  .ffUsersBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffUsersBox__status {
    width: 100%;
  }

  .ffUsersHero__badge,
  .ffUsersHero__home,
  .ffUsersCurrent__actions a,
  .ffUsersGuest__actions a {
    width: 100%;
  }

  .ffUsersBox__body {
    overflow-x: auto;
  }

  .ffUsersBox__body table {
    min-width: 620px;
  }

  .ffUsersBox__body td {
    padding: 7px;
  }

  .ffUsersBox__body input[type="submit"],
  .ffUsersBox__body input[type="button"],
  .ffUsersBox__body button,
  .ffUsersBox__body .button,
  .ffUsersBox__body .uButton {
    width: 100%;
  }
}


/* =========================================================
   FIX / ADDON: Страница со списком пользователей
   Поиск + статистика + пагинация
   ========================================================= */

.ffUsersSearch {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffUsersSearch__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffUsersSearch__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffUsersSearch__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffUsersSearch__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffUsersSearch__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffUsersSearch__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffUsersSearch__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffUsersSearch__body table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse !important;
}

.ffUsersSearch__body td {
  padding: 7px 8px;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffUsersSearch__body input[type="text"],
.ffUsersSearch__body input[type="search"],
.ffUsersSearch__body input[type="password"],
.ffUsersSearch__body input[type="email"],
.ffUsersSearch__body select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffUsersSearch__body input[type="submit"],
.ffUsersSearch__body input[type="button"],
.ffUsersSearch__body button,
.ffUsersSearch__body .button,
.ffUsersSearch__body .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffUsersSearch__empty {
  padding: 12px;
  border: 1px dashed rgba(129, 110, 46, .34);
  border-radius: 12px;
  color: #8d9377;
  font-size: 13px;
}


/* Статистика над списком пользователей */

.ffUsersBox__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
}

.ffUsersBox__summary div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffUsersBox__summary span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUsersBox__summary b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Пагинация списка пользователей */

.ffUsersPagination {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid rgba(100, 85, 36, .22);
  background: rgba(10, 10, 10, .22);
}

.ffUsersPagination__info span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUsersPagination__info b {
  color: #f0d887;
  font-size: 14px;
}

.ffUsersPagination__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffUsersPagination__links div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ffUsersPagination__links a,
.ffUsersPagination__links b,
.ffUsersPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ffUsersPagination__links a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUsersPagination__links b {
  color: #bff08f !important;
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .50), rgba(28, 30, 18, .70));
}


/* Адаптация */

@media (max-width: 700px) {
  .ffUsersSearch__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffUsersSearch__status {
    width: 100%;
  }

  .ffUsersBox__summary {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .ffUsersPagination {
    padding: 12px;
  }

  .ffUsersSearch__body {
    padding: 12px;
    overflow-x: auto;
  }

  .ffUsersSearch__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffUsersSearch__body input[type="submit"],
  .ffUsersSearch__body input[type="button"],
  .ffUsersSearch__body button,
  .ffUsersSearch__body .button,
  .ffUsersSearch__body .uButton {
    width: 100%;
  }
}



/* =========================================================
   Страница со списком комментариев пользователя
   FalloutFanatics — User Comments List Page
   ========================================================= */

.ffUserCommentsPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffUserCommentsHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffUserCommentsHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffUserCommentsHero > * {
  position: relative;
  z-index: 1;
}

.ffUserCommentsHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.ffUserCommentsHero__badge,
.ffUserCommentsHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffUserCommentsHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffUserCommentsHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUserCommentsHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.16;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffUserCommentsHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffUserCommentsHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.ffUserCommentsHero__meta div,
.ffUserCommentsCurrent__meta div,
.ffUserCommentsBox__summary div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffUserCommentsHero__meta span,
.ffUserCommentsCurrent__meta span,
.ffUserCommentsBox__summary span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUserCommentsHero__meta b,
.ffUserCommentsCurrent__meta b,
.ffUserCommentsBox__summary b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffUserCommentsConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffUserCommentsConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffUserCommentsConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffUserCommentsConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUserCommentsConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffUserCommentsConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffUserCommentsConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffUserCommentsMonitorScan 3s linear infinite;
}

@keyframes ffUserCommentsMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffUserCommentsCurrent,
.ffUserCommentsGuest,
.ffUserCommentsNotice,
.ffUserCommentsFilter,
.ffUserCommentsBox,
.ffUserCommentsOnline,
.ffUserCommentsSocial,
.ffUserCommentsPoll,
.ffUserCommentsFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* CURRENT USER */

.ffUserCommentsCurrent {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffUserCommentsCurrent__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffUserCommentsCurrent__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffUserCommentsCurrent__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffUserCommentsCurrent__body > span,
.ffUserCommentsGuest span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffUserCommentsCurrent h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}

.ffUserCommentsCurrent__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.ffUserCommentsCurrent__actions,
.ffUserCommentsGuest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffUserCommentsCurrent__actions a,
.ffUserCommentsGuest__actions a,
.ffUserCommentsNotice a,
.ffUserCommentsFooter__powered a,
.ffUserCommentsOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffUserCommentsCurrent__actions a:hover,
.ffUserCommentsGuest__actions a:hover,
.ffUserCommentsNotice a:hover,
.ffUserCommentsFooter__powered a:hover,
.ffUserCommentsOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUserCommentsCurrent__actions a:first-child,
.ffUserCommentsGuest__actions a:first-child {
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
}

.ffUserCommentsCurrent__actions b {
  margin-left: 6px;
  color: #bff08f;
}


/* GUEST / NOTICE */

.ffUserCommentsGuest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
}

.ffUserCommentsGuest b {
  display: block;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.55;
}

.ffUserCommentsNotice {
  padding: 16px;
}

.ffUserCommentsNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffUserCommentsNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffUserCommentsNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffUserCommentsNotice__text b {
  color: #f0d887;
}


/* FILTER / BOX HEAD */

.ffUserCommentsFilter__head,
.ffUserCommentsBox__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffUserCommentsFilter__head span,
.ffUserCommentsBox__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffUserCommentsFilter__head h2,
.ffUserCommentsBox__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffUserCommentsFilter__status,
.ffUserCommentsBox__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffUserCommentsFilter__status span,
.ffUserCommentsBox__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffUserCommentsFilter__status b,
.ffUserCommentsBox__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffUserCommentsFilter__body,
.ffUserCommentsBox__body {
  padding: 16px;
  color: #d8d0b5;
}


/* SUMMARY */

.ffUserCommentsBox__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
}


/* UCOZ OUTPUT */

.ffUserCommentsFilter__body table,
.ffUserCommentsBox__body table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.ffUserCommentsFilter__body td,
.ffUserCommentsFilter__body th,
.ffUserCommentsBox__body td,
.ffUserCommentsBox__body th {
  padding: 10px;
  border-color: rgba(113, 98, 44, .24) !important;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffUserCommentsFilter__body th,
.ffUserCommentsFilter__body .gTableTop,
.ffUserCommentsFilter__body .gTableSubTop,
.ffUserCommentsBox__body th,
.ffUserCommentsBox__body .gTableTop,
.ffUserCommentsBox__body .gTableSubTop,
.ffUserCommentsBox__body .catsTd {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffUserCommentsBox__body .gTableBody,
.ffUserCommentsBox__body .gTableBody1,
.ffUserCommentsBox__body .gTableBody2,
.ffUserCommentsBox__body .comEnt,
.ffUserCommentsBox__body .commEnt,
.ffUserCommentsBox__body .comment,
.ffUserCommentsBox__body .comm {
  border: 1px solid rgba(113, 98, 44, .22) !important;
  background: rgba(10, 11, 11, .50) !important;
  color: #d8d0b5 !important;
}

.ffUserCommentsFilter__body a,
.ffUserCommentsBox__body a {
  color: #d9bc68;
  text-decoration: none;
}

.ffUserCommentsFilter__body a:hover,
.ffUserCommentsBox__body a:hover {
  color: #fff0ad;
}

.ffUserCommentsFilter__body input[type="text"],
.ffUserCommentsFilter__body input[type="search"],
.ffUserCommentsFilter__body select,
.ffUserCommentsBox__body input[type="text"],
.ffUserCommentsBox__body input[type="search"],
.ffUserCommentsBox__body select {
  width: 100%;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffUserCommentsFilter__body input[type="submit"],
.ffUserCommentsFilter__body input[type="button"],
.ffUserCommentsFilter__body button,
.ffUserCommentsFilter__body .button,
.ffUserCommentsFilter__body .uButton,
.ffUserCommentsBox__body input[type="submit"],
.ffUserCommentsBox__body input[type="button"],
.ffUserCommentsBox__body button,
.ffUserCommentsBox__body .button,
.ffUserCommentsBox__body .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffUserCommentsBox__body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}


/* PAGINATION */

.ffUserCommentsPagination {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border-top: 1px solid rgba(100, 85, 36, .22);
  background: rgba(10, 10, 10, .22);
}

.ffUserCommentsPagination__info span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffUserCommentsPagination__info b {
  color: #f0d887;
  font-size: 14px;
}

.ffUserCommentsPagination__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffUserCommentsPagination__links div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ffUserCommentsPagination__links a,
.ffUserCommentsPagination__links b,
.ffUserCommentsPagination__links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
  color: #e0c46f !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ffUserCommentsPagination__links a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffUserCommentsPagination__links b {
  color: #bff08f !important;
  border-color: rgba(130, 156, 88, .45);
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .50), rgba(28, 30, 18, .70));
}


/* ONLINE / SOCIAL / POLL */

.ffUserCommentsOnline {
  padding: 14px;
}

.ffUserCommentsOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffUserCommentsOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffUserCommentsOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffUserCommentsOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffUserCommentsOnline__users,
.ffUserCommentsOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffUserCommentsOnline__title,
.ffUserCommentsSocial__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffUserCommentsOnline__users > :not(.ffUserCommentsOnline__title),
.ffUserCommentsOnline__birthdays > :not(.ffUserCommentsOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}

.ffUserCommentsSocial__body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffUserCommentsSocial__body a,
.ffUserCommentsSocial__body button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ffUserCommentsPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffUserCommentsPoll table {
  width: 100%;
}


/* FOOTER */

.ffUserCommentsFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffUserCommentsFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffUserCommentsFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffUserCommentsFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffUserCommentsPage img {
  max-width: 100%;
  height: auto;
}

.ffUserCommentsPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffUserCommentsPage input,
.ffUserCommentsPage select,
.ffUserCommentsPage textarea,
.ffUserCommentsPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffUserCommentsHero__meta,
  .ffUserCommentsConsole__screen,
  .ffUserCommentsCurrent__meta,
  .ffUserCommentsBox__summary,
  .ffUserCommentsOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffUserCommentsConsole {
    grid-template-columns: 1fr;
  }

  .ffUserCommentsGuest,
  .ffUserCommentsFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffUserCommentsFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffUserCommentsHero h1 {
    font-size: 26px;
  }

  .ffUserCommentsHero__meta,
  .ffUserCommentsConsole__screen,
  .ffUserCommentsCurrent,
  .ffUserCommentsCurrent__meta,
  .ffUserCommentsBox__summary,
  .ffUserCommentsOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffUserCommentsCurrent__avatar {
    width: 86px;
    height: 86px;
  }

  .ffUserCommentsHero,
  .ffUserCommentsConsole,
  .ffUserCommentsCurrent,
  .ffUserCommentsGuest,
  .ffUserCommentsNotice,
  .ffUserCommentsFilter__head,
  .ffUserCommentsFilter__body,
  .ffUserCommentsBox__head,
  .ffUserCommentsBox__body,
  .ffUserCommentsOnline,
  .ffUserCommentsSocial__body,
  .ffUserCommentsPoll,
  .ffUserCommentsFooter {
    padding: 12px;
  }

  .ffUserCommentsFilter__head,
  .ffUserCommentsBox__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffUserCommentsFilter__status,
  .ffUserCommentsBox__status {
    width: 100%;
  }

  .ffUserCommentsHero__badge,
  .ffUserCommentsHero__home,
  .ffUserCommentsCurrent__actions a,
  .ffUserCommentsGuest__actions a,
  .ffUserCommentsNotice a {
    width: 100%;
  }

  .ffUserCommentsFilter__body,
  .ffUserCommentsBox__body {
    overflow-x: auto;
  }

  .ffUserCommentsFilter__body table,
  .ffUserCommentsBox__body table {
    min-width: 620px;
  }

  .ffUserCommentsPagination {
    padding: 12px;
  }

  .ffUserCommentsFilter__body input[type="submit"],
  .ffUserCommentsFilter__body input[type="button"],
  .ffUserCommentsFilter__body button,
  .ffUserCommentsBox__body input[type="submit"],
  .ffUserCommentsBox__body input[type="button"],
  .ffUserCommentsBox__body button {
    width: 100%;
  }
}



/* =========================================================
   Страница доступ запрещён
   FalloutFanatics — Access Denied Page
   ========================================================= */

.ffAccessDeniedPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffAccessDeniedHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(216, 138, 104, .40);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(74, 98, 47, .14), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(216, 138, 104, .08),
    0 0 22px rgba(0, 0, 0, .34);
}

.ffAccessDeniedHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(216, 138, 104, .25) 0,
      rgba(216, 138, 104, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffAccessDeniedHero > * {
  position: relative;
  z-index: 1;
}

.ffAccessDeniedHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffAccessDeniedHero__badge,
.ffAccessDeniedHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(216, 138, 104, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #e8b394 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffAccessDeniedHero__home {
  color: #dfc570 !important;
  border-color: rgba(186, 157, 70, .40);
}

.ffAccessDeniedHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffAccessDeniedHero__main {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.ffAccessDeniedHero__lock {
  position: relative;
  width: 118px;
  height: 118px;
  border: 1px solid rgba(216, 138, 104, .42);
  border-radius: 28px;
  background:
    radial-gradient(circle at center, rgba(216, 138, 104, .14) 0 5px, transparent 6px),
    radial-gradient(circle at center, transparent 0 34px, rgba(216, 138, 104, .16) 35px 37px, transparent 38px),
    repeating-linear-gradient(
      0deg,
      rgba(216, 138, 104, .12) 0,
      rgba(216, 138, 104, .12) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(5, 8, 5, .72);
  overflow: hidden;
}

.ffAccessDeniedHero__lock::before {
  content: "!";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e8b394;
  font-size: 54px;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(216, 138, 104, .24);
}

.ffAccessDeniedHero__lock span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(216, 138, 104, .24), transparent);
  animation: ffAccessDeniedLockScan 2.8s linear infinite;
}

@keyframes ffAccessDeniedLockScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}

.ffAccessDeniedHero h1 {
  margin: 0 0 10px;
  color: #f2d88a;
  font-size: 36px;
  line-height: 1.12;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffAccessDeniedHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffAccessDeniedHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffAccessDeniedHero__actions a,
.ffAccessDeniedNotice a,
.ffAccessDeniedLogin__actions a,
.ffAccessDeniedFooter__powered a,
.ffAccessDeniedOnline__card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffAccessDeniedHero__actions a:hover,
.ffAccessDeniedNotice a:hover,
.ffAccessDeniedLogin__actions a:hover,
.ffAccessDeniedFooter__powered a:hover,
.ffAccessDeniedOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffAccessDeniedHero__actions a:first-child {
  border-color: rgba(216, 138, 104, .45);
  background:
    linear-gradient(180deg, rgba(112, 67, 42, .62), rgba(28, 30, 18, .78));
  color: #e8b394 !important;
}

.ffAccessDeniedHero__actions b {
  margin-left: 6px;
  color: #bff08f;
}

.ffAccessDeniedHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffAccessDeniedHero__meta div,
.ffAccessDeniedProfile__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffAccessDeniedHero__meta span,
.ffAccessDeniedProfile__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffAccessDeniedHero__meta b,
.ffAccessDeniedProfile__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* CONSOLE */

.ffAccessDeniedConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffAccessDeniedConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffAccessDeniedConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(216, 138, 104, .10), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffAccessDeniedConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffAccessDeniedConsole__screen b {
  color: #e8b394;
  font-size: 18px;
  text-transform: uppercase;
}

.ffAccessDeniedConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(216, 138, 104, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(216, 138, 104, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(216, 138, 104, .14) 0,
      rgba(216, 138, 104, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffAccessDeniedConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(216, 138, 104, .22), transparent);
  animation: ffAccessDeniedMonitorScan 3s linear infinite;
}

@keyframes ffAccessDeniedMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffAccessDeniedNotice,
.ffAccessDeniedHelp,
.ffAccessDeniedProfile,
.ffAccessDeniedLogin,
.ffAccessDeniedSocial,
.ffAccessDeniedOnline,
.ffAccessDeniedPoll,
.ffAccessDeniedFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* NOTICE */

.ffAccessDeniedNotice {
  padding: 16px;
}

.ffAccessDeniedNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffAccessDeniedNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffAccessDeniedNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffAccessDeniedNotice__text b {
  color: #f0d887;
}


/* HELP */

.ffAccessDeniedHelp {
  padding: 14px;
}

.ffAccessDeniedHelp__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffAccessDeniedHelp__grid div {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 14px;
  background: rgba(10, 11, 11, .55);
}

.ffAccessDeniedHelp__grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 24px;
  margin-bottom: 8px;
  border: 1px solid rgba(216, 138, 104, .36);
  border-radius: 999px;
  background: rgba(216, 138, 104, .10);
  color: #e8b394;
  font-size: 10px;
  font-weight: 900;
}

.ffAccessDeniedHelp__grid b {
  display: block;
  margin-bottom: 6px;
  color: #f0d887;
  font-size: 15px;
}

.ffAccessDeniedHelp__grid p {
  margin: 0;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}


/* PROFILE */

.ffAccessDeniedProfile {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffAccessDeniedProfile__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffAccessDeniedProfile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffAccessDeniedProfile__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffAccessDeniedProfile__body > span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffAccessDeniedProfile h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}

.ffAccessDeniedProfile__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}


/* LOGIN */

.ffAccessDeniedLogin__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffAccessDeniedLogin__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffAccessDeniedLogin__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffAccessDeniedLogin__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffAccessDeniedLogin__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffAccessDeniedLogin__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffAccessDeniedLogin__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffAccessDeniedLogin__empty {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px dashed rgba(129, 110, 46, .34);
  border-radius: 12px;
  color: #8d9377;
  font-size: 13px;
}

.ffAccessDeniedLogin__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}


/* FORM FIXES */

.ffAccessDeniedLogin__body form,
.ffAccessDeniedLogin__body table {
  width: 100% !important;
  max-width: 100%;
}

.ffAccessDeniedLogin__body table {
  border-collapse: collapse !important;
}

.ffAccessDeniedLogin__body td {
  padding: 7px 8px;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffAccessDeniedLogin__body input[type="text"],
.ffAccessDeniedLogin__body input[type="password"],
.ffAccessDeniedLogin__body input[type="email"],
.ffAccessDeniedLogin__body select,
.ffAccessDeniedLogin__body textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
}

.ffAccessDeniedLogin__body input[type="submit"],
.ffAccessDeniedLogin__body input[type="button"],
.ffAccessDeniedLogin__body button,
.ffAccessDeniedLogin__body .button,
.ffAccessDeniedLogin__body .uButton,
.ffAccessDeniedLogin__body .loginButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}


/* SOCIAL */

.ffAccessDeniedSocial__title,
.ffAccessDeniedOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffAccessDeniedSocial__body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.ffAccessDeniedSocial__body a,
.ffAccessDeniedSocial__body button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* ONLINE */

.ffAccessDeniedOnline {
  padding: 14px;
}

.ffAccessDeniedOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffAccessDeniedOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffAccessDeniedOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffAccessDeniedOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffAccessDeniedOnline__users,
.ffAccessDeniedOnline__birthdays {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffAccessDeniedOnline__users > :not(.ffAccessDeniedOnline__title),
.ffAccessDeniedOnline__birthdays > :not(.ffAccessDeniedOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}


/* POLL */

.ffAccessDeniedPoll {
  padding: 16px;
  color: #d8d0b5;
}

.ffAccessDeniedPoll table {
  width: 100%;
}


/* FOOTER */

.ffAccessDeniedFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffAccessDeniedFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffAccessDeniedFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffAccessDeniedFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* GENERAL */

.ffAccessDeniedPage img {
  max-width: 100%;
  height: auto;
}

.ffAccessDeniedPage a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffAccessDeniedPage input,
.ffAccessDeniedPage select,
.ffAccessDeniedPage textarea,
.ffAccessDeniedPage button {
  font-family: inherit;
}


/* RESPONSIVE */

@media (max-width: 980px) {
  .ffAccessDeniedHero__meta,
  .ffAccessDeniedConsole__screen,
  .ffAccessDeniedHelp__grid,
  .ffAccessDeniedProfile__meta,
  .ffAccessDeniedOnline__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffAccessDeniedConsole {
    grid-template-columns: 1fr;
  }

  .ffAccessDeniedFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffAccessDeniedFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .ffAccessDeniedHero h1 {
    font-size: 27px;
  }

  .ffAccessDeniedHero__main,
  .ffAccessDeniedHero__meta,
  .ffAccessDeniedConsole__screen,
  .ffAccessDeniedHelp__grid,
  .ffAccessDeniedProfile,
  .ffAccessDeniedProfile__meta,
  .ffAccessDeniedOnline__grid {
    grid-template-columns: 1fr;
  }

  .ffAccessDeniedHero__lock {
    width: 92px;
    height: 92px;
    border-radius: 22px;
  }

  .ffAccessDeniedHero__lock::before {
    font-size: 42px;
  }

  .ffAccessDeniedHero,
  .ffAccessDeniedConsole,
  .ffAccessDeniedNotice,
  .ffAccessDeniedHelp,
  .ffAccessDeniedProfile,
  .ffAccessDeniedLogin__head,
  .ffAccessDeniedLogin__body,
  .ffAccessDeniedSocial__body,
  .ffAccessDeniedOnline,
  .ffAccessDeniedPoll,
  .ffAccessDeniedFooter {
    padding: 12px;
  }

  .ffAccessDeniedLogin__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffAccessDeniedLogin__status {
    width: 100%;
  }

  .ffAccessDeniedHero__badge,
  .ffAccessDeniedHero__home,
  .ffAccessDeniedHero__actions a,
  .ffAccessDeniedNotice a,
  .ffAccessDeniedLogin__actions a,
  .ffAccessDeniedSocial__body a,
  .ffAccessDeniedSocial__body button {
    width: 100%;
  }

  .ffAccessDeniedLogin__body td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffAccessDeniedLogin__body input[type="submit"],
  .ffAccessDeniedLogin__body input[type="button"],
  .ffAccessDeniedLogin__body button,
  .ffAccessDeniedLogin__body .button,
  .ffAccessDeniedLogin__body .uButton,
  .ffAccessDeniedLogin__body .loginButton {
    width: 100%;
  }
}



/* =========================================================
   Форма входа пользователей
   FalloutFanatics — Login Form
   ========================================================= */

.ffLoginForm {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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


/* Шапка */

.ffLoginForm__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffLoginForm__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffLoginForm__head h3 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 24px;
  line-height: 1.2;
}

.ffLoginForm__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffLoginForm__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffLoginForm__status b {
  color: #bff08f;
  font-size: 16px;
}


/* Ошибка */

.ffLoginForm__error {
  margin: 14px 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .42);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .14), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}


/* Тело формы */

.ffLoginForm__body {
  padding: 16px;
}

.ffLoginForm__field {
  display: block;
  margin-bottom: 13px;
}

.ffLoginForm__field > span {
  display: block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffLoginForm input[type="text"],
.ffLoginForm input[type="password"],
.ffLoginForm input[type="email"],
.ffLoginForm select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffLoginForm input[type="text"]::placeholder,
.ffLoginForm input[type="password"]::placeholder,
.ffLoginForm input[type="email"]::placeholder {
  color: rgba(216, 208, 181, .42);
}

.ffLoginForm input[type="text"]:focus,
.ffLoginForm input[type="password"]:focus,
.ffLoginForm input[type="email"]:focus,
.ffLoginForm select:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}


/* Опции */

.ffLoginForm__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  color: #aeb79b;
  font-size: 13px;
}

.ffLoginForm__remember {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.ffLoginForm__remember input {
  accent-color: #7e9b54;
}

.ffLoginForm__remember span {
  color: #aeb79b;
  font-size: 13px;
}

.ffLoginForm__options a {
  color: #d9bc68;
  font-size: 13px;
  text-decoration: none;
}

.ffLoginForm__options a:hover {
  color: #fff0ad;
}


/* Капча */

.ffLoginForm__security {
  margin-bottom: 14px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffLoginForm__securityTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffLoginForm__securityBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffLoginForm__securityBody table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ffLoginForm__securityBody td {
  padding: 6px 8px;
  color: #d8d0b5;
}

.ffLoginForm__securityBody img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* РљРЅРѕРїРєРё */

.ffLoginForm__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.ffLoginForm__submit,
.ffLoginForm__register,
.ffLoginForm input[type="submit"],
.ffLoginForm input[type="button"],
.ffLoginForm button,
.ffLoginForm .button,
.ffLoginForm .uButton,
.ffLoginForm .loginButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffLoginForm__register {
  border-color: rgba(128, 109, 45, .38) !important;
  background: rgba(13, 14, 14, .45) !important;
  color: #e2c56d !important;
}

.ffLoginForm__submit:hover,
.ffLoginForm__register:hover,
.ffLoginForm input[type="submit"]:hover,
.ffLoginForm input[type="button"]:hover,
.ffLoginForm button:hover,
.ffLoginForm .button:hover,
.ffLoginForm .uButton:hover,
.ffLoginForm .loginButton:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* РќРёР· */

.ffLoginForm__foot {
  padding: 13px 16px;
  border-top: 1px solid rgba(100, 85, 36, .24);
  background: rgba(10, 10, 10, .24);
}

.ffLoginForm__foot span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffLoginForm__foot b {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.45;
}


/* Совместимость с таблицами uCoz внутри формы */

.ffLoginForm table {
  max-width: 100%;
}

.ffLoginForm td {
  color: #d8d0b5;
}

.ffLoginForm a {
  color: #d9bc68;
}

.ffLoginForm a:hover {
  color: #fff0ad;
}

.ffLoginForm img {
  max-width: 100%;
  height: auto;
}


/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffLoginForm__head {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .ffLoginForm__status {
    width: 100%;
  }

  .ffLoginForm__body {
    padding: 12px;
  }

  .ffLoginForm__error {
    margin: 12px 12px 0;
  }

  .ffLoginForm__options {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffLoginForm__buttons {
    flex-direction: column;
  }

  .ffLoginForm__submit,
  .ffLoginForm__register,
  .ffLoginForm input[type="submit"],
  .ffLoginForm input[type="button"],
  .ffLoginForm button,
  .ffLoginForm .button,
  .ffLoginForm .uButton,
  .ffLoginForm .loginButton {
    width: 100%;
  }

  .ffLoginForm__securityBody td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
}




/* =========================================================
   Форма регистрации локальных пользователей
   FalloutFanatics — Local Register Form
   ========================================================= */

.ffRegisterForm {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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


/* Шапка */

.ffRegisterForm__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffRegisterForm__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffRegisterForm__head h3 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 24px;
  line-height: 1.2;
}

.ffRegisterForm__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffRegisterForm__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffRegisterForm__status b {
  color: #bff08f;
  font-size: 16px;
}


/* Ошибка */

.ffRegisterForm__error {
  margin: 14px 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .42);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .14), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}


/* Сообщения verify / confirm */

.ffRegisterForm__message {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 14px;
  margin: 16px;
  padding: 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .45);
}

.ffRegisterForm__messageIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  min-height: 70px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 18px;
  background: rgba(5, 8, 5, .62);
  color: #bff08f;
  font-size: 20px;
  font-weight: 900;
}

.ffRegisterForm__message h4 {
  margin: 0 0 6px;
  color: #edd488;
  font-size: 20px;
}

.ffRegisterForm__message p {
  margin: 0;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}


/* Тело */

.ffRegisterForm__body {
  padding: 16px;
}

.ffRegisterForm__section {
  margin-bottom: 16px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background: rgba(10, 10, 10, .28);
  overflow: hidden;
}

.ffRegisterForm__section:last-child {
  margin-bottom: 0;
}

.ffRegisterForm__sectionHead {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .24), rgba(18, 18, 15, .42));
}

.ffRegisterForm__sectionHead > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 26px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 900;
}

.ffRegisterForm__sectionHead h4 {
  margin: 0;
  color: #e0c36f;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ffRegisterForm__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.ffRegisterForm__field {
  display: block;
  min-width: 0;
}

.ffRegisterForm__field--wide {
  grid-column: 1 / -1;
}

.ffRegisterForm__field > span {
  display: block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Поля */

.ffRegisterForm input[type="text"],
.ffRegisterForm input[type="password"],
.ffRegisterForm input[type="email"],
.ffRegisterForm input[type="url"],
.ffRegisterForm input[type="tel"],
.ffRegisterForm input[type="number"],
.ffRegisterForm input[type="file"],
.ffRegisterForm select,
.ffRegisterForm textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffRegisterForm input[type="file"] {
  padding: 8px;
}

.ffRegisterForm textarea {
  min-height: 130px;
  resize: vertical;
  line-height: 1.6;
}

.ffRegisterForm input[type="text"]::placeholder,
.ffRegisterForm input[type="password"]::placeholder,
.ffRegisterForm input[type="email"]::placeholder,
.ffRegisterForm input[type="url"]::placeholder,
.ffRegisterForm textarea::placeholder {
  color: rgba(216, 208, 181, .42);
}

.ffRegisterForm input[type="text"]:focus,
.ffRegisterForm input[type="password"]:focus,
.ffRegisterForm input[type="email"]:focus,
.ffRegisterForm input[type="url"]:focus,
.ffRegisterForm input[type="tel"]:focus,
.ffRegisterForm input[type="number"]:focus,
.ffRegisterForm input[type="file"]:focus,
.ffRegisterForm select:focus,
.ffRegisterForm textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffRegisterForm input[type="checkbox"],
.ffRegisterForm input[type="radio"] {
  accent-color: #7e9b54;
}


/* Капча */

.ffRegisterForm__security {
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffRegisterForm__securityTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffRegisterForm__securityBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffRegisterForm__securityBody table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ffRegisterForm__securityBody td {
  padding: 6px 8px;
  color: #d8d0b5;
}

.ffRegisterForm__securityBody img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* Соглашения */

.ffRegisterForm__agreement {
  margin: 0 0 14px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffRegisterForm__agreementTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffRegisterForm__agreementBody {
  padding: 12px;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.6;
}

.ffRegisterForm__agreementBody a {
  color: #d9bc68;
}


/* Кнопка регистрации */

.ffRegisterForm__submitBox {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 4px;
}

.ffRegisterForm__submit,
.ffRegisterForm input[type="submit"],
.ffRegisterForm input[type="button"],
.ffRegisterForm button,
.ffRegisterForm .button,
.ffRegisterForm .uButton,
.ffRegisterForm .manFlSbm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffRegisterForm__submit:hover,
.ffRegisterForm input[type="submit"]:hover,
.ffRegisterForm input[type="button"]:hover,
.ffRegisterForm button:hover,
.ffRegisterForm .button:hover,
.ffRegisterForm .uButton:hover,
.ffRegisterForm .manFlSbm:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* Социальный вход */

.ffRegisterForm__social {
  border-top: 1px solid rgba(100, 85, 36, .24);
  background: rgba(10, 10, 10, .20);
}

.ffRegisterForm__socialTitle {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffRegisterForm__socialBody {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 16px;
}

.ffRegisterForm__socialBody div {
  min-width: 0;
}

.ffRegisterForm__socialBody a,
.ffRegisterForm__socialBody button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* РќРёР· */

.ffRegisterForm__foot {
  padding: 13px 16px;
  border-top: 1px solid rgba(100, 85, 36, .24);
  background: rgba(10, 10, 10, .24);
}

.ffRegisterForm__foot span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffRegisterForm__foot b {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.45;
}


/* Совместимость с таблицами uCoz */

.ffRegisterForm table {
  max-width: 100%;
}

.ffRegisterForm td {
  color: #d8d0b5;
}

.ffRegisterForm a {
  color: #d9bc68;
  text-decoration: none;
}

.ffRegisterForm a:hover {
  color: #fff0ad;
}

.ffRegisterForm img {
  max-width: 100%;
  height: auto;
}


/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffRegisterForm__head {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .ffRegisterForm__status {
    width: 100%;
  }

  .ffRegisterForm__body {
    padding: 12px;
  }

  .ffRegisterForm__error {
    margin: 12px 12px 0;
  }

  .ffRegisterForm__message {
    grid-template-columns: 1fr;
    margin: 12px;
  }

  .ffRegisterForm__messageIcon {
    width: 58px;
    min-height: 58px;
  }

  .ffRegisterForm__grid {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .ffRegisterForm__sectionHead {
    padding: 12px;
  }

  .ffRegisterForm__submit,
  .ffRegisterForm input[type="submit"],
  .ffRegisterForm input[type="button"],
  .ffRegisterForm button,
  .ffRegisterForm .button,
  .ffRegisterForm .uButton,
  .ffRegisterForm .manFlSbm {
    width: 100%;
  }

  .ffRegisterForm__securityBody td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .ffRegisterForm__socialBody a,
  .ffRegisterForm__socialBody button {
    width: 100%;
  }
}





/* =========================================================
   Форма редактирования персональной информации
   FalloutFanatics — Edit Personal Info Form
   ========================================================= */

.ffEditInfoForm {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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


/* Шапка */

.ffEditInfoForm__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffEditInfoForm__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffEditInfoForm__head h3 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 24px;
  line-height: 1.2;
}

.ffEditInfoForm__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffEditInfoForm__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffEditInfoForm__status b {
  color: #bff08f;
  font-size: 16px;
}


/* Ошибка */

.ffEditInfoForm__error {
  margin: 14px 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(216, 138, 104, .42);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(216, 138, 104, .14), transparent 42%),
    rgba(10, 10, 10, .45);
  color: #e8b394;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}


/* Тело */

.ffEditInfoForm__body {
  padding: 16px;
}

.ffEditInfoForm__section {
  margin-bottom: 16px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background: rgba(10, 10, 10, .28);
  overflow: hidden;
}

.ffEditInfoForm__section:last-child {
  margin-bottom: 0;
}

.ffEditInfoForm__sectionHead {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .24), rgba(18, 18, 15, .42));
}

.ffEditInfoForm__sectionHead > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 26px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #b7e08b;
  font-size: 10px;
  font-weight: 900;
}

.ffEditInfoForm__sectionHead h4 {
  margin: 0;
  color: #e0c36f;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ffEditInfoForm__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

.ffEditInfoForm__field {
  display: block;
  min-width: 0;
}

.ffEditInfoForm__field--wide {
  grid-column: 1 / -1;
}

.ffEditInfoForm__field > span {
  display: block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}


/* Поля */

.ffEditInfoForm input[type="text"],
.ffEditInfoForm input[type="password"],
.ffEditInfoForm input[type="email"],
.ffEditInfoForm input[type="url"],
.ffEditInfoForm input[type="tel"],
.ffEditInfoForm input[type="number"],
.ffEditInfoForm input[type="file"],
.ffEditInfoForm select,
.ffEditInfoForm textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffEditInfoForm input[type="file"] {
  padding: 8px;
}

.ffEditInfoForm textarea {
  min-height: 130px;
  resize: vertical;
  line-height: 1.6;
}

.ffEditInfoForm input[type="text"]:focus,
.ffEditInfoForm input[type="password"]:focus,
.ffEditInfoForm input[type="email"]:focus,
.ffEditInfoForm input[type="url"]:focus,
.ffEditInfoForm input[type="tel"]:focus,
.ffEditInfoForm input[type="number"]:focus,
.ffEditInfoForm input[type="file"]:focus,
.ffEditInfoForm select:focus,
.ffEditInfoForm textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffEditInfoForm input[type="checkbox"],
.ffEditInfoForm input[type="radio"] {
  accent-color: #7e9b54;
}


/* Капча */

.ffEditInfoForm__security {
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffEditInfoForm__securityTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEditInfoForm__securityBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffEditInfoForm__securityBody table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.ffEditInfoForm__securityBody td {
  padding: 6px 8px;
  color: #d8d0b5;
}

.ffEditInfoForm__securityBody img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 8px;
  background: rgba(10, 10, 10, .45);
}


/* Социальные аккаунты */

.ffEditInfoForm__socialAccounts {
  margin: 0 14px 14px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffEditInfoForm__socialAccountsTitle {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEditInfoForm__socialAccountsBody {
  padding: 12px;
  color: #d8d0b5;
}

.ffEditInfoForm__socialAccountsBody a,
.ffEditInfoForm__socialAccountsBody button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px !important;
  margin: 3px;
  padding: 0 12px !important;
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 10, .45) !important;
  color: #e0c46f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}


/* Кнопка сохранения */

.ffEditInfoForm__submitBox {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 4px;
}

.ffEditInfoForm__submit,
.ffEditInfoForm input[type="submit"],
.ffEditInfoForm input[type="button"],
.ffEditInfoForm button,
.ffEditInfoForm .button,
.ffEditInfoForm .uButton,
.ffEditInfoForm .manFlSbm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: .10em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffEditInfoForm__submit:hover,
.ffEditInfoForm input[type="submit"]:hover,
.ffEditInfoForm input[type="button"]:hover,
.ffEditInfoForm button:hover,
.ffEditInfoForm .button:hover,
.ffEditInfoForm .uButton:hover,
.ffEditInfoForm .manFlSbm:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* РќРёР· */

.ffEditInfoForm__foot {
  padding: 13px 16px;
  border-top: 1px solid rgba(100, 85, 36, .24);
  background: rgba(10, 10, 10, .24);
}

.ffEditInfoForm__foot span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffEditInfoForm__foot b {
  display: block;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.45;
}


/* Совместимость с таблицами uCoz */

.ffEditInfoForm table {
  max-width: 100%;
}

.ffEditInfoForm td {
  color: #d8d0b5;
}

.ffEditInfoForm a {
  color: #d9bc68;
  text-decoration: none;
}

.ffEditInfoForm a:hover {
  color: #fff0ad;
}

.ffEditInfoForm img {
  max-width: 100%;
  height: auto;
}


/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffEditInfoForm__head {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .ffEditInfoForm__status {
    width: 100%;
  }

  .ffEditInfoForm__body {
    padding: 12px;
  }

  .ffEditInfoForm__error {
    margin: 12px 12px 0;
  }

  .ffEditInfoForm__grid {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .ffEditInfoForm__sectionHead {
    padding: 12px;
  }

  .ffEditInfoForm__socialAccounts {
    margin: 0 12px 12px;
  }

  .ffEditInfoForm__submit,
  .ffEditInfoForm input[type="submit"],
  .ffEditInfoForm input[type="button"],
  .ffEditInfoForm button,
  .ffEditInfoForm .button,
  .ffEditInfoForm .uButton,
  .ffEditInfoForm .manFlSbm {
    width: 100%;
  }

  .ffEditInfoForm__securityBody td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
}



/* =========================================================
   Вид формы опросов
   FalloutFanatics — Poll Form FIXED
   ========================================================= */

.ffPollForm {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  color: #d8d0b5;
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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

.ffPollForm::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPollForm > * {
  position: relative;
  z-index: 1;
}


/* Шапка опроса */

.ffPollForm__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPollForm__head span {
  display: block;
  color: #a9d586;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1.25;
  text-transform: uppercase;
}

.ffPollForm__head h3 {
  margin: 5px 0 0;
  color: #edd488;
  font-size: 21px;
  line-height: 1.18;
}

.ffPollForm__status {
  min-width: 70px;
  padding: 7px 9px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffPollForm__status span {
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 9px;
}

.ffPollForm__status b {
  color: #bff08f;
  font-size: 14px;
}


/* Тело */

.ffPollForm__body {
  padding: 13px 12px 14px;
}

.ffPollForm__question {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid rgba(130, 156, 88, .24);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .14), transparent 42%),
    rgba(10, 10, 10, .42);
}

.ffPollForm__question span {
  display: block;
  margin-bottom: 6px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffPollForm__question h4 {
  margin: 0;
  color: #f0d887;
  font-size: 16px;
  line-height: 1.35;
}


/* =========================================================
   Ответы опроса — главный фикс
   Важно: не делаем grid из input + label на родителе.
   Каждый вариант ответа оформляется одной строкой/карточкой.
   ========================================================= */

.ffPollForm__answers {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: #d8d0b5 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.ffPollForm__answers br {
  display: none !important;
}


/* Частый вариант uCoz: каждый ответ внутри div/p/li/label */

.ffPollForm__answers > div,
.ffPollForm__answers > p,
.ffPollForm__answers > li,
.ffPollForm__answers > label,
.ffPollForm__answers .pollAnswer,
.ffPollForm__answers .pollAns {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .10), transparent 48%),
    rgba(10, 10, 10, .38) !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  box-sizing: border-box !important;
}

.ffPollForm__answers > div:hover,
.ffPollForm__answers > p:hover,
.ffPollForm__answers > li:hover,
.ffPollForm__answers > label:hover,
.ffPollForm__answers .pollAnswer:hover,
.ffPollForm__answers .pollAns:hover {
  border-color: rgba(130, 156, 88, .42) !important;
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .16), transparent 50%),
    rgba(10, 10, 10, .46) !important;
}


/* Радио/checkbox всегда слева и не растягивается */

.ffPollForm__answers input[type="radio"],
.ffPollForm__answers input[type="checkbox"] {
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #8fcf73 !important;
}


/* Текст ответа внутри строки: label/span/font/b/a не превращаем в отдельную карточку */

.ffPollForm__answers > div label,
.ffPollForm__answers > div span,
.ffPollForm__answers > div font,
.ffPollForm__answers > div b,
.ffPollForm__answers > p label,
.ffPollForm__answers > p span,
.ffPollForm__answers > p font,
.ffPollForm__answers > p b,
.ffPollForm__answers > li label,
.ffPollForm__answers > li span,
.ffPollForm__answers > li font,
.ffPollForm__answers > li b,
.ffPollForm__answers > label span,
.ffPollForm__answers > label font,
.ffPollForm__answers > label b {
  display: inline !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
}

.ffPollForm__answers a {
  color: #e7dcc0 !important;
  text-decoration: none !important;
}


/* Если uCoz выводит ответы таблицей */

.ffPollForm__answers table {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}

.ffPollForm__answers tbody,
.ffPollForm__answers tr {
  width: 100% !important;
}

.ffPollForm__answers tr {
  display: table-row !important;
}

.ffPollForm__answers td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
  vertical-align: middle !important;
}

.ffPollForm__answers td:first-child {
  width: 22px !important;
  padding-right: 8px !important;
  text-align: center !important;
}

.ffPollForm__answers td:last-child {
  width: auto !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .10), transparent 48%),
    rgba(10, 10, 10, .38) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.ffPollForm__answers td:last-child label,
.ffPollForm__answers td:last-child span,
.ffPollForm__answers td:last-child font,
.ffPollForm__answers td:last-child b {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
}


/* Если input/text/select используются внутри $ANSWERS$ */

.ffPollForm__answers input[type="text"],
.ffPollForm__answers select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(129, 110, 46, .38) !important;
  border-radius: 10px !important;
  outline: none !important;
  background: #0d0f0e !important;
  color: #eadfb4 !important;
  font-size: 13px !important;
}


/* РљРЅРѕРїРєРё */

.ffPollForm__answers input[type="submit"],
.ffPollForm__answers input[type="button"],
.ffPollForm__answers button,
.ffPollForm__answers .button,
.ffPollForm__answers .uButton,
.ffPollForm input[type="submit"],
.ffPollForm input[type="button"],
.ffPollForm button,
.ffPollForm .button,
.ffPollForm .uButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin-top: 2px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.ffPollForm__answers input[type="submit"]:hover,
.ffPollForm__answers input[type="button"]:hover,
.ffPollForm__answers button:hover,
.ffPollForm input[type="submit"]:hover,
.ffPollForm input[type="button"]:hover,
.ffPollForm button:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* РќРёР· */

.ffPollForm__footer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(100, 85, 36, .24);
}

.ffPollForm__votes {
  width: 100%;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffPollForm__votes span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffPollForm__votes b {
  display: block;
  color: #f0d887;
  font-size: 15px;
}

.ffPollForm__links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.ffPollForm__links a,
.ffPollForm a[href*="poll"],
.ffPollForm a[href*="stuff"],
.ffPollForm a[href*="load"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.ffPollForm__links a:hover,
.ffPollForm a[href*="poll"]:hover,
.ffPollForm a[href*="stuff"]:hover,
.ffPollForm a[href*="load"]:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Результаты внутри $ANSWERS$ */

.ffPollForm__answers img {
  max-width: 100%;
  height: auto;
}

.ffPollForm__answers .pollResult,
.ffPollForm__answers .answerResult {
  margin-bottom: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
  color: #d8d0b5;
}

.ffPollForm__answers div[style*="width"] {
  border-radius: 999px;
}




/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffPollForm__head {
    display: block;
    padding: 12px;
  }

  .ffPollForm__status {
    display: none !important;
  }

  .ffPollForm__body {
    padding: 12px;
  }

  .ffPollForm__footer {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   Мини-чат — вид материалов
   FalloutFanatics — Mini Chat Message
   ========================================================= */

.ffMiniChatMsg {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid rgba(113, 98, 44, .28);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 42%),
    linear-gradient(180deg, rgba(15, 17, 15, .96), rgba(8, 9, 9, .96));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .04),
    0 8px 18px rgba(0, 0, 0, .22);
  overflow: hidden;
}

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

.ffMiniChatMsg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffMiniChatMsg > * {
  position: relative;
  z-index: 1;
}


/* Чётные / нечётные */

.ffMiniChatMsg--p2 {
  background:
    radial-gradient(circle at top right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(15, 17, 15, .96), rgba(8, 9, 9, .96));
}

.ffMiniChatMsg--user {
  border-color: rgba(130, 156, 88, .34);
}

.ffMiniChatMsg--guest {
  border-color: rgba(129, 110, 46, .30);
}


/* Аватар */

.ffMiniChatMsg__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .68);
}

.ffMiniChatMsg__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffMiniChatMsg__avatar span {
  display: block;
  max-width: 42px;
  overflow: hidden;
  color: #b7e08b;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
}


/* Тело */

.ffMiniChatMsg__body {
  min-width: 0;
}

.ffMiniChatMsg__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(100, 85, 36, .20);
}

.ffMiniChatMsg__author {
  min-width: 0;
  color: #f0d887;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.3;
}

.ffMiniChatMsg__author a,
.ffMiniChatMsg__author span {
  display: block;
  overflow: hidden;
  color: #f0d887;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffMiniChatMsg__author a:hover {
  color: #fff0ad;
}

.ffMiniChatMsg__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  flex: 0 0 auto;
}

.ffMiniChatMsg__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 6px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #aeb79b;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}


/* Сообщение */

.ffMiniChatMsg__text {
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.ffMiniChatMsg__text p {
  margin: 0 0 8px;
}

.ffMiniChatMsg__text p:last-child {
  margin-bottom: 0;
}

.ffMiniChatMsg__text a {
  color: #d9bc68;
  text-decoration: none;
}

.ffMiniChatMsg__text a:hover {
  color: #fff0ad;
}

.ffMiniChatMsg__text img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}


/* Доп. поля */

.ffMiniChatMsg__custom {
  margin-top: 8px;
  padding: 7px 9px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 10px;
  background: rgba(10, 10, 10, .32);
}

.ffMiniChatMsg__custom span {
  display: block;
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffMiniChatMsg__custom b {
  display: block;
  color: #b7e08b;
  font-size: 12px;
  line-height: 1.4;
}


/* РќРёР· */

.ffMiniChatMsg__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.ffMiniChatMsg__foot a,
.ffMiniChatMsg__foot span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(128, 109, 45, .32);
  border-radius: 999px;
  background: rgba(13, 14, 14, .38);
  color: #cdbf96 !important;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffMiniChatMsg__foot a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .50);
}


/* Внутри сайдбара делаем компактнее */

.ffSidebar .ffMiniChatMsg,
.ffChatPanel .ffMiniChatMsg,
.gtmChatPanel .ffMiniChatMsg {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  padding: 9px;
  border-radius: 14px;
}

.ffSidebar .ffMiniChatMsg__avatar,
.ffChatPanel .ffMiniChatMsg__avatar,
.gtmChatPanel .ffMiniChatMsg__avatar {
  width: 42px;
  height: 42px;
  border-radius: 12px;
}

.ffSidebar .ffMiniChatMsg__head,
.ffChatPanel .ffMiniChatMsg__head,
.gtmChatPanel .ffMiniChatMsg__head {
  flex-direction: column;
  gap: 5px;
}

.ffSidebar .ffMiniChatMsg__meta,
.ffChatPanel .ffMiniChatMsg__meta,
.gtmChatPanel .ffMiniChatMsg__meta {
  justify-content: flex-start;
}

.ffSidebar .ffMiniChatMsg__text,
.ffChatPanel .ffMiniChatMsg__text,
.gtmChatPanel .ffMiniChatMsg__text {
  font-size: 12px;
}


/* Мобильная адаптация */

@media (max-width: 560px) {
  .ffMiniChatMsg {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 9px;
  }

  .ffMiniChatMsg__avatar {
    width: 42px;
    height: 42px;
  }

  .ffMiniChatMsg__head {
    flex-direction: column;
    gap: 5px;
  }

  .ffMiniChatMsg__meta {
    justify-content: flex-start;
  }

  .ffMiniChatMsg__foot a,
  .ffMiniChatMsg__foot span {
    flex: 1 1 auto;
    justify-content: center;
  }
}


/* =========================================================
   Форма добавления сообщений мини-чата
   FalloutFanatics — Mini Chat Add Form
   ========================================================= */

.ffMiniChatAdd {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

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


/* Шапка */

.ffMiniChatAdd__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffMiniChatAdd__head span {
  display: block;
  color: #a9d586;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffMiniChatAdd__head h3 {
  margin: 5px 0 0;
  color: #edd488;
  font-size: 20px;
  line-height: 1.2;
}

.ffMiniChatAdd__status {
  min-width: 76px;
  padding: 7px 9px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffMiniChatAdd__status span {
  margin-bottom: 3px;
  color: #8d9377;
  font-size: 9px;
}

.ffMiniChatAdd__status b {
  color: #bff08f;
  font-size: 14px;
}


/* Тело */

.ffMiniChatAdd__body {
  padding: 14px;
}

.ffMiniChatAdd__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.ffMiniChatAdd__field,
.ffMiniChatAdd__message {
  display: block;
  min-width: 0;
}

.ffMiniChatAdd__field > span,
.ffMiniChatAdd__message > span {
  display: block;
  margin-bottom: 6px;
  color: #cdbf96;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffMiniChatAdd input[type="text"],
.ffMiniChatAdd input[type="email"],
.ffMiniChatAdd input[type="url"],
.ffMiniChatAdd select,
.ffMiniChatAdd textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px;
  padding: 9px 10px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 13px;
  box-shadow:
    inset 0 0 0 1px rgba(183, 224, 139, .04),
    inset 0 0 16px rgba(0, 0, 0, .35);
}

.ffMiniChatAdd textarea {
  min-height: 92px;
  resize: vertical;
  line-height: 1.55;
}

.ffMiniChatAdd input::placeholder,
.ffMiniChatAdd textarea::placeholder {
  color: rgba(216, 208, 181, .42);
}

.ffMiniChatAdd input[type="text"]:focus,
.ffMiniChatAdd input[type="email"]:focus,
.ffMiniChatAdd input[type="url"]:focus,
.ffMiniChatAdd select:focus,
.ffMiniChatAdd textarea:focus {
  border-color: rgba(183, 224, 139, .48);
  box-shadow:
    0 0 0 3px rgba(183, 224, 139, .08),
    inset 0 0 0 1px rgba(183, 224, 139, .08);
}

.ffMiniChatAdd__message small {
  display: block;
  margin-top: 6px;
  color: #8d9377;
  font-size: 11px;
}


/* Инструменты */

.ffMiniChatAdd__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 11px;
  padding-top: 11px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffMiniChatAdd__tools a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(128, 109, 45, .34);
  border-radius: 999px;
  background: rgba(13, 14, 14, .38);
  color: #e2c56d !important;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffMiniChatAdd__tools a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .52);
}


/* РљРЅРѕРїРєРё */

.ffMiniChatAdd__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ffMiniChatAdd__submit,
.ffMiniChatAdd__reset,
.ffMiniChatAdd input[type="submit"],
.ffMiniChatAdd input[type="button"],
.ffMiniChatAdd button,
.ffMiniChatAdd .button,
.ffMiniChatAdd .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffMiniChatAdd__reset {
  border-color: rgba(128, 109, 45, .38) !important;
  background: rgba(13, 14, 14, .45) !important;
  color: #e2c56d !important;
}

.ffMiniChatAdd__submit:hover,
.ffMiniChatAdd__reset:hover,
.ffMiniChatAdd input[type="submit"]:hover,
.ffMiniChatAdd input[type="button"]:hover,
.ffMiniChatAdd button:hover,
.ffMiniChatAdd .button:hover,
.ffMiniChatAdd .uButton:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* РќРёР· */

.ffMiniChatAdd__foot {
  padding: 12px 14px;
  border-top: 1px solid rgba(100, 85, 36, .24);
  background: rgba(10, 10, 10, .24);
}

.ffMiniChatAdd__foot span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffMiniChatAdd__foot b {
  display: block;
  color: #d8d0b5;
  font-size: 12px;
  line-height: 1.45;
}


/* Если uCoz вставляет свою таблицу формы */

.ffMiniChatAdd table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse !important;
}

.ffMiniChatAdd td {
  padding: 6px 0;
  color: #d8d0b5;
}

.ffMiniChatAdd a {
  color: #d9bc68;
  text-decoration: none;
}

.ffMiniChatAdd a:hover {
  color: #fff0ad;
}

.ffMiniChatAdd img {
  max-width: 100%;
  height: auto;
}


/* В сайдбаре компактнее */

.ffSidebar .ffMiniChatAdd,
.ffChatPanel .ffMiniChatAdd,
.gtmChatPanel .ffMiniChatAdd {
  border-radius: 16px;
}

.ffSidebar .ffMiniChatAdd__head,
.ffChatPanel .ffMiniChatAdd__head,
.gtmChatPanel .ffMiniChatAdd__head {
  align-items: flex-start;
  flex-direction: column;
  padding: 12px;
}

.ffSidebar .ffMiniChatAdd__status,
.ffChatPanel .ffMiniChatAdd__status,
.gtmChatPanel .ffMiniChatAdd__status {
  width: 100%;
}

.ffSidebar .ffMiniChatAdd__body,
.ffChatPanel .ffMiniChatAdd__body,
.gtmChatPanel .ffMiniChatAdd__body {
  padding: 12px;
}

.ffSidebar .ffMiniChatAdd__grid,
.ffChatPanel .ffMiniChatAdd__grid,
.gtmChatPanel .ffMiniChatAdd__grid {
  grid-template-columns: 1fr;
}

.ffSidebar .ffMiniChatAdd__buttons button,
.ffChatPanel .ffMiniChatAdd__buttons button,
.gtmChatPanel .ffMiniChatAdd__buttons button {
  width: 100%;
}


/* Мобильная адаптация */

@media (max-width: 600px) {
  .ffMiniChatAdd__head {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .ffMiniChatAdd__status {
    width: 100%;
  }

  .ffMiniChatAdd__body {
    padding: 12px;
  }

  .ffMiniChatAdd__grid {
    grid-template-columns: 1fr;
  }

  .ffMiniChatAdd__tools a,
  .ffMiniChatAdd__submit,
  .ffMiniChatAdd__reset,
  .ffMiniChatAdd input[type="submit"],
  .ffMiniChatAdd input[type="button"],
  .ffMiniChatAdd button,
  .ffMiniChatAdd .button,
  .ffMiniChatAdd .uButton {
    width: 100%;
  }
}


/* =========================================================
   Поиск по сайту — вид материалов
   FalloutFanatics — Search Result Item
   ========================================================= */

.ffSearchItem {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
  overflow: hidden;
}

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

.ffSearchItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffSearchItem > * {
  position: relative;
  z-index: 1;
}


/* Картинка */

.ffSearchItem__cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 15px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .72);
  text-decoration: none;
}

.ffSearchItem__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .18) 0,
      rgba(183, 224, 139, .18) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffSearchItem__cover img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 112px;
  object-fit: cover;
  filter:
    contrast(1.06)
    saturate(.86)
    sepia(.10)
    brightness(.96);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffSearchItem:hover .ffSearchItem__cover img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.95)
    sepia(.08)
    brightness(1.02);
}

.ffSearchItem__cover span {
  color: #b7e08b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}


/* Тело */

.ffSearchItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffSearchItem__top {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.ffSearchItem__number,
.ffSearchItem__module,
.ffSearchItem__date {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #aeb79b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.ffSearchItem__number {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .34);
}

.ffSearchItem__title {
  margin: 0 0 8px;
  color: #edd488;
  font-size: 20px;
  line-height: 1.25;
}

.ffSearchItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffSearchItem__title a:hover {
  color: #fff0ad;
}

.ffSearchItem__path {
  margin-bottom: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .32);
  color: #aeb79b;
  font-size: 12px;
  line-height: 1.45;
}

.ffSearchItem__path a {
  color: #d9bc68;
  text-decoration: none;
}

.ffSearchItem__path a:hover {
  color: #fff0ad;
}

.ffSearchItem__text {
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.ffSearchItem__text p {
  margin: 0 0 8px;
}

.ffSearchItem__text p:last-child {
  margin-bottom: 0;
}

.ffSearchItem__text a {
  color: #d9bc68;
  text-decoration: none;
}

.ffSearchItem__text a:hover {
  color: #fff0ad;
}

.ffSearchItem__text img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}


/* РќРёР· */

.ffSearchItem__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
}

.ffSearchItem__more,
.ffSearchItem__archive a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffSearchItem__more:hover,
.ffSearchItem__archive a:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58);
}

.ffSearchItem__archive {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ffSearchItem__archive select {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 12px;
}


/* Совместимость с системным выводом поиска */

.ffSearchItem table {
  max-width: 100%;
}

.ffSearchItem td {
  color: #d8d0b5;
}

.ffSearchItem a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease;
}


/* Если картинка слишком маленькая */

.ffSearchItem__cover img[src=""],
.ffSearchItem__cover img:not([src]) {
  display: none;
}


/* Мобильная адаптация */

@media (max-width: 700px) {
  .ffSearchItem {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .ffSearchItem__cover {
    min-height: 180px;
  }

  .ffSearchItem__cover img {
    min-height: 180px;
  }

  .ffSearchItem__title {
    font-size: 18px;
  }

  .ffSearchItem__more,
  .ffSearchItem__archive,
  .ffSearchItem__archive a,
  .ffSearchItem__archive select {
    width: 100%;
  }
}

/* =========================================================
   Страница заказа
   FalloutFanatics — Shop Order Page
   ========================================================= */

.ffOrderPage {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}

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


/* HERO */

.ffOrderHero {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 36%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 18px rgba(0, 0, 0, .30);
}

.ffOrderHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffOrderHero > * {
  position: relative;
  z-index: 1;
}

.ffOrderHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffOrderHero__badge,
.ffOrderHero__home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(186, 157, 70, .40);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #dfc570 !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}

.ffOrderHero__badge {
  color: #b7e08b !important;
  border-color: rgba(130, 156, 88, .40);
}

.ffOrderHero__home:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}

.ffOrderHero__main {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.ffOrderHero__icon {
  position: relative;
  width: 118px;
  height: 118px;
  border: 1px solid rgba(130, 156, 88, .42);
  border-radius: 28px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .16) 0 5px, transparent 6px),
    radial-gradient(circle at center, transparent 0 34px, rgba(183, 224, 139, .16) 35px 37px, transparent 38px),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .12) 0,
      rgba(183, 224, 139, .12) 1px,
      transparent 1px,
      transparent 8px
    ),
    rgba(5, 8, 5, .72);
  overflow: hidden;
}

.ffOrderHero__icon::before {
  content: "$";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bff08f;
  font-size: 50px;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(183, 224, 139, .22);
}

.ffOrderHero__icon span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .24), transparent);
  animation: ffOrderIconScan 2.8s linear infinite;
}

@keyframes ffOrderIconScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}

.ffOrderHero h1 {
  margin: 0 0 10px;
  color: #f2d88a;
  font-size: 36px;
  line-height: 1.12;
  text-shadow: 0 0 12px rgba(0, 0, 0, .55);
}

.ffOrderHero__text {
  max-width: 860px;
  color: #d8d0b5;
  font-size: 15px;
  line-height: 1.7;
}

.ffOrderHero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.ffOrderHero__action,
.ffOrderHero__pay {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffOrderHero__actions a,
.ffOrderHero__actions input,
.ffOrderHero__actions button,
.ffOrderHero__action a,
.ffOrderHero__pay a,
.ffOrderHero__pay button,
.ffOrderHero__pay input,
.ffOrderNotice a,
.ffOrderFooter__powered a,
.ffOrderOnline__card a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffOrderHero__actions a:hover,
.ffOrderHero__actions input:hover,
.ffOrderHero__actions button:hover,
.ffOrderNotice a:hover,
.ffOrderFooter__powered a:hover,
.ffOrderOnline__card a:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}

.ffOrderHero__meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffOrderHero__meta div,
.ffOrderSummary__grid div,
.ffOrderTelegram__grid div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffOrderHero__meta span,
.ffOrderSummary__grid span,
.ffOrderTelegram__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffOrderHero__meta b,
.ffOrderSummary__grid b,
.ffOrderTelegram__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ffOrderSummary__grid .ffOrderSummary__pay {
  border-color: rgba(130, 156, 88, .42);
  background:
    radial-gradient(circle at top left, rgba(82, 128, 48, .16), transparent 50%),
    rgba(10, 11, 11, .58);
}

.ffOrderSummary__grid .ffOrderSummary__pay b {
  color: #bff08f;
}


/* CONSOLE */

.ffOrderConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  overflow: hidden;
}

.ffOrderConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffOrderConsole__screen div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(83, 130, 52, .12), transparent 60%),
    rgba(10, 11, 11, .52);
}

.ffOrderConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffOrderConsole__screen b {
  color: #b7e08b;
  font-size: 18px;
  text-transform: uppercase;
}

.ffOrderConsole__monitor {
  position: relative;
  min-height: 92px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(183, 224, 139, .08), transparent 45%),
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .14) 0,
      rgba(183, 224, 139, .14) 1px,
      transparent 1px,
      transparent 7px
    ),
    rgba(5, 8, 5, .52);
  overflow: hidden;
}

.ffOrderConsole__monitor span {
  position: absolute;
  left: -35%;
  top: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(183, 224, 139, .22), transparent);
  animation: ffOrderMonitorScan 3s linear infinite;
}

@keyframes ffOrderMonitorScan {
  from {
    left: -35%;
  }

  to {
    left: 100%;
  }
}


/* COMMON BLOCKS */

.ffOrderSummary,
.ffOrderDelivery,
.ffOrderFields,
.ffOrderBody,
.ffOrderDigital,
.ffOrderJournal,
.ffOrderNote,
.ffOrderTelegram,
.ffOrderLastViewed,
.ffOrderNotice,
.ffOrderOnline,
.ffOrderPoll,
.ffOrderFooter {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}


/* SUMMARY */

.ffOrderSummary {
  padding: 14px;
}

.ffOrderSummary__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}


/* DELIVERY / PAYMENT */

.ffOrderDelivery {
  padding: 14px;
}

.ffOrderDelivery__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ffOrderDelivery__card {
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 16px;
  background: rgba(10, 10, 10, .30);
}

.ffOrderDelivery__title {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .22);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .24), rgba(18, 18, 15, .42));
}

.ffOrderDelivery__title span {
  display: block;
  margin-bottom: 4px;
  color: #a9d586;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffOrderDelivery__title h2 {
  margin: 0;
  color: #edd488;
  font-size: 22px;
  line-height: 1.2;
}

.ffOrderDelivery__text {
  padding: 14px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}

.ffOrderDelivery__text p {
  margin: 0 0 9px;
}

.ffOrderDelivery__text p:last-child {
  margin-bottom: 0;
}

.ffOrderDelivery__text b {
  color: #f0d887;
}

.ffOrderDelivery__descr,
.ffOrderDelivery__edit,
.ffOrderDelivery__payNow {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
}

.ffOrderDelivery__payNow a,
.ffOrderDelivery__payNow button,
.ffOrderDelivery__payNow input {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}


/* HEAD BLOCKS */

.ffOrderFields__head,
.ffOrderBody__head,
.ffOrderDigital__head,
.ffOrderJournal__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffOrderFields__head span,
.ffOrderBody__head span,
.ffOrderDigital__head span,
.ffOrderJournal__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffOrderFields__head h2,
.ffOrderBody__head h2,
.ffOrderDigital__head h2,
.ffOrderJournal__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffOrderFields__status,
.ffOrderBody__status,
.ffOrderDigital__status,
.ffOrderJournal__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffOrderFields__status span,
.ffOrderBody__status span,
.ffOrderDigital__status span,
.ffOrderJournal__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffOrderFields__status b,
.ffOrderBody__status b,
.ffOrderDigital__status b,
.ffOrderJournal__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffOrderFields__body,
.ffOrderBody__content,
.ffOrderDigital__body,
.ffOrderJournal__body,
.ffOrderNote,
.ffOrderLastViewed,
.ffOrderPoll {
  padding: 16px;
  color: #d8d0b5;
}


/* UCOZ ORDER OUTPUT */

.ffOrderPage table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.ffOrderPage td,
.ffOrderPage th {
  padding: 10px;
  border-color: rgba(113, 98, 44, .24) !important;
  color: #d8d0b5;
  vertical-align: middle;
}

.ffOrderPage th,
.ffOrderPage .gTableTop,
.ffOrderPage .gTableSubTop,
.ffOrderPage .catsTd,
.ffOrderPage .shopTableHead {
  border: 1px solid rgba(129, 110, 46, .35) !important;
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
  color: #e0c36f !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffOrderPage .gTableBody,
.ffOrderPage .gTableBody1,
.ffOrderPage .gTableBody2,
.ffOrderPage .shopTableBody,
.ffOrderPage .shopOrderRow,
.ffOrderPage .orderRow {
  border: 1px solid rgba(113, 98, 44, .22) !important;
  background: rgba(10, 11, 11, .50) !important;
  color: #d8d0b5 !important;
}

.ffOrderPage a {
  color: #d9bc68;
  text-decoration: none;
}

.ffOrderPage a:hover {
  color: #fff0ad;
}

.ffOrderPage img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.ffOrderPage input[type="text"],
.ffOrderPage input[type="email"],
.ffOrderPage input[type="tel"],
.ffOrderPage input[type="number"],
.ffOrderPage input[type="password"],
.ffOrderPage select,
.ffOrderPage textarea {
  width: 100%;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .35);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
}

.ffOrderPage textarea {
  min-height: 120px;
  resize: vertical;
}

.ffOrderPage input[type="submit"],
.ffOrderPage input[type="button"],
.ffOrderPage button,
.ffOrderPage .button,
.ffOrderPage .uButton {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}


/* DIGITAL */

.ffOrderDigital__list {
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
}

.ffOrderDigital__list a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin: 4px;
  padding: 0 12px;
  border: 1px solid rgba(130, 156, 88, .36);
  border-radius: 999px;
  background: rgba(48, 72, 34, .20);
  color: #bff08f !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ffOrderDigital__list a:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58);
}


/* TELEGRAM */

.ffOrderTelegram {
  padding: 14px;
}

.ffOrderTelegram__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}


/* NOTICE */

.ffOrderNotice {
  padding: 16px;
}

.ffOrderNotice--pm {
  border-color: rgba(183, 224, 139, .38);
}

.ffOrderNotice__title {
  margin-bottom: 8px;
  color: #b7e08b;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffOrderNotice__text {
  margin-bottom: 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.6;
}

.ffOrderNotice__text b {
  color: #f0d887;
}


/* ONLINE */

.ffOrderOnline {
  padding: 14px;
}

.ffOrderOnline__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffOrderOnline__card {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .20);
  border-radius: 12px;
  background:
    radial-gradient(circle at center, rgba(82, 128, 48, .10), transparent 60%),
    rgba(8, 12, 8, .42);
}

.ffOrderOnline__card span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffOrderOnline__card b {
  display: block;
  color: #b7e08b;
  font-size: 13px;
}

.ffOrderOnline__users {
  margin-top: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  overflow: hidden;
}

.ffOrderOnline__title {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  color: #e0c36f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffOrderOnline__users > :not(.ffOrderOnline__title) {
  padding: 12px;
  color: #d8d0b5;
}


/* FOOTER */

.ffOrderFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
}

.ffOrderFooter strong {
  display: block;
  color: #edd488;
  font-size: 16px;
}

.ffOrderFooter span {
  display: block;
  margin-top: 4px;
  color: #aeb79b;
  font-size: 13px;
}

.ffOrderFooter__powered {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}


/* RESPONSIVE */

@media (max-width: 1100px) {
  .ffOrderHero__meta,
  .ffOrderSummary__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffOrderDelivery__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .ffOrderHero__main {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .ffOrderHero__icon {
    width: 96px;
    height: 96px;
    border-radius: 22px;
  }

  .ffOrderHero__icon::before {
    font-size: 42px;
  }

  .ffOrderHero h1 {
    font-size: 30px;
  }

  .ffOrderConsole {
    grid-template-columns: 1fr;
  }

  .ffOrderConsole__screen,
  .ffOrderOnline__grid,
  .ffOrderTelegram__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffOrderFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffOrderFooter__powered {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .ffOrderHero,
  .ffOrderConsole,
  .ffOrderSummary,
  .ffOrderDelivery,
  .ffOrderFields__head,
  .ffOrderFields__body,
  .ffOrderBody__head,
  .ffOrderBody__content,
  .ffOrderDigital__head,
  .ffOrderDigital__body,
  .ffOrderJournal__head,
  .ffOrderJournal__body,
  .ffOrderNote,
  .ffOrderTelegram,
  .ffOrderLastViewed,
  .ffOrderNotice,
  .ffOrderOnline,
  .ffOrderPoll,
  .ffOrderFooter {
    padding: 12px;
  }

  .ffOrderHero__main,
  .ffOrderHero__meta,
  .ffOrderSummary__grid,
  .ffOrderConsole__screen,
  .ffOrderOnline__grid,
  .ffOrderTelegram__grid {
    grid-template-columns: 1fr;
  }

  .ffOrderHero__icon {
    width: 86px;
    height: 86px;
  }

  .ffOrderHero h1 {
    font-size: 26px;
  }

  .ffOrderHero__badge,
  .ffOrderHero__home,
  .ffOrderHero__actions a,
  .ffOrderHero__actions input,
  .ffOrderHero__actions button,
  .ffOrderNotice a {
    width: 100%;
  }

  .ffOrderFields__head,
  .ffOrderBody__head,
  .ffOrderDigital__head,
  .ffOrderJournal__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffOrderFields__status,
  .ffOrderBody__status,
  .ffOrderDigital__status,
  .ffOrderJournal__status {
    width: 100%;
  }

  .ffOrderBody__content,
  .ffOrderFields__body,
  .ffOrderJournal__body {
    overflow-x: auto;
  }

  .ffOrderPage table {
    min-width: 620px;
  }

  .ffOrderPage td {
    padding: 7px;
  }

  .ffOrderPage input[type="submit"],
  .ffOrderPage input[type="button"],
  .ffOrderPage button,
  .ffOrderPage .button,
  .ffOrderPage .uButton {
    width: 100%;
  }
}


/* =========================================================
   Интернет-магазин — вид товара
   FalloutFanatics — Shop Product Item
   ========================================================= */

.ffShopItem {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
  overflow: hidden;
}

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

.ffShopItem::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffShopItem > * {
  position: relative;
  z-index: 1;
}


/* Изображение */

.ffShopItem__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 170px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .72);
  text-decoration: none;
}

.ffShopItem__image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .18) 0,
      rgba(183, 224, 139, .18) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffShopItem__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 170px;
  object-fit: cover;
  filter:
    contrast(1.06)
    saturate(.86)
    sepia(.10)
    brightness(.96);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffShopItem:hover .ffShopItem__image img {
  transform: scale(1.035);
  filter:
    contrast(1.12)
    saturate(.95)
    sepia(.08)
    brightness(1.02);
}

.ffShopItem__image > span:not(.ffShopItem__sale) {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffShopItem__sale {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(216, 138, 104, .45);
  border-radius: 999px;
  background: rgba(55, 24, 18, .75);
  color: #e8b394;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* Тело */

.ffShopItem__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ffShopItem__top {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
}

.ffShopItem__cat,
.ffShopItem__art {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #aeb79b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.ffShopItem__cat {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .34);
}

.ffShopItem__title {
  margin: 0 0 10px;
  color: #edd488;
  font-size: 22px;
  line-height: 1.25;
}

.ffShopItem__title a {
  color: #edd488;
  text-decoration: none;
}

.ffShopItem__title a:hover {
  color: #fff0ad;
}


/* Метаданные */

.ffShopItem__meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ffShopItem__meta div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 11, 11, .46);
}

.ffShopItem__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffShopItem__meta b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Описание */

.ffShopItem__descr {
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .30);
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.6;
}

.ffShopItem__descr p {
  margin: 0 0 8px;
}

.ffShopItem__descr p:last-child {
  margin-bottom: 0;
}


/* Статистика */

.ffShopItem__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.ffShopItem__stats span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .26);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #aeb79b;
  font-size: 10px;
  font-weight: 800;
}

.ffShopItem__stats b {
  margin-left: 4px;
  color: #f0d887;
}


/* РќРёР· */

.ffShopItem__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffShopItem__priceBox {
  min-width: 0;
}

.ffShopItem__oldPrice {
  margin-bottom: 3px;
  color: #9f9170;
  font-size: 13px;
  font-weight: 800;
  text-decoration: line-through;
}

.ffShopItem__price {
  color: #bff08f;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
  text-shadow: 0 0 12px rgba(183, 224, 139, .12);
}

.ffShopItem__unit {
  margin-top: 4px;
  color: #8d9377;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.ffShopItem__basket {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ffShopItem__basket a,
.ffShopItem__basket input,
.ffShopItem__basket button,
.ffShopItem__basket .button,
.ffShopItem__basket .uButton,
.ffShopItem input[type="submit"],
.ffShopItem input[type="button"],
.ffShopItem button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffShopItem__basket a:hover,
.ffShopItem__basket input:hover,
.ffShopItem__basket button:hover,
.ffShopItem input[type="submit"]:hover,
.ffShopItem input[type="button"]:hover,
.ffShopItem button:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* Внутренние элементы uCoz */

.ffShopItem a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffShopItem table {
  max-width: 100%;
}

.ffShopItem td {
  color: #d8d0b5;
}

.ffShopItem img {
  max-width: 100%;
  height: auto;
}


/* Компактные блоки: топы, последние, просмотренные */

.ffShopItem--top_view,
.ffShopItem--top_sold,
.ffShopItem--price,
.ffShopItem--all {
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
}

.ffShopItem--top_view .ffShopItem__image,
.ffShopItem--top_sold .ffShopItem__image,
.ffShopItem--price .ffShopItem__image,
.ffShopItem--all .ffShopItem__image {
  min-height: 120px;
}

.ffShopItem--top_view .ffShopItem__image img,
.ffShopItem--top_sold .ffShopItem__image img,
.ffShopItem--price .ffShopItem__image img,
.ffShopItem--all .ffShopItem__image img {
  min-height: 120px;
}

.ffShopItem--top_view .ffShopItem__title,
.ffShopItem--top_sold .ffShopItem__title,
.ffShopItem--price .ffShopItem__title,
.ffShopItem--all .ffShopItem__title {
  font-size: 18px;
}

.ffShopItem--top_view .ffShopItem__meta,
.ffShopItem--top_sold .ffShopItem__meta,
.ffShopItem--price .ffShopItem__meta,
.ffShopItem--all .ffShopItem__meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ffShopItem--top_view .ffShopItem__price,
.ffShopItem--top_sold .ffShopItem__price,
.ffShopItem--price .ffShopItem__price,
.ffShopItem--all .ffShopItem__price {
  font-size: 20px;
}


/* Мобильная адаптация */

@media (max-width: 760px) {
  .ffShopItem,
  .ffShopItem--top_view,
  .ffShopItem--top_sold,
  .ffShopItem--price,
  .ffShopItem--all {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .ffShopItem__image,
  .ffShopItem--top_view .ffShopItem__image,
  .ffShopItem--top_sold .ffShopItem__image,
  .ffShopItem--price .ffShopItem__image,
  .ffShopItem--all .ffShopItem__image {
    min-height: 190px;
  }

  .ffShopItem__image img,
  .ffShopItem--top_view .ffShopItem__image img,
  .ffShopItem--top_sold .ffShopItem__image img,
  .ffShopItem--price .ffShopItem__image img,
  .ffShopItem--all .ffShopItem__image img {
    min-height: 190px;
  }

  .ffShopItem__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffShopItem__bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .ffShopItem__basket,
  .ffShopItem__basket a,
  .ffShopItem__basket input,
  .ffShopItem__basket button {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ffShopItem__meta {
    grid-template-columns: 1fr;
  }

  .ffShopItem__title {
    font-size: 19px;
  }

  .ffShopItem__price {
    font-size: 22px;
  }
}


/* =========================================================
   ADDON: расширенная страница заказа магазина
   FalloutFanatics — Extended Order Page
   ========================================================= */

.ffOrderShopPath,
.ffOrderCustomer,
.ffOrderSearch,
.ffOrderUser,
.ffOrderLogin,
.ffOrderShare {
  overflow: hidden;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffOrderShopPath,
.ffOrderCustomer,
.ffOrderShare {
  padding: 14px;
}

.ffOrderShopPath__path {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 14px;
  background: rgba(10, 10, 10, .34);
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}

.ffOrderShopPath__path a {
  color: #d9bc68;
  text-decoration: none;
}

.ffOrderShopPath__path a:hover {
  color: #fff0ad;
}

.ffOrderShopPath__grid,
.ffOrderCustomer__grid,
.ffOrderUser__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ffOrderShopPath__grid div,
.ffOrderCustomer__grid div,
.ffOrderUser__grid div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffOrderShopPath__grid span,
.ffOrderCustomer__grid span,
.ffOrderUser__grid span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffOrderShopPath__grid b,
.ffOrderCustomer__grid b,
.ffOrderUser__grid b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* РџРѕРёСЃРє / РІС…РѕРґ */

.ffOrderSearch__head,
.ffOrderLogin__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffOrderSearch__head span,
.ffOrderLogin__head span {
  display: block;
  color: #a9d586;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ffOrderSearch__head h2,
.ffOrderLogin__head h2 {
  margin: 6px 0 0;
  color: #edd488;
  font-size: 26px;
  line-height: 1.2;
}

.ffOrderSearch__status,
.ffOrderLogin__status {
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 12px;
  background: rgba(10, 10, 10, .45);
  text-align: center;
}

.ffOrderSearch__status span,
.ffOrderLogin__status span {
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
}

.ffOrderSearch__status b,
.ffOrderLogin__status b {
  color: #bff08f;
  font-size: 16px;
}

.ffOrderSearch__body,
.ffOrderLogin__body {
  padding: 16px;
  color: #d8d0b5;
}

.ffOrderLogin__empty {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px dashed rgba(129, 110, 46, .34);
  border-radius: 12px;
  color: #8d9377;
  font-size: 13px;
}

.ffOrderLogin__actions,
.ffOrderUser__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

.ffOrderLogin__actions a,
.ffOrderUser__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(128, 109, 45, .38);
  border-radius: 999px;
  background: rgba(13, 14, 14, .45);
  color: #e2c56d !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.ffOrderLogin__actions a:hover,
.ffOrderUser__actions a:hover {
  color: #fff0ad !important;
  border-color: rgba(205, 173, 79, .55);
}


/* Профиль покупателя */

.ffOrderUser {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  padding: 16px;
}

.ffOrderUser__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px solid rgba(130, 156, 88, .40);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .12), transparent 60%),
    rgba(5, 8, 5, .74);
}

.ffOrderUser__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffOrderUser__avatar span {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
}

.ffOrderUser__body > span {
  display: block;
  margin-bottom: 5px;
  color: #8d9377;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffOrderUser h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 28px;
  line-height: 1.2;
}


/* Формы внутри расширенной страницы */

.ffOrderSearch__body form,
.ffOrderSearch__body table,
.ffOrderLogin__body form,
.ffOrderLogin__body table {
  width: 100% !important;
  max-width: 100%;
}

.ffOrderSearch__body input[type="text"],
.ffOrderSearch__body input[type="search"],
.ffOrderSearch__body input[type="email"],
.ffOrderSearch__body select,
.ffOrderLogin__body input[type="text"],
.ffOrderLogin__body input[type="password"],
.ffOrderLogin__body input[type="email"],
.ffOrderLogin__body select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  outline: none;
  background: #0d0f0e;
  color: #eadfb4;
  font-size: 14px;
}

.ffOrderSearch__body input[type="submit"],
.ffOrderSearch__body input[type="button"],
.ffOrderSearch__body button,
.ffOrderLogin__body input[type="submit"],
.ffOrderLogin__body input[type="button"],
.ffOrderLogin__body button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: uppercase;
}


/* Мобильная адаптация */

@media (max-width: 980px) {
  .ffOrderShopPath__grid,
  .ffOrderCustomer__grid,
  .ffOrderUser__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ffOrderShopPath,
  .ffOrderCustomer,
  .ffOrderSearch__head,
  .ffOrderSearch__body,
  .ffOrderLogin__head,
  .ffOrderLogin__body,
  .ffOrderUser,
  .ffOrderShare {
    padding: 12px;
  }

  .ffOrderShopPath__grid,
  .ffOrderCustomer__grid,
  .ffOrderUser,
  .ffOrderUser__grid {
    grid-template-columns: 1fr;
  }

  .ffOrderSearch__head,
  .ffOrderLogin__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffOrderSearch__status,
  .ffOrderLogin__status {
    width: 100%;
  }

  .ffOrderUser__avatar {
    width: 86px;
    height: 86px;
  }

  .ffOrderLogin__actions a,
  .ffOrderUser__actions a,
  .ffOrderSearch__body input[type="submit"],
  .ffOrderSearch__body input[type="button"],
  .ffOrderSearch__body button,
  .ffOrderLogin__body input[type="submit"],
  .ffOrderLogin__body input[type="button"],
  .ffOrderLogin__body button {
    width: 100%;
  }
}


/* =========================================================
   Интернет-магазин — вид товара в каталоге
   FalloutFanatics — Catalog Product Card
   ========================================================= */

.ffCatalogProduct {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

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

.ffCatalogProduct::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffCatalogProduct > * {
  position: relative;
  z-index: 1;
}


/* Изображение */

.ffCatalogProduct__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  overflow: hidden;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .72);
  text-decoration: none;
}

.ffCatalogProduct__image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .18) 0,
      rgba(183, 224, 139, .18) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffCatalogProduct__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter:
    contrast(1.06)
    saturate(.86)
    sepia(.10)
    brightness(.96);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffCatalogProduct:hover .ffCatalogProduct__image img {
  transform: scale(1.04);
  filter:
    contrast(1.12)
    saturate(.95)
    sepia(.08)
    brightness(1.02);
}

.ffCatalogProduct__image > span:not(.ffCatalogProduct__sale):not(.ffCatalogProduct__stockBadge) {
  color: #b7e08b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffCatalogProduct__sale,
.ffCatalogProduct__stockBadge {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffCatalogProduct__sale {
  top: 10px;
  left: 10px;
  border: 1px solid rgba(216, 138, 104, .45);
  background: rgba(55, 24, 18, .75);
  color: #e8b394;
}

.ffCatalogProduct__stockBadge {
  right: 10px;
  bottom: 10px;
  border: 1px solid rgba(130, 156, 88, .42);
  background: rgba(15, 35, 18, .78);
  color: #bff08f;
}


/* Тело карточки */

.ffCatalogProduct__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 14px;
}

.ffCatalogProduct__top {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
}

.ffCatalogProduct__cat,
.ffCatalogProduct__art {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .30);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #aeb79b;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.ffCatalogProduct__cat {
  color: #b7e08b;
  border-color: rgba(130, 156, 88, .34);
}

.ffCatalogProduct__title {
  margin: 0 0 10px;
  color: #edd488;
  font-size: 20px;
  line-height: 1.25;
}

.ffCatalogProduct__title a {
  color: #edd488;
  text-decoration: none;
}

.ffCatalogProduct__title a:hover {
  color: #fff0ad;
}


/* Инфо */

.ffCatalogProduct__info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.ffCatalogProduct__info div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 11, 11, .46);
}

.ffCatalogProduct__info span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffCatalogProduct__info b {
  display: block;
  overflow: hidden;
  color: #f0d887;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Описание */

.ffCatalogProduct__desc {
  margin-bottom: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(113, 98, 44, .22);
  border-radius: 12px;
  background: rgba(10, 10, 10, .30);
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
}

.ffCatalogProduct__desc p {
  margin: 0 0 8px;
}

.ffCatalogProduct__desc p:last-child {
  margin-bottom: 0;
}


/* Статистика */

.ffCatalogProduct__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.ffCatalogProduct__stats span {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 0 8px;
  border: 1px solid rgba(129, 110, 46, .26);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #aeb79b;
  font-size: 10px;
  font-weight: 800;
}

.ffCatalogProduct__stats b {
  margin-left: 4px;
  color: #f0d887;
}


/* Низ карточки */

.ffCatalogProduct__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(100, 85, 36, .22);
}

.ffCatalogProduct__priceBox {
  min-width: 0;
}

.ffCatalogProduct__oldPrice {
  margin-bottom: 3px;
  color: #9f9170;
  font-size: 13px;
  font-weight: 800;
  text-decoration: line-through;
}

.ffCatalogProduct__price {
  color: #bff08f;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.1;
  text-shadow: 0 0 12px rgba(183, 224, 139, .12);
}

.ffCatalogProduct__unit {
  margin-top: 4px;
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.ffCatalogProduct__basket {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ffCatalogProduct__basket a,
.ffCatalogProduct__basket input,
.ffCatalogProduct__basket button,
.ffCatalogProduct__basket .button,
.ffCatalogProduct__basket .uButton,
.ffCatalogProduct input[type="submit"],
.ffCatalogProduct input[type="button"],
.ffCatalogProduct button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(130, 156, 88, .45) !important;
  border-radius: 999px !important;
  cursor: pointer;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78)) !important;
  color: #bff08f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffCatalogProduct__basket a:hover,
.ffCatalogProduct__basket input:hover,
.ffCatalogProduct__basket button:hover,
.ffCatalogProduct input[type="submit"]:hover,
.ffCatalogProduct input[type="button"]:hover,
.ffCatalogProduct button:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58) !important;
}


/* Дата */

.ffCatalogProduct__date {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.ffCatalogProduct__date span {
  color: #8d9377;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}


/* Совместимость */

.ffCatalogProduct a {
  transition:
    color .18s ease,
    border-color .18s ease,
    background .18s ease,
    transform .18s ease;
}

.ffCatalogProduct table {
  max-width: 100%;
}

.ffCatalogProduct td {
  color: #d8d0b5;
}

.ffCatalogProduct img {
  max-width: 100%;
  height: auto;
}


/* Если каталог выводится сеткой */

.ffCatalogProductsGrid,
.shopCatalogGrid,
.shopGrid,
.shop-list,
.shop-list-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}


/* Компактные варианты для информеров */

.ffCatalogProduct--top_view,
.ffCatalogProduct--top_sold,
.ffCatalogProduct--price,
.ffCatalogProduct--all {
  border-radius: 16px;
}

.ffCatalogProduct--top_view .ffCatalogProduct__image,
.ffCatalogProduct--top_sold .ffCatalogProduct__image,
.ffCatalogProduct--price .ffCatalogProduct__image,
.ffCatalogProduct--all .ffCatalogProduct__image {
  height: 160px;
}

.ffCatalogProduct--top_view .ffCatalogProduct__body,
.ffCatalogProduct--top_sold .ffCatalogProduct__body,
.ffCatalogProduct--price .ffCatalogProduct__body,
.ffCatalogProduct--all .ffCatalogProduct__body {
  padding: 12px;
}

.ffCatalogProduct--top_view .ffCatalogProduct__title,
.ffCatalogProduct--top_sold .ffCatalogProduct__title,
.ffCatalogProduct--price .ffCatalogProduct__title,
.ffCatalogProduct--all .ffCatalogProduct__title {
  font-size: 17px;
}

.ffCatalogProduct--top_view .ffCatalogProduct__info,
.ffCatalogProduct--top_sold .ffCatalogProduct__info,
.ffCatalogProduct--price .ffCatalogProduct__info,
.ffCatalogProduct--all .ffCatalogProduct__info {
  grid-template-columns: 1fr;
}

.ffCatalogProduct--top_view .ffCatalogProduct__price,
.ffCatalogProduct--top_sold .ffCatalogProduct__price,
.ffCatalogProduct--price .ffCatalogProduct__price,
.ffCatalogProduct--all .ffCatalogProduct__price {
  font-size: 20px;
}


/* Адаптация */

@media (max-width: 1100px) {
  .ffCatalogProductsGrid,
  .shopCatalogGrid,
  .shopGrid,
  .shop-list,
  .shop-list-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ffCatalogProductsGrid,
  .shopCatalogGrid,
  .shopGrid,
  .shop-list,
  .shop-list-items {
    grid-template-columns: 1fr;
  }

  .ffCatalogProduct__image {
    height: 220px;
  }

  .ffCatalogProduct__info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffCatalogProduct__bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .ffCatalogProduct__basket,
  .ffCatalogProduct__basket a,
  .ffCatalogProduct__basket input,
  .ffCatalogProduct__basket button {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ffCatalogProduct__body {
    padding: 12px;
  }

  .ffCatalogProduct__info {
    grid-template-columns: 1fr;
  }

  .ffCatalogProduct__title {
    font-size: 18px;
  }

  .ffCatalogProduct__price {
    font-size: 21px;
  }
}

/* =========================================================
   99. Универсальные страницы FalloutFanatics
   Каталоги / оружие / предупреждения / копирование / таблицы
   ========================================================= */


/* =========================================================
   99.1. Универсальная каталожная страница
   Использовать для: персонажи, локации, организации, одежда,
   устройства, диалоги, карма, производные характеристики и т.д.
   ========================================================= */

.ffCatalogPage {
  width: 100%;
  max-width: 100%;
  color: #d8d0b5;
}

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

.ffCatalogPage a {
  color: #d9bc68;
  text-decoration: none;
}

.ffCatalogPage a:hover {
  color: #fff0ad;
}

.ffCatalogHero {
  position: relative;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #3a341c;
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .24), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .18), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 22px rgba(0, 0, 0, .34);
}

.ffCatalogHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffCatalogHero > * {
  position: relative;
  z-index: 1;
}

.ffCatalogHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffCatalogHero__badge,
.ffCatalogHero__status {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffCatalogHero__badge {
  border: 1px solid rgba(130, 156, 88, .40);
  color: #b7e08b;
}

.ffCatalogHero__status {
  border: 1px solid rgba(216, 138, 104, .44);
  color: #e8b394;
}

.ffCatalogHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 38px;
  line-height: 1.12;
  text-shadow: 0 0 14px rgba(0, 0, 0, .58);
}

.ffCatalogHero__lead {
  max-width: 920px;
  margin: 0;
  color: #d8d0b5;
  font-size: 16px;
  line-height: 1.7;
}

.ffCatalogHero__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffCatalogHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffCatalogHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffCatalogHero__meta b {
  display: block;
  color: #f0d887;
  font-size: 14px;
}

.ffCatalogDivider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}

.ffCatalogDivider::before,
.ffCatalogDivider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(130, 156, 88, .34), transparent);
}

.ffCatalogDivider span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(129, 110, 46, .34);
  border-radius: 999px;
  background: rgba(10, 10, 10, .44);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffCatalogGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ffCatalogCard {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

.ffCatalogCard::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffCatalogCard > * {
  position: relative;
  z-index: 1;
}

.ffCatalogCard__head {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
  text-align: center;
}

.ffCatalogCard__head span {
  display: block;
  color: #46f019;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffCatalogCard__head b {
  display: block;
  margin-top: 4px;
  color: #e8b394;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffCatalogCard__image {
  position: relative;
  display: block;
  height: 190px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .10), transparent 60%),
    rgba(5, 8, 5, .72);
}

.ffCatalogCard__image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .10;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .18) 0,
      rgba(183, 224, 139, .18) 1px,
      transparent 1px,
      transparent 7px
    );
}

.ffCatalogCard__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter:
    contrast(1.06)
    saturate(.86)
    sepia(.10)
    brightness(.96);
  transition:
    transform .22s ease,
    filter .22s ease;
}

.ffCatalogCard:hover .ffCatalogCard__image img {
  transform: scale(1.04);
  filter:
    contrast(1.12)
    saturate(.95)
    sepia(.08)
    brightness(1.02);
}

.ffCatalogCard__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 14px;
}

.ffCatalogCard h2 {
  margin: 0 0 10px;
  color: #edd488;
  font-size: 20px;
  line-height: 1.25;
  text-align: center;
}

.ffCatalogCard p {
  margin: 0 0 14px;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.65;
  text-align: center;
}

.ffCatalogCard__button,
.ffCatalogButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: auto;
  padding: 0 15px;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffCatalogCard__button:hover,
.ffCatalogButton:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58);
}

.ffCatalogInfo {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffCatalogInfo h2 {
  margin: 0 0 10px;
  color: #edd488;
  font-size: 24px;
  line-height: 1.25;
}

.ffCatalogInfo p {
  margin: 0;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.7;
}


/* =========================================================
   99.2. Универсальная страница оружия
   Использовать для всех страниц: Fallout 2/3/4/NV/Tactics/Nevada/Shelter/Van Buren
   ========================================================= */

.ffWeaponPage {
  width: 100%;
  max-width: 100%;
  color: #d8d0b5;
}

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

.ffWeaponPage a {
  color: #d9bc68;
  text-decoration: none;
}

.ffWeaponPage a:hover {
  color: #fff0ad;
}

.ffWeaponHero {
  position: relative;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #3a341c;
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .24), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .18), transparent 42%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  box-shadow:
    inset 0 0 0 1px rgba(140, 119, 46, .08),
    0 0 22px rgba(0, 0, 0, .34);
}

.ffWeaponHero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffWeaponHero > * {
  position: relative;
  z-index: 1;
}

.ffWeaponHero__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.ffWeaponHero__badge,
.ffWeaponHero__status {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffWeaponHero__badge {
  border: 1px solid rgba(130, 156, 88, .40);
  color: #b7e08b;
}

.ffWeaponHero__status {
  border: 1px solid rgba(216, 138, 104, .44);
  color: #e8b394;
}

.ffWeaponHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 38px;
  line-height: 1.12;
  text-shadow: 0 0 14px rgba(0, 0, 0, .58);
}

.ffWeaponHero__lead {
  max-width: 920px;
  margin: 0;
  color: #d8d0b5;
  font-size: 16px;
  line-height: 1.7;
}

.ffWeaponHero__meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffWeaponHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffWeaponHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffWeaponHero__meta b {
  display: block;
  color: #f0d887;
  font-size: 14px;
}

.ffWeaponDivider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}

.ffWeaponDivider::before,
.ffWeaponDivider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(130, 156, 88, .34), transparent);
}

.ffWeaponDivider span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(129, 110, 46, .34);
  border-radius: 999px;
  background: rgba(10, 10, 10, .44);
  color: #e0c36f;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffWeaponGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.ffWeaponCard {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 170px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .18), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .13), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

.ffWeaponCard::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffWeaponCard > * {
  position: relative;
  z-index: 1;
}

.ffWeaponCard__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 12px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .18), transparent 60%),
    rgba(10, 10, 10, .42);
}

.ffWeaponCard__icon img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter:
    contrast(1.08)
    saturate(.90)
    sepia(.12)
    brightness(.98);
}

.ffWeaponCard h2 {
  margin: 0 0 9px;
  color: #edd488;
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
}

.ffWeaponCard p {
  margin: 0 0 14px;
  color: #d8d0b5;
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}

.ffWeaponCard__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-top: auto;
  padding: 0 15px;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.ffWeaponCard__button:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .58);
}

.ffWeaponInfo {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #3a341c;
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffWeaponInfo h2 {
  margin: 0 0 10px;
  color: #edd488;
  font-size: 24px;
  line-height: 1.25;
}

.ffWeaponInfo p {
  margin: 0;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.7;
}

.ffWeaponInformers {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .10), transparent 38%),
    rgba(8, 9, 9, .88);
  text-align: center;
}


/* =========================================================
   99.3. Универсальный warning / note / info box
   ========================================================= */

.ffWarningBox,
.ffNoteBox,
.ffInfoBox {
  position: relative;
  overflow: hidden;
  margin: 16px 0;
  padding: 15px 16px;
  border-radius: 16px;
  color: #e8d3b0;
  font-size: 14px;
  line-height: 1.65;
}

.ffWarningBox {
  border: 1px solid rgba(216, 138, 104, .38);
  background:
    radial-gradient(circle at top left, rgba(128, 79, 35, .22), transparent 42%),
    rgba(10, 10, 10, .48);
}

.ffNoteBox {
  border: 1px solid rgba(242, 210, 122, .32);
  background:
    radial-gradient(circle at top left, rgba(242, 210, 122, .12), transparent 42%),
    rgba(10, 10, 10, .46);
}

.ffInfoBox {
  border: 1px solid rgba(130, 156, 88, .38);
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 42%),
    rgba(10, 10, 10, .46);
}

.ffWarningBox::before,
.ffNoteBox::before,
.ffInfoBox::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .06;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffWarningBox > *,
.ffNoteBox > *,
.ffInfoBox > * {
  position: relative;
  z-index: 1;
}

.ffWarningBox b,
.ffNoteBox b,
.ffInfoBox b {
  color: #f0d887;
}


/* =========================================================
   99.4. Блоки копирования кода
   ========================================================= */

.ffCopyBox {
  position: relative;
  display: grid;
  gap: 10px;
  margin: 12px 0;
}

.ffCopyBox textarea,
.ffCopyBox input {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 12px;
  outline: none;
  background: rgba(5, 7, 5, .82);
  color: #dff6b6;
  font: 13px/1.45 Consolas, Monaco, monospace;
  box-shadow: inset 0 0 0 1px rgba(223, 197, 112, .04);
}

.ffCopyBox textarea {
  min-height: 92px;
  resize: vertical;
}

.ffCopyBox textarea:focus,
.ffCopyBox input:focus {
  border-color: rgba(240, 216, 135, .58);
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .08),
    0 0 0 3px rgba(183, 224, 139, .08);
}

.ffCopyButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 38px;
  padding: 0 16px;
  cursor: pointer;
  border: 1px solid rgba(130, 156, 88, .45);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffCopyButton:hover {
  color: #fff0ad;
  border-color: rgba(240, 216, 135, .58);
}


/* =========================================================
   99.5. Старые таблицы внутри материалов
   ========================================================= */

.ffMain table,
.ffEntryText table,
.eMessage table,
.eText table,
.posttdMessage table {
  max-width: 100%;
}

.ffEntryText table,
.eMessage table,
.eText table,
.posttdMessage table {
  border-collapse: collapse;
  border: 1px solid rgba(242, 210, 122, .20) !important;
  border-radius: 14px;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .12), transparent 34%),
    rgba(8, 9, 9, .88) !important;
}

.ffEntryText table td,
.ffEntryText table th,
.eMessage table td,
.eMessage table th,
.eText table td,
.eText table th,
.posttdMessage table td,
.posttdMessage table th {
  padding: 10px !important;
  border: 1px solid rgba(242, 210, 122, .14) !important;
  color: #d8d0b5 !important;
  background: rgba(10, 11, 11, .36) !important;
}

.ffEntryText table th,
.eMessage table th,
.eText table th,
.posttdMessage table th {
  color: #f0d887 !important;
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55)) !important;
}


/* =========================================================
   99.6. Адаптив универсальных страниц
   ========================================================= */

@media (max-width: 1100px) {
  .ffCatalogGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffWeaponGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ffCatalogHero__meta,
  .ffWeaponHero__meta,
  .ffCatalogGrid,
  .ffWeaponGrid {
    grid-template-columns: 1fr;
  }

  .ffCatalogHero,
  .ffWeaponHero,
  .ffCatalogInfo,
  .ffWeaponInfo {
    padding: 14px;
  }

  .ffCatalogHero h1,
  .ffWeaponHero h1 {
    font-size: 30px;
  }

  .ffCatalogHero__lead,
  .ffWeaponHero__lead {
    font-size: 15px;
  }

  .ffCatalogCard__image {
    height: 220px;
  }

  .ffCopyButton {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .ffCatalogHero h1,
  .ffWeaponHero h1 {
    font-size: 26px;
  }

  .ffCatalogCard__image {
    height: 190px;
  }

  .ffCatalogCard__button,
  .ffCatalogButton,
  .ffWeaponCard__button {
    width: 100%;
  }

  .ffEntryText table,
  .eMessage table,
  .eText table,
  .posttdMessage table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}



/* =========================================================
   100. FalloutFanatics Design Upgrade
   Hover / icons / guides / downloads / related / status / empty
   ========================================================= */


/* 1. Усиленные hover-эффекты карточек */

.ffCatalogCard,
.ffWeaponCard,
.ffDownloadCard,
.ffGuideCard,
.ffRelatedLink,
.ffEmptyState,
.ffPipStatus,
.ffInfoBox,
.ffWarningBox,
.ffNoteBox {
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.ffCatalogCard:hover,
.ffWeaponCard:hover,
.ffDownloadCard:hover,
.ffGuideCard:hover {
  transform: translateY(-3px);
  border-color: rgba(183, 224, 139, .42);
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .06),
    0 14px 28px rgba(0, 0, 0, .32),
    0 0 18px rgba(74, 98, 47, .16);
}

.ffCatalogCard__button,
.ffWeaponCard__button,
.ffDownloadButton,
.ffGuideButton,
.ffRelatedLink,
.ffCopyButton {
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.ffCatalogCard__button:hover,
.ffWeaponCard__button:hover,
.ffDownloadButton:hover,
.ffGuideButton:hover,
.ffCopyButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 16px rgba(183, 224, 139, .12);
}


/* 2. Иконки оружия через CSS-классы */

.ffWeaponIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 12px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at center, rgba(183, 224, 139, .18), transparent 60%),
    rgba(10, 10, 10, .42);
  color: #b7e08b;
  font-size: 24px;
  line-height: 1;
  text-shadow: 0 0 12px rgba(183, 224, 139, .18);
}

.ffWeaponIcon--unarmed::before {
  content: "\270A";
}

.ffWeaponIcon--melee::before {
  content: "\2694";
}

.ffWeaponIcon--throwing::before {
  content: "\27B6";
}

.ffWeaponIcon--explosive::before {
  content: "\2739";
}

.ffWeaponIcon--small::before {
  content: "\2316";
}

.ffWeaponIcon--heavy::before {
  content: "\25A0";
}

.ffWeaponIcon--energy::before {
  content: "\26A1";
}

.ffWeaponIcon--other::before {
  content: "?";
}


/* 3. Универсальный шаблон статей / гайдов */

.ffGuidePage {
  width: 100%;
  max-width: 100%;
  color: #d8d0b5;
}

.ffGuideHero,
.ffGuideSection,
.ffGuideCard {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .18), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .13), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

.ffGuideHero {
  padding: 20px;
  margin-bottom: 16px;
}

.ffGuideHero h1 {
  margin: 0 0 12px;
  color: #f2d88a;
  font-size: 38px;
  line-height: 1.12;
}

.ffGuideHero p {
  max-width: 920px;
  margin: 0;
  color: #d8d0b5;
  font-size: 16px;
  line-height: 1.7;
}

.ffGuideSection {
  margin: 16px 0;
  padding: 16px;
}

.ffGuideSection h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 25px;
  line-height: 1.25;
}

.ffGuideSection h3 {
  margin: 16px 0 10px;
  color: #f0d887;
  font-size: 20px;
  line-height: 1.3;
}

.ffGuideSection p {
  margin: 0 0 12px;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.75;
}

.ffGuideSection ul,
.ffGuideSection ol {
  margin: 12px 0;
  padding-left: 22px;
}

.ffGuideSection li {
  margin: 7px 0;
  color: #d8d0b5;
  line-height: 1.65;
}

.ffGuideCode {
  display: block;
  width: 100%;
  margin: 10px 0 14px;
  padding: 12px;
  overflow-x: auto;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(5, 7, 5, .88), rgba(7, 9, 7, .92));
  color: #dff6b6;
  font: 13px/1.6 Consolas, Monaco, monospace;
  white-space: pre-wrap;
}


/* 4. Красивые download-блоки */

.ffDownloadCard {
  position: relative;
  overflow: hidden;
  margin: 16px 0;
  padding: 18px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .22), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .16), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
}

.ffDownloadCard__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.ffDownloadCard h2 {
  margin: 0;
  color: #f2d88a;
  font-size: 26px;
  line-height: 1.25;
}

.ffDownloadBadge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(216, 138, 104, .44);
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  color: #e8b394;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffDownloadMeta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.ffDownloadMeta div {
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffDownloadMeta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffDownloadMeta b {
  color: #f0d887;
  font-size: 14px;
}

.ffDownloadButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border: 1px solid rgba(130, 156, 88, .52);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(89, 112, 48, .72), rgba(28, 30, 18, .84));
  color: #bff08f !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* 5. Похожие разделы */

.ffRelatedBox {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .14), transparent 38%),
    rgba(8, 9, 9, .88);
}

.ffRelatedBox h2 {
  margin: 0 0 12px;
  color: #edd488;
  font-size: 23px;
  line-height: 1.25;
}

.ffRelatedList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffRelatedLink {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(130, 156, 88, .32);
  border-radius: 999px;
  background: rgba(10, 10, 10, .42);
  color: #d9bc68 !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffRelatedLink:hover {
  color: #fff0ad !important;
  border-color: rgba(240, 216, 135, .52);
  box-shadow: 0 0 14px rgba(183, 224, 139, .10);
}


/* 6. Pip-Boy status bar */

.ffPipStatus {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 9px 12px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(8, 10, 8, .88), rgba(22, 27, 17, .78), rgba(8, 10, 8, .88));
  color: #b7e08b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .04),
    0 0 18px rgba(74, 98, 47, .10);
}

.ffPipStatus span {
  opacity: .92;
}

.ffPipStatus span::before {
  content: "\25CF";
  margin-right: 7px;
  color: #46f019;
  text-shadow: 0 0 8px rgba(70, 240, 25, .35);
}


/* 7. Красивые пустые состояния */

.ffEmptyState {
  margin: 16px 0;
  padding: 22px 18px;
  border: 1px solid rgba(130, 156, 88, .30);
  border-radius: 20px;
  background:
    radial-gradient(circle at top, rgba(74, 98, 47, .22), transparent 42%),
    linear-gradient(180deg, rgba(16, 18, 16, .96), rgba(8, 9, 9, .98));
  text-align: center;
}

.ffEmptyState__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border: 1px solid rgba(130, 156, 88, .38);
  border-radius: 16px;
  background: rgba(10, 10, 10, .42);
  color: #b7e08b;
  font-size: 28px;
  text-shadow: 0 0 12px rgba(183, 224, 139, .18);
}

.ffEmptyState h2 {
  margin: 0 0 8px;
  color: #f2d88a;
  font-size: 24px;
}

.ffEmptyState p {
  max-width: 640px;
  margin: 0 auto;
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.65;
}


/* 8. Мягкие анимации */

@keyframes ffSoftPulse {
  0%, 100% {
    opacity: .82;
  }

  50% {
    opacity: 1;
  }
}

@keyframes ffScanMove {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 80px;
  }
}

.ffPipStatus span::before,
.ffCatalogHero__badge,
.ffWeaponHero__badge,
.ffDownloadBadge {
  animation: ffSoftPulse 2.8s ease-in-out infinite;
}

.ffCatalogHero::before,
.ffWeaponHero::before,
.ffGuideHero::before {
  animation: ffScanMove 10s linear infinite;
}


/* 9. Аккуратные чипы / теги */

.ffTagList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.ffTag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 999px;
  background: rgba(10, 10, 10, .38);
  color: #c9d7a4;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}


/* 10. Улучшенный адаптив */

@media (max-width: 900px) {
  .ffDownloadMeta {
    grid-template-columns: 1fr;
  }

  .ffPipStatus {
    border-radius: 16px;
  }
}

@media (max-width: 760px) {
  .ffGuideHero,
  .ffGuideSection,
  .ffDownloadCard,
  .ffRelatedBox,
  .ffEmptyState {
    padding: 14px;
  }

  .ffGuideHero h1 {
    font-size: 30px;
  }

  .ffDownloadCard h2 {
    font-size: 23px;
  }

  .ffRelatedList {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ffRelatedLink,
  .ffDownloadButton {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ffGuideHero h1 {
    font-size: 26px;
  }

  .ffEmptyState h2 {
    font-size: 21px;
  }
}

/* =========================================================
   Mini Chat scrollbar — Fallout style
   ========================================================= */

/* Если мини-чат сидит внутри отдельного блока */

#mchatIfm,
#mchatIfm body,
#mchatMsgBlock,
#mchatContent,
.mchat,
.mchatBody {
  scrollbar-width: thin;
  scrollbar-color: #8fcf73 #080a07;
}



/* ===== ЕДИНЫЙ МОДУЛЬ МИНИ-ЧАТА ===== */

.ffMiniChatPanel {
  position: relative;
  margin: 0 0 14px;
  border: 1px solid rgba(180, 210, 90, 0.22);
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(165, 210, 92, 0.10) 0%, rgba(0, 0, 0, 0) 42%, rgba(215, 177, 71, 0.08) 100%),
    linear-gradient(180deg, rgba(11, 16, 10, 0.98) 0%, rgba(7, 10, 7, 0.98) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255, 210, 95, 0.04),
    0 10px 30px rgba(0, 0, 0, 0.35);
}

.ffMiniChatPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(214, 184, 79, 0.10), transparent 60%),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.025) 0,
      rgba(255,255,255,0.025) 1px,
      transparent 1px,
      transparent 4px
    );
  opacity: 0.35;
}

.ffMiniChatPanel__stream,
.ffMiniChatPanel__form {
  position: relative;
  z-index: 1;
}

.ffMiniChatPanel__stream {
  padding: 8px;
  border-bottom: 1px solid rgba(185, 210, 92, 0.14);
}

.ffMiniChatPanel__form {
  padding: 0;
  background: linear-gradient(180deg, rgba(159, 195, 84, 0.05) 0%, rgba(0,0,0,0) 100%);
}

/* ===== СООБЩЕНИЯ ===== */

.ffMiniChatPanel__stream .ffMiniChatMsg {
  margin: 0 0 8px !important;
  border-radius: 14px !important;
}

.ffMiniChatPanel__stream .ffMiniChatMsg:last-child {
  margin-bottom: 0 !important;
}

.ffMiniChatPanel__stream .ffMiniChatMsg__body {
  width: 100%;
}

.ffMiniChatPanel__stream .ffMiniChatMsg__text {
  width: 100%;
}

/* ===== ФОРМА ВНУТРИ ОБЩЕГО БЛОКА ===== */

.ffMiniChatPanel__form .ffMiniChatAdd {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ffMiniChatPanel__form .ffMiniChatAdd__head {
  padding: 12px 16px 10px !important;
  border-bottom: 1px solid rgba(185, 210, 92, 0.12);
  background: linear-gradient(180deg, rgba(170, 205, 90, 0.08) 0%, rgba(0,0,0,0) 100%);
}

.ffMiniChatPanel__form .ffMiniChatAdd__head span {
  display: block;
  margin-bottom: 4px;
  color: #b5d47a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.ffMiniChatPanel__form .ffMiniChatAdd__head h3 {
  margin: 0;
  color: #e4cf7f;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
}

.ffMiniChatPanel__form .ffMiniChatAdd__body {
  padding: 12px 16px 14px !important;
}

.ffMiniChatPanel__form .ffMiniChatAdd__field,
.ffMiniChatPanel__form .ffMiniChatAdd__message {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 10px !important;
}

.ffMiniChatPanel__form .ffMiniChatAdd__field span,
.ffMiniChatPanel__form .ffMiniChatAdd__message span {
  color: #dcc97a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.ffMiniChatPanel__form .ffMiniChatAdd input[type="text"],
.ffMiniChatPanel__form .ffMiniChatAdd textarea {
  width: 100%;
  border: 1px solid rgba(177, 207, 94, 0.22);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.42);
  color: #f3edd2;
  box-sizing: border-box;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255, 217, 95, 0.03);
}

.ffMiniChatPanel__form .ffMiniChatAdd input[type="text"] {
  min-height: 40px;
  padding: 0 14px;
  font-size: 13px;
}

.ffMiniChatPanel__form .ffMiniChatAdd textarea {
  min-height: 90px;
  padding: 12px 14px;
  resize: vertical;
  font-size: 13px;
  line-height: 1.45;
}

.ffMiniChatPanel__form .ffMiniChatAdd input[type="text"]:focus,
.ffMiniChatPanel__form .ffMiniChatAdd textarea:focus {
  border-color: rgba(202, 227, 112, 0.55);
  box-shadow:
    0 0 0 2px rgba(175, 220, 88, 0.10),
    inset 0 0 0 1px rgba(255, 220, 120, 0.04);
}

.ffMiniChatPanel__form .ffMiniChatAdd textarea::placeholder,
.ffMiniChatPanel__form .ffMiniChatAdd input[type="text"]::placeholder {
  color: rgba(230, 224, 190, 0.42);
}

.ffMiniChatPanel__form .ffMiniChatAdd small {
  color: rgba(230, 223, 188, 0.72);
  font-size: 11px;
  line-height: 1.35;
}

.ffMiniChatPanel__form .ffMiniChatAdd__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 12px !important;
}

.ffMiniChatPanel__form .ffMiniChatAdd__tools a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(183, 210, 90, 0.24);
  background: rgba(0, 0, 0, 0.25);
  color: #e4c56d;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  transition: 0.2s ease;
}

.ffMiniChatPanel__form .ffMiniChatAdd__tools a:hover {
  border-color: rgba(205, 227, 111, 0.45);
  color: #f1df97;
  background: rgba(128, 160, 50, 0.10);
}

.ffMiniChatPanel__form .ffMiniChatAdd__buttons {
  display: block !important;
  margin-top: 6px;
}

.ffMiniChatPanel__form .ffMiniChatAdd__submit {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(190, 219, 101, 0.30);
  border-radius: 999px;
  background:
    radial-gradient(circle at top, rgba(205, 236, 118, 0.22), transparent 58%),
    linear-gradient(180deg, rgba(90, 112, 34, 0.95) 0%, rgba(48, 60, 18, 0.98) 100%);
  color: #d7ff9f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 8px 18px rgba(0,0,0,0.22);
}

.ffMiniChatPanel__form .ffMiniChatAdd__submit:hover {
  color: #eeffc9;
  filter: brightness(1.06);
}

.ffMiniChatPanel__form .ffMiniChatAdd__foot,
.ffMiniChatPanel__form .ffMiniChatAdd__status,
.ffMiniChatPanel__form .ffMiniChatAdd__reset {
  display: none !important;
}

/* ===== СКРОЛЛ БАР В СТИЛЕ САЙТА ===== */

.ffMiniChatPanel__stream::-webkit-scrollbar,
.ffMiniChatPanel__form textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ffMiniChatPanel__stream::-webkit-scrollbar-track,
.ffMiniChatPanel__form textarea::-webkit-scrollbar-track {
  background: rgba(16, 20, 14, 0.96);
  border-radius: 999px;
}

.ffMiniChatPanel__stream::-webkit-scrollbar-thumb,
.ffMiniChatPanel__form textarea::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(154, 190, 82, 0.95) 0%, rgba(88, 112, 39, 0.95) 100%);
  border: 2px solid rgba(16, 20, 14, 0.96);
}

.ffMiniChatPanel__stream::-webkit-scrollbar-thumb:hover,
.ffMiniChatPanel__form textarea::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(185, 220, 100, 1) 0%, rgba(108, 139, 49, 1) 100%);
}




/* =========================================================
   Mini Chat unified wrapper for $CHAT_BOX$
   ========================================================= */

.ffMiniChatPanel {
  position: relative;
  overflow: hidden;
  margin: 0 0 14px;
  border: 1px solid rgba(130, 156, 88, .34);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .20), transparent 42%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(17, 21, 18, .98), rgba(7, 8, 8, .98));
  color: #d8d0b5;
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 12px 28px rgba(0, 0, 0, .30);
}

.ffMiniChatPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .25) 0,
      rgba(185, 232, 156, .25) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffMiniChatPanel > * {
  position: relative;
  z-index: 1;
}

.ffMiniChatPanel__head {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .38), rgba(18, 18, 15, .55));
}

.ffMiniChatPanel__head span {
  display: block;
  margin-bottom: 4px;
  color: #b7e08b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffMiniChatPanel__head b {
  display: block;
  color: #f0d887;
  font-size: 20px;
  line-height: 1.15;
  text-transform: uppercase;
}

.ffMiniChatPanel__body {
  padding: 8px;
}


/* Убираем лишний внешний отступ у формы внутри общего блока */

.ffMiniChatPanel .ffMiniChatAdd {
  margin: 8px 0 0 !important;
  border-radius: 14px !important;
}


/* Сообщения внутри общего блока */

.ffMiniChatPanel .ffMiniChatMsg {
  margin: 0 0 8px !important;
}

.ffMiniChatPanel .ffMiniChatMsg:last-child {
  margin-bottom: 0 !important;
}


/* Компактная форма внутри общего блока */

.ffMiniChatPanel .ffMiniChatAdd__head {
  padding: 10px 12px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__head h3 {
  font-size: 18px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__body {
  padding: 10px 12px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__field,
.ffMiniChatPanel .ffMiniChatAdd__message {
  margin-bottom: 8px !important;
}

.ffMiniChatPanel .ffMiniChatAdd input {
  min-height: 36px !important;
}

.ffMiniChatPanel .ffMiniChatAdd textarea {
  min-height: 74px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__status,
.ffMiniChatPanel .ffMiniChatAdd__foot,
.ffMiniChatPanel .ffMiniChatAdd__reset {
  display: none !important;
}

.ffMiniChatPanel .ffMiniChatAdd__tools {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__tools a {
  min-height: 26px !important;
  padding: 0 8px !important;
  font-size: 9px !important;
}

.ffMiniChatPanel .ffMiniChatAdd__submit {
  min-height: 38px !important;
  font-size: 11px !important;
}


/* Скроллбар мини-чата */

.ffMiniChatPanel,
.ffMiniChatPanel * {
  scrollbar-width: thin;
  scrollbar-color: #8fcf73 #080a07;
}

.ffMiniChatPanel ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ffMiniChatPanel ::-webkit-scrollbar-track {
  background: #080a07;
  border-radius: 999px;
}

.ffMiniChatPanel ::-webkit-scrollbar-thumb {
  border: 2px solid #080a07;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #8fcf73, #4e6b35, #d9bc68);
}

.ffMiniChatPanel ::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #b9e89c, #6f8d4a, #f2d27a);
}


/* =========================================================
   Fallout Back To Top — Round Pip-Boy Geiger
   ========================================================= */

.ffBackToTop {
  --ffGeigerProgress: 0;
  --ffNeedleRotate: -120deg;

  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 92px;
  height: 92px;
  padding: 0;
  cursor: pointer;
  border: 1px solid rgba(143, 207, 115, .42);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 38%, rgba(185, 232, 156, .20), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(26, 38, 16, .98) 0%, rgba(7, 9, 5, .98) 62%, rgba(0, 0, 0, 1) 100%);
  color: #b9e89c;
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px) scale(.92);
  overflow: hidden;
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, .62),
    inset 0 0 0 5px rgba(143, 207, 115, .06),
    0 12px 30px rgba(0, 0, 0, .62),
    0 0 22px rgba(143, 207, 115, .16);
  transition:
    opacity .26s ease,
    visibility .26s ease,
    transform .26s ease,
    box-shadow .26s ease;
}

.ffBackToTop.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.ffBackToTop:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, .62),
    inset 0 0 0 5px rgba(143, 207, 115, .10),
    0 14px 34px rgba(0, 0, 0, .66),
    0 0 30px rgba(185, 232, 156, .22);
}

.ffBackToTop:active {
  transform: translateY(0) scale(.98);
}

.ffBackToTop:focus-visible {
  outline: 2px solid rgba(185, 232, 156, .65);
  outline-offset: 4px;
}

.ffBackToTop::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: 3;
  pointer-events: none;
  border-radius: 50%;
  border: 1px solid rgba(242, 210, 122, .16);
  background:
    repeating-linear-gradient(
      0deg,
      rgba(185, 232, 156, .045) 0,
      rgba(185, 232, 156, .045) 1px,
      transparent 1px,
      transparent 5px
    );
  opacity: .7;
}

.ffBackToTop::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 14px;
  z-index: 4;
  width: 28px;
  height: 11px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .10);
  transform: rotate(-24deg);
  pointer-events: none;
}


/* progress ring */

.ffBackToTop__ring {
  position: absolute;
  inset: 5px;
  z-index: 1;
  border-radius: 50%;
  background:
    conic-gradient(
      from -90deg,
      #b9e89c calc(var(--ffGeigerProgress) * 1%),
      rgba(52, 70, 31, .70) 0
    );
  -webkit-mask: radial-gradient(circle, transparent 60%, #000 62%);
  mask: radial-gradient(circle, transparent 60%, #000 62%);
  filter: drop-shadow(0 0 8px rgba(185, 232, 156, .20));
}


/* inner */

.ffBackToTop__inner {
  position: absolute;
  inset: 14px;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid rgba(143, 207, 115, .24);
  background:
    radial-gradient(circle at 50% 35%, rgba(185, 232, 156, .13), transparent 34%),
    radial-gradient(circle at center, rgba(17, 24, 10, .98), rgba(4, 5, 3, .98));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .035),
    inset 0 0 18px rgba(143, 207, 115, .10);
}


/* labels */

.ffBackToTop__label {
  position: absolute;
  top: 15px;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  color: #b9e89c;
  font-size: 7px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 0 8px rgba(185, 232, 156, .28);
}

.ffBackToTop__value {
  position: absolute;
  top: 26px;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  color: #f2d27a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, .9),
    0 0 8px rgba(242, 210, 122, .18);
}


/* dial */

.ffBackToTop__dial {
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: 5;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(143, 207, 115, .20);
  background:
    radial-gradient(circle at center, rgba(185, 232, 156, .07), transparent 55%),
    rgba(0, 0, 0, .30);
}

.ffBackToTop__dial::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 1px dashed rgba(185, 232, 156, .16);
}

.ffBackToTop__tick {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 22px;
  transform-origin: 50% 100%;
  opacity: .74;
}

.ffBackToTop__tick::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 1px;
  width: 2px;
  height: 7px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(185, 232, 156, .58);
  box-shadow: 0 0 6px rgba(185, 232, 156, .20);
}

.ffBackToTop__tick--1 { transform: translate(-50%, -50%) rotate(-120deg); }
.ffBackToTop__tick--2 { transform: translate(-50%, -50%) rotate(-80deg); }
.ffBackToTop__tick--3 { transform: translate(-50%, -50%) rotate(-40deg); }
.ffBackToTop__tick--4 { transform: translate(-50%, -50%) rotate(0deg); }
.ffBackToTop__tick--5 { transform: translate(-50%, -50%) rotate(40deg); }
.ffBackToTop__tick--6 { transform: translate(-50%, -50%) rotate(80deg); }
.ffBackToTop__tick--7 { transform: translate(-50%, -50%) rotate(120deg); }


/* needle */

.ffBackToTop__needle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 21px;
  transform-origin: 50% calc(100% - 2px);
  transform: translate(-50%, -100%) rotate(var(--ffNeedleRotate));
  border-radius: 999px;
  background:
    linear-gradient(180deg, #f2d27a 0%, #b9e89c 100%);
  box-shadow:
    0 0 9px rgba(185, 232, 156, .28);
  transition: transform .18s ease;
}

.ffBackToTop__needle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 9px;
  height: 9px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #b9e89c;
  box-shadow:
    0 0 10px rgba(185, 232, 156, .34),
    inset 0 0 0 2px rgba(0, 0, 0, .30);
}


/* icon */

.ffBackToTop__icon {
  position: absolute;
  left: 50%;
  bottom: 12px;
  z-index: 5;
  transform: translateX(-50%);
  color: #b9e89c;
  font-size: 16px;
  line-height: 1;
  text-shadow:
    0 0 10px rgba(185, 232, 156, .28),
    0 1px 2px rgba(0, 0, 0, .8);
}


/* small pulse */

.ffBackToTop.is-visible .ffBackToTop__icon {
  animation: ffGeigerPulse 2.4s ease-in-out infinite;
}

@keyframes ffGeigerPulse {
  0%, 100% {
    opacity: .78;
    transform: translateX(-50%) scale(1);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.08);
  }
}


/* mobile */

@media (max-width: 680px) {
  .ffBackToTop {
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 80px;
  }

  .ffBackToTop__label {
    top: 13px;
    font-size: 6px;
  }

  .ffBackToTop__value {
    top: 23px;
    font-size: 10px;
  }

  .ffBackToTop__dial {
    width: 44px;
    height: 44px;
  }

  .ffBackToTop__needle {
    height: 17px;
  }

  .ffBackToTop__icon {
    bottom: 10px;
    font-size: 13px;
  }
}




/* =========================================================
   Mods category page aliases
   Берёт дизайн от FOnline category page
   ========================================================= */

.ffModsCategoryPage {
  width: 100%;
  max-width: 100%;
  color: #d8d0b5;
}

.ffModsCategoryPage a {
  color: #d9bc68;
  text-decoration: none;
}

.ffModsCategoryPage a:hover {
  color: #fff0ad;
}

.ffModsCategoryHero,
.ffModsCategoryConsole,
.ffModsCategoryTools,
.ffModsCategorySorting,
.ffModsCategoryFilters,
.ffModsCategoryCats,
.ffModsCategoryList,
.ffModsCategoryPagination {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

.ffModsCategoryHero {
  padding: 18px;
}

.ffModsCategoryHero::before,
.ffModsCategoryConsole::before,
.ffModsCategoryTools::before,
.ffModsCategorySorting::before,
.ffModsCategoryFilters::before,
.ffModsCategoryCats::before,
.ffModsCategoryList::before,
.ffModsCategoryPagination::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffModsCategoryHero > *,
.ffModsCategoryConsole > *,
.ffModsCategoryTools > *,
.ffModsCategorySorting > *,
.ffModsCategoryFilters > *,
.ffModsCategoryCats > *,
.ffModsCategoryList > *,
.ffModsCategoryPagination > * {
  position: relative;
  z-index: 1;
}

.ffModsCategoryHero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}

.ffModsCategoryHero__badge,
.ffModsCategoryHero__rss {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(10, 10, 10, .48);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffModsCategoryHero__badge {
  border: 1px solid rgba(130, 156, 88, .40);
  color: #b7e08b;
}

.ffModsCategoryHero__rss {
  border: 1px solid rgba(242, 210, 122, .28);
  color: #f2d27a !important;
}

.ffModsCategoryHero__main {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.ffModsCategoryHero__image {
  overflow: hidden;
  border: 1px solid rgba(242, 210, 122, .22);
  border-radius: 16px;
  background: rgba(5, 8, 5, .72);
}

.ffModsCategoryHero__image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.ffModsCategoryHero h1 {
  margin: 0 0 10px;
  color: #f2d88a;
  font-size: 34px;
  line-height: 1.12;
}

.ffModsCategoryHero__text {
  color: #d8d0b5;
  font-size: 14px;
  line-height: 1.7;
}

.ffModsCategoryHero__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffModsCategoryHero__meta div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .26);
  border-radius: 12px;
  background: rgba(10, 11, 11, .55);
}

.ffModsCategoryHero__meta span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffModsCategoryHero__meta b,
.ffModsCategoryHero__meta a {
  color: #f0d887;
  font-size: 13px;
  font-weight: 900;
}

.ffModsCategoryConsole {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px;
  gap: 14px;
  padding: 14px;
}

.ffModsCategoryConsole__screen {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ffModsCategoryConsole__screen div {
  padding: 10px;
  border: 1px solid rgba(130, 156, 88, .26);
  border-radius: 12px;
  background: rgba(10, 10, 10, .42);
  text-align: center;
}

.ffModsCategoryConsole__screen span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
}

.ffModsCategoryConsole__screen b {
  color: #b7e08b;
  font-size: 13px;
  letter-spacing: .08em;
}

.ffModsCategoryConsole__radar {
  position: relative;
  min-height: 82px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(183, 224, 139, .16), transparent 55%),
    rgba(5, 8, 5, .72);
}

.ffModsCategoryConsole__radar span {
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  border: 1px dashed rgba(242, 210, 122, .24);
}

.ffModsCategoryTools,
.ffModsCategorySorting,
.ffModsCategoryFilters,
.ffModsCategoryCats,
.ffModsCategoryList,
.ffModsCategoryPagination {
  padding: 14px;
}

.ffModsCategoryTools__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffModsCategoryTools__links a,
.ffModsCategoryPagination__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(130, 156, 88, .42);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(78, 94, 43, .62), rgba(28, 30, 18, .78));
  color: #bff08f !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ffModsCategoryTools__search {
  margin-top: 12px;
}

.ffModsCategorySorting__title,
.ffModsCategoryFilters__title,
.ffModsCategoryCats__title {
  margin-bottom: 10px;
  color: #edd488;
  font-size: 18px;
  font-weight: 900;
}

.ffModsCategoryFilters__grid {
  display: grid;
  gap: 10px;
}

.ffModsCategoryCats__body ul,
.ffModsCategoryCats__body ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ffModsCategoryCats__body a {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: 48px;
  padding: 10px 12px 10px 42px !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 14px;
  background: rgba(10, 10, 10, .38) !important;
  color: #e7dcc0 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.ffModsCategoryCats__body a::before {
  content: "\2622";
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #f2d27a;
  text-shadow: 0 0 8px rgba(242, 210, 122, .28);
}

.ffModsCategoryList__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(100, 85, 36, .26);
}

.ffModsCategoryList__head span,
.ffModsCategoryList__status span {
  display: block;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.ffModsCategoryList__head h2 {
  margin: 4px 0 0;
  color: #edd488;
  font-size: 22px;
}

.ffModsCategoryList__status {
  min-width: 76px;
  padding: 9px 10px;
  border: 1px solid rgba(130, 156, 88, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .42);
  text-align: center;
}

.ffModsCategoryList__status b {
  color: #b7e08b;
  font-size: 13px;
}

.ffModsCategoryPagination__info {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid rgba(129, 110, 46, .28);
  border-radius: 12px;
  background: rgba(10, 10, 10, .38);
}

.ffModsCategoryPagination__info span {
  display: block;
  margin-bottom: 4px;
  color: #8d9377;
  font-size: 10px;
  text-transform: uppercase;
}

.ffModsCategoryPagination__info b {
  color: #f0d887;
}

@media (max-width: 760px) {
  .ffModsCategoryHero__main,
  .ffModsCategoryConsole {
    grid-template-columns: 1fr;
  }

  .ffModsCategoryConsole__screen,
  .ffModsCategoryCats__body ul,
  .ffModsCategoryCats__body ol {
    grid-template-columns: 1fr;
  }

  .ffModsCategoryHero h1 {
    font-size: 28px;
  }

  .ffModsCategoryTools__links a {
    width: 100%;
  }

  .ffModsCategoryList__head {
    display: grid;
  }
}

/* =========================================================
   999. CLEAN OVERRIDES — structure, performance, icons
   Added after cleanup: panel aliases, lighter overlays, radio menu,
   unified yellow radiation icons, safer hover, current widgets only.
   ========================================================= */

/* 1 / 5. Лёгкие фоновые оверлеи: меньше артефактов при быстрой прокрутке */

.ffHeaderInfo {
  backdrop-filter: none !important;
}

@media (max-width: 760px) {
  body::before,
  body::after {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 4 / 8. Универсальные панели для новых страниц, чтобы не плодить огромные блоки CSS */
.ffPanel,
.ffTerminalPanel,
.ffContentPanel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(113, 98, 44, .30);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .16), transparent 38%),
    radial-gradient(circle at bottom right, rgba(128, 79, 35, .12), transparent 44%),
    linear-gradient(180deg, rgba(16, 18, 16, .98), rgba(8, 9, 9, .98));
  box-shadow:
    inset 0 0 0 1px rgba(223, 197, 112, .05),
    0 10px 20px rgba(0, 0, 0, .22);
}

.ffPanel::before,
.ffTerminalPanel::before,
.ffContentPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(183, 224, 139, .30) 0,
      rgba(183, 224, 139, .30) 1px,
      transparent 1px,
      transparent 6px
    );
}

.ffPanel > *,
.ffTerminalPanel > *,
.ffContentPanel > * {
  position: relative;
  z-index: 1;
}

.ffPanelHead,
.ffTerminalPanel__head,
.ffContentPanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(100, 85, 36, .28);
  background:
    linear-gradient(90deg, rgba(72, 89, 47, .35), rgba(18, 18, 15, .55));
}

.ffPanelHead span,
.ffTerminalPanel__head span,
.ffContentPanel__head span {
  display: block;
  margin-bottom: 4px;
  color: #b7e08b;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ffPanelHead h2,
.ffTerminalPanel__head h2,
.ffContentPanel__head h2 {
  margin: 0;
  color: #f0d887;
  font-size: 24px;
  line-height: 1.25;
}

/* 6. Верхнее меню: Главная / Радио / жёлтая радиация */

/* 2. !important только там, где реально нужно перебивать uCoz */
.ffPanel,
.ffTerminalPanel,
.ffContentPanel,
.ffRadioFullPage,
.ffModsCategoryPage,
.ffGuidePage,
.ffDownloadCard,
.ffRelatedBox,
.ffEmptyState,
.ffBackToTop {
  box-sizing: border-box;
}

/* 3. Финальный рабочий мини-чат: используем только общий wrapper $CHAT_BOX$ */
.ffMiniChatPanel .ffMiniChatAdd {
  margin: 8px 0 0 !important;
  border-radius: 0 !important;
}

.ffPollForm__answers > li,
.ffPollForm__answers > label,
.ffPollForm__answers .pollAnswer,
.ffPollForm__answers .pollAns {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .10), transparent 48%),
    rgba(10, 10, 10, .38) !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  box-sizing: border-box !important;
}

.ffPollForm__answers input[type="radio"],
.ffPollForm__answers input[type="checkbox"] {
  flex: 0 0 14px !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #f2d27a !important;
}

.ffPollForm__answers > div label,
.ffPollForm__answers > div span,
.ffPollForm__answers > div font,
.ffPollForm__answers > div b,
.ffPollForm__answers > p label,
.ffPollForm__answers > p span,
.ffPollForm__answers > p font,
.ffPollForm__answers > p b,
.ffPollForm__answers > li label,
.ffPollForm__answers > li span,
.ffPollForm__answers > li font,
.ffPollForm__answers > li b,
.ffPollForm__answers > label span,
.ffPollForm__answers > label font,
.ffPollForm__answers > label b {
  display: inline !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #e7dcc0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.30 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
}

.ffPollForm__answers table {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}

.ffPollForm__answers td:first-child {
  width: 22px !important;
  padding-right: 8px !important;
  text-align: center !important;
}

.ffPollForm__answers td:last-child {
  width: auto !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at top left, rgba(74, 98, 47, .10), transparent 48%),
    rgba(10, 10, 10, .38) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Более спокойный hover: поднимаем только кликабельные карточки, не все панели подряд */
.ffCard,
.ffSoftInfItem,
.ffServerInfItem,
.ffSeriesCard,
.ffDownloadCard,
.ffRelatedLink,
.ffModsCategoryTools__links a,
.ffTopNav__link {
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.ffCard:hover,
.ffSoftInfItem:hover,
.ffServerInfItem:hover,
.ffSeriesCard:hover,
.ffDownloadCard:hover {
  transform: translateY(-2px);
}

/* Чистый scroll в стиле сайта */
html {
  scrollbar-gutter: stable;
}

html,
body,
.ffMiniChatPanel,
.ffMiniChatPanel * {
  scrollbar-width: thin;
  scrollbar-color: #8fcf73 #080a07;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #050604, #11140d);
}

::-webkit-scrollbar-thumb {
  border: 2px solid #080a07;
  border-radius: 999px;
  background: linear-gradient(180deg, #8fcf73, #4e6b35, #d9bc68);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #b9e89c, #6f8d4a, #f2d27a);
}

::-webkit-scrollbar-corner {
  background: #080a07;
}

/* =========================================================
   FINAL VISUAL CLEANUP — fewer gradients, sharper buttons
   ========================================================= */

:root {
  --ff-radius: 12px;
  --ff-radius-panel: 14px;
  --ff-radius-card: 12px;
  --ff-radius-button: 8px;
  --ff-panel-flat: rgba(14, 17, 12, .96);
  --ff-panel-flat-2: rgba(18, 21, 14, .96);
  --ff-button-flat: #171d12;
  --ff-button-flat-hover: #202818;
}

/* базовый фон спокойнее: меньше пятен и меньше нагрузки */
  opacity: .045 !important;
  background-size: 100% 9px !important;
  mix-blend-mode: normal !important;
}

/* общий корпус и основные панели — меньше сложных градиентов */
.ffShell,
.ffMain,
.ffBlock,
.ffMiniProfile,
.ffSearchTerminal,
.ffWastelandNow,
.ffSiteStats,
.ffVideoBox,
.ffSignalBox,
.ffRadiationMeter,
.ffBroadcast,
.ffCard,
.ffSoftInfItem,
.ffServerInfItem,
.ffSeriesBlock,
.ffSeriesCard,
.ffHero,
.ffSection,
.ffPanel,
.ffTerminalPanel,
.ffContentPanel,
.ffGuideHero,
.ffGuideSection,
.ffDownloadCard,
.ffRelatedBox,
.ffEmptyState,
.ffMiniChatPanel,
.ffPollForm,
.ffRadioFullPage__hero,
.ffRadioFullPage__player,
.ffRadioFullPage__note,
.ffModsCategoryHero,
.ffModsCategoryConsole,
.ffModsCategoryTools,
.ffModsCategorySorting,
.ffModsCategoryFilters,
.ffModsCategoryCats,
.ffModsCategoryList,
.ffModsCategoryPagination {
  border-radius: var(--ff-radius-panel) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(0, 0, 0, .08)),
    var(--ff-panel-flat) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 8px 20px rgba(0, 0, 0, .28) !important;
}

/* шапка сохраняет картинку, но становится менее “перегруженной” */
.ffHeader {
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(6, 7, 5, .92), rgba(6, 7, 5, .48), rgba(6, 7, 5, .92)),
    url("/fallout243/12222222222222222222222.png") center / cover no-repeat !important;
}

.ffHeader::after {
  opacity: .32 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.38), transparent 48%, rgba(0,0,0,.42)) !important;
}

.ffHeaderInfo {
  border-radius: 12px !important;
  background: rgba(7, 9, 6, .66) !important;
  backdrop-filter: none !important;
}

/* заголовочные полосы внутри блоков — без сложной многоцветной заливки */
.ffBlock__title,
.ffMiniProfile__title,
.ffSearchTerminal__title,
.ffWastelandNow__title,
.ffSiteStats__title,
.ffVideoBox__title,
.ffSignalBox__title,
.ffRadiationMeter__title,
.ffSvgMenu__title,
.ffSeriesBlock__head,
.ffMiniChatPanel__head,
.ffMiniChatAdd__head,
.ffPollForm__head,
.ffRadioFullPage__playerHead {
  background: rgba(22, 28, 16, .94) !important;
  border-bottom-color: rgba(242, 210, 122, .16) !important;
}

/* меню — проще и строже */
.ffTopNav {
  background: #11160d !important;
}

.ffTopNav__link,
.ffBlock__links a,
.ffMiniProfile__actions a,
.ffSearchTerminal__button,
.ffHero__actions a,
.ffCard__more,
.ffSoftInfItem__bottom a,
.ffServerInfItem__bottom a,
.ffDownloadButton,
.ffGuideButton,
.ffRelatedLink,
.ffCopyButton,
.ffModsCatsActions a,
.ffModsCategoryTools__links a,
.ffModsCategoryPagination__links a,
.ffRadioRelated__links a,
.ffRadioFullPage__status,
.ffMiniChatAdd__submit,
.ffPollForm input[type="submit"],
.ffPollForm input[type="button"],
.ffPollForm button,
.ffPollForm .button,
.ffPollForm .uButton,
input[type="submit"],
input[type="button"] {
  border-radius: var(--ff-radius-button) !important;
  background: var(--ff-button-flat) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 10px rgba(0,0,0,.18) !important;
}

.ffTopNav__link:hover,
.ffBlock__links a:hover,
.ffMiniProfile__actions a:hover,
.ffSearchTerminal__button:hover,
.ffHero__actions a:hover,
.ffCard__more:hover,
.ffSoftInfItem__bottom a:hover,
.ffDownloadButton:hover,
.ffGuideButton:hover,
.ffRelatedLink:hover,
.ffCopyButton:hover,
.ffModsCatsActions a:hover,
.ffModsCategoryTools__links a:hover,
.ffRadioRelated__links a:hover,
.ffMiniChatAdd__submit:hover,
.ffPollForm input[type="submit"]:hover,
.ffPollForm input[type="button"]:hover,
.ffPollForm button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: var(--ff-button-flat-hover) !important;
  border-color: rgba(242, 210, 122, .38) !important;
  color: #f2d27a !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 14px rgba(0,0,0,.22) !important;
}

/* Legacy test buttons cleanup */
.ffVaultTop,
#ffVaultTop,
#radTopBtn,
#hardTopBtn {
  display: none !important;
}

/* меньше круглых “пилюль” там, где это обычные кнопки/ссылки */
.ffHeaderBadge,
.ffHeaderStatus,
.ffHero__eyebrow,
.ffArchiveCode,
.ffLabel,
.ffDownloadBadge,
.ffTag,
.ffPollForm__links a,
.ffPollForm__votes,
.ffMiniChatMsg__meta span,
.ffMiniChatMsg__foot a,
.ffMiniChatMsg__foot span,
.ffMiniChatAdd__tools a,
.ffRadioFullPage__badge,
.ffModsCategoryHero__badge,
.ffModsCategoryHero__rss,
.ffModsCatsHero__badge,
.ffModsCatsHero__status,
.ffModsCatsDivider span,
.ffModsCatsTerminal__head span {
  border-radius: 8px !important;
  background: rgba(10, 10, 10, .42) !important;
}

/* поля формы — меньше круглые, без лишнего свечения */
input,
textarea,
select,
.ffSearchTerminal__input,
.ffMiniChatAdd input,
.ffMiniChatAdd textarea,
.ffPollForm input,
.ffPollForm textarea,
.ffPollForm select {
  border-radius: 8px !important;
  background: #090b08 !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 2px rgba(143, 207, 115, .10) !important;
}

/* карточки и изображения — чуть строже */
.ffCard,
.ffSoftInfItem,
.ffServerInfItem,
.ffInfCard,
.ffSeriesCard,
.ffGuideCard,
.ffWeaponCard,
.ffCatalogCard {
  border-radius: 12px !important;
}

.ffCard img,
.ffSoftInfItem__image,
.ffServerInfItem__image,
.ffVideoBox__frame,
.ffVideoBox__preview,
.ffRadioFullPage__frame,
.ffModsCategoryHero__image {
  border-radius: 10px !important;
}

/* декоративные радиационные углы мягче */
.ffBlock::after,
.ffMiniProfile::after,
.ffSearchTerminal::after,
.ffWastelandNow::after,
.ffSiteStats::after,
.ffVideoBox::after,
.ffSignalBox::after,
.ffRadiationMeter::after,
.ffBroadcast::after,
.ffCard::after,
.ffSoftInfItem::after,
.ffServerInfItem::after,
.ffSeriesBlock::after,
.ffHero::after,
.ffSection::after {
  opacity: .38 !important;
}

/* разделители без лишнего “сияния” */
.ffVaultDivider span {
  border-radius: 8px !important;
  background: rgba(10, 10, 10, .38) !important;
  box-shadow: none !important;
}

/* сохранить гейгер круглым — он исключение */
.ffBackToTop,
.ffBackToTop::before,
.ffBackToTop::after,
.ffBackToTop__ring,
.ffBackToTop__inner,
.ffBackToTop__dial {
  border-radius: 50% !important;
}

/* мобильная версия — ещё меньше визуального шума */
@media (max-width: 760px) {
  .ffShell,
  .ffMain,
  .ffBlock,
  .ffMiniProfile,
  .ffSearchTerminal,
  .ffWastelandNow,
  .ffSiteStats,
  .ffVideoBox,
  .ffSignalBox,
  .ffRadiationMeter,
  .ffCard,
  .ffSoftInfItem,
  .ffServerInfItem,
  .ffSeriesBlock,
  .ffHero,
  .ffSection {
    border-radius: 12px !important;
  }

  body::before,
  body::after {
    display: none !important;
  }
}

/* =========================================================
   FINAL: Restore scenic background, keep cleaner UI
   Возвращаем красивый задний фон с градиентами, но оставляем
   более спокойные панели и менее круглые кнопки.
   ========================================================= */

html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 100%;
  overscroll-behavior: none !important;
  background-color: #050604 !important;
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(143, 207, 115, .15), transparent 340px),
    radial-gradient(circle at 86% 10%, rgba(242, 210, 122, .11), transparent 420px),
    radial-gradient(circle at 50% 100%, rgba(132, 79, 35, .28), transparent 560px),
    radial-gradient(circle at 20% 85%, rgba(52, 82, 38, .22), transparent 360px),
    linear-gradient(180deg, #15190f 0%, #0b0d08 55%, #050604 100%) !important;
}

body::before {
  display: block !important;
  opacity: .055 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px),
    radial-gradient(circle at 20% 10%, rgba(242,210,122,.20), transparent 2px),
    radial-gradient(circle at 80% 30%, rgba(143,207,115,.16), transparent 2px),
    radial-gradient(circle at 45% 70%, rgba(184,121,59,.18), transparent 2px) !important;
  background-size: 34px 34px, 34px 34px, 180px 180px, 220px 220px, 260px 260px !important;
}

body::after {
  display: block !important;
  opacity: .055 !important;
  background:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px) !important;
  background-size: 100% 8px !important;
  mix-blend-mode: soft-light !important;
}

.ffSite {
  margin-top: 0 !important;
}

/* Чуть меньше скругления у основных кнопок, но без полного квадратного вида */
.ffTopNav__link,
.ffBlock__links a,
.ffMiniProfile__actions a,
.ffSearchTerminal__button,
.ffHero__actions a,
.ffCard__more,
.ffSoftInfItem__bottom a,
.ffServerInfItem__bottom a,
.ffModsCategoryTools__links a,
.ffRadioRelated__links a,
.ffRadioFullPage__status,
.ffPollForm input[type="submit"],
.ffPollForm button,
.ffMiniChatAdd__submit,
.ffDownloadButton,
.ffGuideButton,
.ffRelatedLink,
.ffCopyButton {
  border-radius: 8px !important;
}

/* Пилюли оставляем только там, где они реально уместны как индикаторы */
.ffHeaderBadge,
.ffHeaderStatus,
.ffLabel,
.ffArchiveCode,
.ffModsCategoryHero__badge,
.ffRadioFullPage__badge,
.ffPipStatus,
.ffTag {
  border-radius: 999px !important;
}

@media (max-width: 760px) {
  body::before,
  body::after {
    opacity: .035 !important;
  }
}


/* =========================================================
   999. FINAL DESIGN REFINEMENT — compact header / status line
   cleaner buttons / softer cards / yellow home active
   ========================================================= */

/* 1. Более плотная шапка */
.ffHeader {
  min-height: 150px !important;
  padding: 18px 22px !important;
}

.ffLogoBox img {
  max-width: 200px !important;
}

.ffHeaderInfo {
  padding: 13px 14px !important;
  max-width: 560px !important;
  background:
    rgba(8, 10, 7, .62) !important;
  backdrop-filter: none !important;
}

.ffHeaderTitle {
  font-size: 28px !important;
}

.ffHeaderText {
  font-size: 12px !important;
  line-height: 1.42 !important;
}

/* 2. Статусная строка под верхним меню */
.ffStatusLine {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(242, 210, 122, .14);
  background: rgba(8, 10, 7, .88);
  color: #9fbf7a;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffStatusLine span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.ffStatusLine span::before {
  content: "\25CF";
  margin-right: 6px;
  color: #f2d27a;
  text-shadow: 0 0 8px rgba(242, 210, 122, .35);
}

/* 3. Единая кнопка сайта */
.ffButton,
.ffHero__actions a,
.ffCard__more,
.ffSoftInfItem__bottom a,
.ffDownloadButton,
.ffRelatedLink,
.ffModsCategoryTools__links a,
.ffRadioRelated__links a,
.ffRadioFullPage__note a,
.ffMiniProfile__actions a,
.ffSearchTerminal__button,
.ffTopNav__link {
  border-radius: 8px !important;
  background: rgba(24, 29, 19, .92) !important;
  border-color: rgba(242, 210, 122, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 12px rgba(0,0,0,.18) !important;
}

.ffButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  color: #f2d27a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ffButton:hover,
.ffHero__actions a:hover,
.ffCard__more:hover,
.ffSoftInfItem__bottom a:hover,
.ffDownloadButton:hover,
.ffRelatedLink:hover,
.ffModsCategoryTools__links a:hover,
.ffRadioRelated__links a:hover,
.ffMiniProfile__actions a:hover,
.ffSearchTerminal__button:hover,
.ffTopNav__link:hover {
  border-color: rgba(143, 207, 115, .42) !important;
  color: #b9e89c !important;
  background: rgba(27, 35, 21, .96) !important;
}

/* 4. Меньше scanline внутри обычных карточек */
.ffCard::before,
.ffBlock::before,
.ffSoftInfItem::before,
.ffServerInfItem::before,
.ffSeriesBlock::before,
.ffSection::before,
.ffModsCategoryHero::before,
.ffModsCategoryConsole::before,
.ffModsCategoryTools::before,
.ffModsCategorySorting::before,
.ffModsCategoryFilters::before,
.ffModsCategoryCats::before,
.ffModsCategoryList::before,
.ffModsCategoryPagination::before,
.ffRadioFullPage__hero::before,
.ffRadioFullPage__player::before {
  opacity: .025 !important;
}

/* 5. Левое меню легче и понятнее */
.ffBlock__links a,
.ffSideMenu__links a {
  position: relative;
  padding-left: 16px !important;
  background: rgba(22, 30, 19, .78) !important;
  border-color: rgba(242, 210, 122, .14) !important;
}

.ffBlock__links a::before,
.ffSideMenu__links a::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 3px;
  height: 14px;
  transform: translateY(-50%);
  border-radius: 2px;
  background: rgba(242, 210, 122, .45);
  box-shadow: 0 0 8px rgba(242, 210, 122, .12);
}

.ffBlock__links a:hover::before,
.ffSideMenu__links a:hover::before,
.ffBlock__links a.is-active::before,
.ffSideMenu__links a.is-active::before {
  background: #f2d27a;
}

/* 6. Правая колонка: профиль заметнее, служебные блоки спокойнее */
.ffSidebar--right .ffMiniProfile {
  border-color: rgba(242, 210, 122, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 10px 24px rgba(0,0,0,.28) !important;
}

.ffSidebar--right .ffSearchTerminal,
.ffSidebar--right .ffSignalBox,
.ffSidebar--right .ffRadiationMeter,
.ffSidebar--right .ffWastelandNow,
.ffSidebar--right .ffSiteStats,
.ffSidebar--right .ffVideoBox {
  background: rgba(12, 16, 11, .94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 6px 16px rgba(0,0,0,.20) !important;
}


/* 8. Радио-страница: более приборный, но чистый вид */
.ffRadioFullPage__player {
  background: rgba(11, 15, 10, .98) !important;
}

.ffRadioFullPage__playerHead {
  background: rgba(18, 24, 15, .86) !important;
}

.ffRadioFullPage__status {
  border-radius: 8px !important;
  background: rgba(5, 7, 5, .72) !important;
}

.ffRadioFullPage__frame {
  border-radius: 12px !important;
}

.ffRadioSignalBar {
  position: relative;
  height: 10px;
  margin: 12px 14px 0;
  overflow: hidden;
  border: 1px solid rgba(242, 210, 122, .22);
  border-radius: 8px;
  background: rgba(5, 7, 5, .78);
}

.ffRadioSignalBar span {
  display: block;
  width: 72%;
  height: 100%;
  background: #f2d27a;
  box-shadow: 0 0 10px rgba(242, 210, 122, .22);
}

/* 9. Универсальный заголовок блока */
.ffBlockHead {
  display: block;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(242, 210, 122, .15);
  background: rgba(18, 24, 15, .88);
  color: #f2d27a !important;
  text-shadow:
    0 0 8px rgba(242, 210, 122, .35),
    0 1px 2px rgba(0, 0, 0, .85) !important;
}

/* Верхняя полоса не должна появляться как чёрный зазор */
.ffSite {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .ffHeader {
    min-height: 132px !important;
    padding: 14px !important;
  }

  .ffLogoBox img {
    max-width: 170px !important;
  }

  .ffHeaderTitle {
    font-size: 24px !important;
  }

  .ffStatusLine {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}



  color: #10130f;
  text-shadow: none;
}


/* =========================================================
   Status line under top menu
   ========================================================= */

.ffStatusLine {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(242, 210, 122, .14);
  background: rgba(8, 10, 7, .88);
  color: #9fbf7a;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffStatusLine span {
  display: inline-flex;
  align-items: center;
}

.ffStatusLine span::before {
  content: "\25CF";
  margin-right: 6px;
  color: #f2d27a;
  text-shadow: 0 0 7px rgba(242, 210, 122, .30);
}



/* =========================================================
   Right sidebar clean structure
   ========================================================= */

  font-size: 13px;
  opacity: .55;
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, rgba(196, 161, 83, .16), transparent 34%),
    linear-gradient(135deg, rgba(33, 26, 16, .96), rgba(14, 18, 12, .96));
  box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.ffShopOrderHero__badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(180, 145, 74, .35);
  border-radius: 999px;
  color: #d8c07a;
  background: rgba(0, 0, 0, .26);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffShopOrderHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(26px, 4vw, 42px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .45);
}

.ffShopOrderHero__lead {
  max-width: 760px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffShopOrderPath {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(195, 161, 93, .18);
  color: rgba(238, 225, 183, .72);
  font-size: 13px;
}

.ffShopOrderPath a {
  color: #d8b45d;
  text-decoration: none;
}

.ffShopOrderPath a:hover {
  color: #f0d58a;
}

.ffShopOrderPanel {
  display: grid;
  gap: 16px;
}

.ffShopOrderPanel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(195, 161, 93, .24);
  border-radius: 16px;
  background: rgba(18, 21, 14, .86);
}

.ffShopOrderStatus {
  display: grid;
  gap: 4px;
}

.ffShopOrderStatus__label {
  color: rgba(238, 225, 183, .62);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ffShopOrderStatus__value {
  color: #a8f27a;
  font-size: 18px;
}

.ffShopOrderActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffShopOrderActions__item a,
.ffShopOrderPayNow a,
.ffShopOrderActions__item input,
.ffShopOrderPayNow input,
.ffShopOrderActions__item button,
.ffShopOrderPayNow button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(195, 161, 93, .35);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 18px rgba(0,0,0,.25);
}

.ffShopOrderGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ffShopOrderCard,
.ffShopOrderTotalBox,
.ffShopOrderNote,
.ffShopOrderJournal {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffShopOrderCard {
  padding: 18px;
}

.ffShopOrderCard--wide {
  width: 100%;
}

.ffShopOrderCard__title,
.ffShopOrderTotalBox__title,
.ffShopOrderNote__title {
  margin-bottom: 14px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 800;
}

.ffShopOrderInfo {
  display: grid;
  gap: 10px;
}

.ffShopOrderInfo__row,
.ffShopOrderTotals__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .75);
}

.ffShopOrderInfo__row:last-child,
.ffShopOrderTotals__row:last-child {
  border-bottom: 0;
}

.ffShopOrderInfo__row b,
.ffShopOrderTotals__row b {
  color: #f3df9d;
  text-align: right;
}

.ffShopOrderInfo__note {
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 12px;
  color: rgba(238, 225, 183, .72);
  background: rgba(0, 0, 0, .18);
  font-size: 13px;
  line-height: 1.55;
}

.ffShopOrderTotalBox {
  padding: 18px;
}

.ffShopOrderTotals {
  display: grid;
}

.ffShopOrderTotals__row--discount b {
  color: #a8f27a;
}

.ffShopOrderTotals__row--total {
  margin-top: 6px;
  border-top: 1px solid rgba(195, 161, 93, .22);
  font-size: 17px;
}

.ffShopOrderTotals__row--pay {
  margin-top: 8px;
  padding: 14px 0 4px;
  border-bottom: 0;
  color: #f0d58a;
  font-size: 20px;
  font-weight: 900;
}

.ffShopOrderTotals__row--pay b {
  color: #a8f27a;
}

.ffShopOrderPayNow {
  margin-top: 16px;
}

.ffShopOrderBody {
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffShopOrderBody table {
  width: 100%;
  border-collapse: collapse;
}

.ffShopOrderBody table td,
.ffShopOrderBody table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
}

.ffShopOrderBody input,
.ffShopOrderBody select,
.ffShopOrderBody textarea {
  max-width: 100%;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 10px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffDigitalGoods {
  display: grid;
  gap: 10px;
}

.ffDigitalGoods__item {
  padding: 12px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffDigitalGoods__item a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffDigitalGoods__item a:hover {
  color: #f0d58a;
}

.ffShopOrderNote {
  padding: 18px;
}

.ffShopOrderNote__text {
  color: rgba(238, 225, 183, .78);
  line-height: 1.65;
}

.ffShopOrderJournal {
  padding: 0;
  overflow: hidden;
}

.ffShopOrderJournal summary {
  padding: 16px 18px;
  color: #f0d58a;
  font-weight: 800;
  cursor: pointer;
  background: rgba(0, 0, 0, .18);
}

.ffShopOrderJournal__body {
  padding: 18px;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

@media (max-width: 760px) {
  .ffShopOrderPanel__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffShopOrderGrid {
    grid-template-columns: 1fr;
  }

  .ffShopOrderInfo__row,
  .ffShopOrderTotals__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffShopOrderInfo__row b,
  .ffShopOrderTotals__row b {
    text-align: left;
  }
}




.ffOrderTerminal {
  display: grid;
  gap: 18px;
}

.ffOrderTerminal__hero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffOrderTerminal__hero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffOrderTerminal__overline {
  position: relative;
  z-index: 1;
  display: inline-flex;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffOrderTerminal__title {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f3df9d;
  font-size: clamp(26px, 4vw, 42px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffOrderTerminal__meta {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.ffOrderTerminal__metaItem {
  padding: 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffOrderTerminal__metaItem span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffOrderTerminal__metaItem b {
  color: #f0d58a;
  font-size: 15px;
}

.ffOrderTerminal__metaItem--status b {
  color: #a8f27a;
}

.ffOrderTerminal__path {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .68);
  font-size: 13px;
}

.ffOrderTerminal__path a {
  color: #d8b45d;
  text-decoration: none;
}

.ffOrderTerminal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
}

.ffOrderTerminal__action a,
.ffOrderTerminal__action input,
.ffOrderTerminal__action button,
.ffOrderSummary__pay a,
.ffOrderSummary__pay input,
.ffOrderSummary__pay button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(195, 161, 93, .35);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 18px rgba(0, 0, 0, .24);
}

.ffOrderTerminal__action--pay a,
.ffOrderTerminal__action--pay input,
.ffOrderTerminal__action--pay button,
.ffOrderSummary__pay a,
.ffOrderSummary__pay input,
.ffOrderSummary__pay button {
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  border-color: rgba(168, 242, 122, .45);
}

.ffOrderTerminal__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

.ffOrderTerminal__main,
.ffOrderTerminal__side {
  display: grid;
  gap: 16px;
}

.ffOrderBlock,
.ffOrderSummary,
.ffOrderMiniCard,
.ffOrderAlert,
.ffOrderLog {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffOrderBlock {
  overflow: hidden;
}

.ffOrderBlock__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffOrderBlock__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffOrderBlock__head b {
  color: #f0d58a;
  font-size: 17px;
}

.ffOrderBlock__body {
  padding: 16px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffOrderBlock__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffOrderBlock__body table td,
.ffOrderBlock__body table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffOrderBlock__body a {
  color: #d8b45d;
  text-decoration: none;
}

.ffOrderBlock__body a:hover {
  color: #f0d58a;
}

.ffOrderBlock__body input,
.ffOrderBlock__body select,
.ffOrderBlock__body textarea {
  max-width: 100%;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 10px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffOrderSummary {
  position: sticky;
  top: 12px;
  padding: 16px;
}

.ffOrderSummary__title,
.ffOrderMiniCard__title,
.ffOrderAlert__title {
  margin-bottom: 12px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffOrderSummary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .72);
}

.ffOrderSummary__row b {
  color: #f3df9d;
  text-align: right;
}

.ffOrderSummary__row--good b {
  color: #a8f27a;
}

.ffOrderSummary__row--total {
  margin-top: 6px;
  border-top: 1px solid rgba(195, 161, 93, .22);
  font-size: 16px;
}

.ffOrderSummary__row--pay {
  padding-top: 14px;
  border-bottom: 0;
  color: #f0d58a;
  font-size: 19px;
  font-weight: 900;
}

.ffOrderSummary__row--pay b {
  color: #a8f27a;
}

.ffOrderSummary__curr {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(168, 242, 122, .18);
  border-radius: 12px;
  color: rgba(238, 225, 183, .72);
  background: rgba(0, 0, 0, .2);
  font-size: 13px;
  line-height: 1.5;
}

.ffOrderSummary__curr b {
  color: #a8f27a;
}

.ffOrderSummary__pay {
  margin-top: 14px;
}

.ffOrderMiniCard {
  padding: 16px;
}

.ffOrderMiniCard__value {
  margin-bottom: 8px;
  color: #f3df9d;
  font-size: 16px;
  font-weight: 900;
}

.ffOrderMiniCard__text {
  color: rgba(238, 225, 183, .72);
  font-size: 13px;
  line-height: 1.6;
}

.ffOrderMiniCard__track {
  display: grid;
  gap: 4px;
  margin-top: 12px;
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffOrderMiniCard__track span {
  color: rgba(238, 225, 183, .58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffOrderMiniCard__track b {
  color: #a8f27a;
}

.ffOrderDownloads {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.ffOrderDownloads__item {
  padding: 12px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
  color: rgba(238, 225, 183, .78);
}

.ffOrderDownloads__item a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 900;
}

.ffOrderDownloads__item a:hover {
  color: #f0d58a;
}

.ffOrderAlert {
  padding: 16px;
  border-color: rgba(168, 242, 122, .24);
  background:
    radial-gradient(circle at 0% 0%, rgba(168, 242, 122, .1), transparent 32%),
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
}

.ffOrderAlert__text {
  color: rgba(238, 225, 183, .78);
  line-height: 1.65;
}

.ffOrderLog {
  overflow: hidden;
}

.ffOrderLog summary {
  padding: 15px 16px;
  color: #f0d58a;
  font-weight: 900;
  cursor: pointer;
  background: rgba(0, 0, 0, .18);
}

.ffOrderLog__body {
  padding: 16px;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

@media (max-width: 980px) {
  .ffOrderTerminal__layout {
    grid-template-columns: 1fr;
  }

  .ffOrderSummary {
    position: static;
  }
}

@media (max-width: 760px) {
  .ffOrderTerminal__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffOrderBlock__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 520px) {
  .ffOrderTerminal__hero {
    padding: 18px;
  }

  .ffOrderTerminal__meta {
    grid-template-columns: 1fr;
  }

  .ffOrderSummary__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffOrderSummary__row b {
    text-align: left;
  }
}



.ffModsCategoryPage {
  display: grid;
  gap: 18px;
}

.ffModsCategoryHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: stretch;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffModsCategoryHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffModsCategoryHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffModsCategoryHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffModsCategoryHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffModsCategoryHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryHero__stat b {
  color: #f0d58a;
  font-size: 18px;
}

.ffModsCategoryHero__image {
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background: rgba(0, 0, 0, .24);
}

.ffModsCategoryHero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffModsCategoryNav,
.ffModsCategoryTools,
.ffModsCategoryTopLinks {
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
}

.ffModsCategoryNav {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
}

.ffModsCategoryNav__path {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(238, 225, 183, .66);
  font-size: 13px;
}

.ffModsCategoryNav__path a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsCategoryNav__path a:hover {
  color: #f0d58a;
}

.ffModsCategoryNav__path b {
  color: #f3df9d;
}

.ffModsCategoryNav__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffModsCategoryNav__add a,
.ffModsCategoryNav__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffModsCategoryTools {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.ffModsCategorySearch {
  display: grid;
  gap: 10px;
}

.ffModsCategorySearch__title {
  color: #f0d58a;
  font-size: 15px;
  font-weight: 900;
}

.ffModsCategorySearch__body form,
.ffModsCategorySearch__body {
  max-width: 100%;
}

.ffModsCategorySearch__body input[type="text"],
.ffModsCategorySearch__body input[type="search"] {
  max-width: 100%;
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffModsCategorySearch__body input[type="submit"],
.ffModsCategorySearch__body button {
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  cursor: pointer;
}

.ffModsCategoryFilters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsCategoryFilter {
  display: grid;
  gap: 6px;
  min-width: 180px;
}

.ffModsCategoryFilter span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryFilter select {
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffModsCategoryTopLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}

.ffModsCategoryTopLinks a {
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 999px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.ffModsCategoryTopLinks a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .32);
}

.ffModsCategoryLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
  align-items: start;
}

.ffModsCategoryMain,
.ffModsCategorySide {
  display: grid;
  gap: 16px;
}

.ffModsListHead,
.ffModsSideBox {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffModsListHead {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 15px 16px;
}

.ffModsListHead span {
  display: block;
  margin-bottom: 3px;
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsListHead b {
  color: #f0d58a;
  font-size: 18px;
}

.ffModsListHead em {
  color: rgba(238, 225, 183, .62);
  font-size: 13px;
  font-style: normal;
}

.ffModsListBody {
  display: grid;
  gap: 14px;
  color: rgba(238, 225, 183, .82);
}

.ffModsListBody table {
  width: 100%;
  border-collapse: collapse;
}

.ffModsListBody table td,
.ffModsListBody table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffModsListBody a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsListBody a:hover {
  color: #f0d58a;
}

.ffModsPagination {
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
  color: rgba(238, 225, 183, .76);
  text-align: center;
}

.ffModsPagination a,
.ffModsPagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  margin: 3px;
  padding: 6px 10px;
  border: 1px solid rgba(195, 161, 93, .2);
  border-radius: 10px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  text-decoration: none;
}

.ffModsPagination a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .36);
}

.ffModsSideBox {
  overflow: hidden;
}

.ffModsSideBox__title {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  color: #f0d58a;
  background: rgba(0, 0, 0, .18);
  font-size: 17px;
  font-weight: 900;
}

.ffModsSideBox__body {
  padding: 14px 16px;
  color: rgba(238, 225, 183, .78);
}

.ffModsSideBox__body a,
.ffModsSideBox__cats a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsSideBox__body a:hover,
.ffModsSideBox__cats a:hover {
  color: #f0d58a;
}

.ffModsSideStats {
  display: grid;
  padding: 14px 16px;
}

.ffModsSideStats__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffModsSideStats__row:last-child {
  border-bottom: 0;
}

.ffModsSideStats__row b {
  color: #f3df9d;
  text-align: right;
}

.ffModsLastViewed {
  display: grid;
  gap: 9px;
  padding: 14px 16px;
}

.ffModsLastViewed__item {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
  color: rgba(238, 225, 183, .78);
}

.ffModsLastViewed__item a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffModsLastViewed__item a:hover {
  color: #f0d58a;
}

@media (max-width: 980px) {
  .ffModsCategoryHero {
    grid-template-columns: 1fr;
  }

  .ffModsCategoryHero__image {
    min-height: 220px;
  }

  .ffModsCategoryLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffModsCategoryHero {
    padding: 18px;
  }

  .ffModsCategoryNav {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsListHead {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsCategoryFilter {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .ffModsCategoryHero__stats {
    flex-direction: column;
  }

  .ffModsCategoryHero__stat {
    width: 100%;
  }

  .ffModsSideStats__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffModsSideStats__row b {
    text-align: left;
  }
}


.ffModsCategoryPage {
  display: grid;
  gap: 18px;
}

.ffModsCategoryHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: stretch;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffModsCategoryHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffModsCategoryHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffModsCategoryHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffModsCategoryHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffModsCategoryHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryHero__stat b {
  color: #f0d58a;
  font-size: 18px;
}

.ffModsCategoryHero__image {
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background: rgba(0, 0, 0, .24);
}

.ffModsCategoryHero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffModsCategoryNav,
.ffModsCategoryTools,
.ffModsCategoryTopLinks {
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
}

.ffModsCategoryNav {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
}

.ffModsCategoryNav__path {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: rgba(238, 225, 183, .66);
  font-size: 13px;
}

.ffModsCategoryNav__path a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsCategoryNav__path a:hover {
  color: #f0d58a;
}

.ffModsCategoryNav__path b {
  color: #f3df9d;
}

.ffModsCategoryNav__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffModsCategoryNav__add a,
.ffModsCategoryNav__rss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffModsCategoryTools {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.ffModsCategorySearch {
  display: grid;
  gap: 10px;
}

.ffModsCategorySearch__title {
  color: #f0d58a;
  font-size: 15px;
  font-weight: 900;
}

.ffModsCategorySearch__body form,
.ffModsCategorySearch__body {
  max-width: 100%;
}

.ffModsCategorySearch__body input[type="text"],
.ffModsCategorySearch__body input[type="search"] {
  max-width: 100%;
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffModsCategorySearch__body input[type="submit"],
.ffModsCategorySearch__body button {
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  cursor: pointer;
}

.ffModsCategoryFilters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ffModsCategoryFilter {
  display: grid;
  gap: 6px;
  min-width: 180px;
}

.ffModsCategoryFilter span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsCategoryFilter select {
  min-height: 38px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .28);
}

.ffModsCategoryTopLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
}

.ffModsCategoryTopLinks a {
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 999px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.ffModsCategoryTopLinks a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .32);
}

.ffModsCategoryLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
  align-items: start;
}

.ffModsCategoryMain,
.ffModsCategorySide {
  display: grid;
  gap: 16px;
}

.ffModsListHead,
.ffModsSideBox {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffModsListHead {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 15px 16px;
}

.ffModsListHead span {
  display: block;
  margin-bottom: 3px;
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffModsListHead b {
  color: #f0d58a;
  font-size: 18px;
}

.ffModsListHead em {
  color: rgba(238, 225, 183, .62);
  font-size: 13px;
  font-style: normal;
}

.ffModsListBody {
  display: grid;
  gap: 14px;
  color: rgba(238, 225, 183, .82);
}

.ffModsListBody table {
  width: 100%;
  border-collapse: collapse;
}

.ffModsListBody table td,
.ffModsListBody table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffModsListBody a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsListBody a:hover {
  color: #f0d58a;
}

.ffModsPagination {
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
  color: rgba(238, 225, 183, .76);
  text-align: center;
}

.ffModsPagination a,
.ffModsPagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  margin: 3px;
  padding: 6px 10px;
  border: 1px solid rgba(195, 161, 93, .2);
  border-radius: 10px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  text-decoration: none;
}

.ffModsPagination a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .36);
}

.ffModsSideBox {
  overflow: hidden;
}

.ffModsSideBox__title {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  color: #f0d58a;
  background: rgba(0, 0, 0, .18);
  font-size: 17px;
  font-weight: 900;
}

.ffModsSideBox__body {
  padding: 14px 16px;
  color: rgba(238, 225, 183, .78);
}

.ffModsSideBox__body a,
.ffModsSideBox__cats a {
  color: #d8b45d;
  text-decoration: none;
}

.ffModsSideBox__body a:hover,
.ffModsSideBox__cats a:hover {
  color: #f0d58a;
}

.ffModsSideStats {
  display: grid;
  padding: 14px 16px;
}

.ffModsSideStats__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffModsSideStats__row:last-child {
  border-bottom: 0;
}

.ffModsSideStats__row b {
  color: #f3df9d;
  text-align: right;
}

.ffModsLastViewed {
  display: grid;
  gap: 9px;
  padding: 14px 16px;
}

.ffModsLastViewed__item {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
  color: rgba(238, 225, 183, .78);
}

.ffModsLastViewed__item a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffModsLastViewed__item a:hover {
  color: #f0d58a;
}

@media (max-width: 980px) {
  .ffModsCategoryHero {
    grid-template-columns: 1fr;
  }

  .ffModsCategoryHero__image {
    min-height: 220px;
  }

  .ffModsCategoryLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffModsCategoryHero {
    padding: 18px;
  }

  .ffModsCategoryNav {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsListHead {
    align-items: flex-start;
    flex-direction: column;
  }

  .ffModsCategoryFilter {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .ffModsCategoryHero__stats {
    flex-direction: column;
  }

  .ffModsCategoryHero__stat {
    width: 100%;
  }

  .ffModsSideStats__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffModsSideStats__row b {
    text-align: left;
  }
}


.ffLoginPage {
  display: grid;
  gap: 18px;
}

.ffLoginHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffLoginHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffLoginHero__content {
  position: relative;
  z-index: 1;
}

.ffLoginHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffLoginHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffLoginHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffLoginHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffLoginHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffLoginLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

.ffLoginPanel,
.ffLoginSideBox,
.ffLoginAlready {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffLoginPanel {
  overflow: hidden;
}

.ffLoginPanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffLoginPanel__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginPanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffLoginPanel__body {
  padding: 20px;
  color: rgba(238, 225, 183, .82);
}

.ffLoginPanel__system {
  margin: 0 20px 20px;
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 14px;
  color: rgba(238, 225, 183, .78);
  background: rgba(0, 0, 0, .18);
  line-height: 1.6;
}

.ffLoginPanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffLoginPanel__body table td,
.ffLoginPanel__body table th {
  padding: 8px;
  color: rgba(238, 225, 183, .82);
}

.ffLoginPanel__body input[type="text"],
.ffLoginPanel__body input[type="password"],
.ffLoginPanel__body input[type="email"],
.ffLoginPanel__body input[type="number"],
.ffLoginPanel__body select,
.ffLoginPanel__body textarea,
.ffLoginPanel__body .loginField,
.ffLoginPanel__body .loginPassword {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ffLoginPanel__body input[type="text"]:focus,
.ffLoginPanel__body input[type="password"]:focus,
.ffLoginPanel__body input[type="email"]:focus,
.ffLoginPanel__body select:focus,
.ffLoginPanel__body textarea:focus {
  border-color: rgba(168, 242, 122, .45);
  box-shadow: 0 0 0 3px rgba(168, 242, 122, .08);
}

.ffLoginPanel__body input[type="submit"],
.ffLoginPanel__body input[type="button"],
.ffLoginPanel__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: #14200f !important;
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 18px rgba(0, 0, 0, .24);
}

.ffLoginPanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffLoginPanel__body a:hover {
  color: #f0d58a;
}

.ffLoginSide {
  display: grid;
  gap: 16px;
}

.ffLoginSideBox {
  overflow: hidden;
  padding: 16px;
}

.ffLoginSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffLoginSideBox__text {
  margin: 0;
  color: rgba(238, 225, 183, .74);
  font-size: 14px;
  line-height: 1.6;
}

.ffLoginSideBox__action {
  margin-top: 14px;
}

.ffLoginSideBox__action a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffLoginSocial {
  display: grid;
  gap: 9px;
}

.ffLoginSocial__item {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffLoginSocial__item a,
.ffLoginSocial__item button,
.ffLoginSocial__item input {
  max-width: 100%;
}

.ffLoginStatus {
  display: grid;
}

.ffLoginStatus__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffLoginStatus__row:last-child {
  border-bottom: 0;
}

.ffLoginStatus__row b {
  color: #f3df9d;
  text-align: right;
}

.ffLoginAlready {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 18px;
  padding: 20px;
  align-items: start;
}

.ffLoginAlready__avatar {
  width: 120px;
  height: 120px;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffLoginAlready__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffLoginAlready__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginAlready__title {
  margin: 0;
  color: #f3df9d;
  font-size: 28px;
  line-height: 1.15;
}

.ffLoginAlready__text {
  margin: 10px 0 0;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

.ffLoginAlready__text b {
  color: #f0d58a;
}

.ffLoginAlready__info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.ffLoginAlready__row {
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .16);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffLoginAlready__row span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffLoginAlready__row b {
  color: #f3df9d;
}

.ffLoginAlready__row--pm b {
  color: #a8f27a;
}

.ffLoginAlready__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

.ffLoginAlready__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 980px) {
  .ffLoginLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffLoginHero {
    padding: 18px;
  }

  .ffLoginPanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffLoginAlready {
    grid-template-columns: 1fr;
  }

  .ffLoginAlready__info {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .ffLoginHero__stats {
    flex-direction: column;
  }

  .ffLoginHero__stat {
    width: 100%;
  }

  .ffLoginStatus__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffLoginStatus__row b {
    text-align: left;
  }
}


.ffPmPage {
  display: grid;
  gap: 18px;
}

.ffPmHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffPmHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffPmHero__content {
  position: relative;
  z-index: 1;
}

.ffPmHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffPmHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffPmHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffPmHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffPmHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffPmHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffPmHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffPmHero__stat--active b {
  color: #a8f27a;
}

.ffPmLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.ffPmMain,
.ffPmSide {
  display: grid;
  gap: 16px;
}

.ffPmPanel,
.ffPmProfile,
.ffPmSideBox,
.ffPmGuest {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffPmPanel {
  overflow: hidden;
}

.ffPmPanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffPmPanel__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffPmPanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffPmPanel__body {
  padding: 18px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffPmPanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffPmPanel__body table td,
.ffPmPanel__body table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffPmPanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffPmPanel__body a:hover {
  color: #f0d58a;
}

.ffPmPanel__body input[type="text"],
.ffPmPanel__body input[type="password"],
.ffPmPanel__body input[type="email"],
.ffPmPanel__body select,
.ffPmPanel__body textarea {
  max-width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
}

.ffPmPanel__body textarea {
  min-height: 150px;
  resize: vertical;
}

.ffPmPanel__body input[type="submit"],
.ffPmPanel__body input[type="button"],
.ffPmPanel__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: #14200f !important;
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}

.ffPmProfile {
  padding: 16px;
  text-align: center;
}

.ffPmProfile__avatar {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 auto 12px;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffPmProfile__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffPmProfile__name {
  color: #f3df9d;
  font-size: 20px;
  font-weight: 900;
}

.ffPmProfile__group {
  margin-top: 4px;
  color: rgba(168, 242, 122, .78);
  font-size: 13px;
  font-weight: 800;
}

.ffPmProfile__stats {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.ffPmProfile__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  color: rgba(238, 225, 183, .68);
  background: rgba(0, 0, 0, .18);
}

.ffPmProfile__row b {
  color: #f3df9d;
}

.ffPmProfile__row--pm b {
  color: #a8f27a;
}

.ffPmProfile__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.ffPmProfile__actions a,
.ffPmSideBox__action a,
.ffPmGuest__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffPmSideBox {
  padding: 16px;
}

.ffPmSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffPmSideBox__text {
  color: rgba(238, 225, 183, .74);
  font-size: 14px;
  line-height: 1.6;
}

.ffPmSideBox__action {
  margin-top: 12px;
}

.ffPmStatus {
  display: grid;
}

.ffPmStatus__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffPmStatus__row:last-child {
  border-bottom: 0;
}

.ffPmStatus__row b {
  color: #f3df9d;
  text-align: right;
}

.ffPmGuest {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  align-items: center;
}

.ffPmGuest__icon {
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 242, 122, .28);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 42px;
  font-weight: 900;
}

.ffPmGuest__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffPmGuest__title {
  margin: 0;
  color: #f3df9d;
  font-size: 26px;
  line-height: 1.15;
}

.ffPmGuest__text {
  margin: 10px 0 0;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

.ffPmGuest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

@media (max-width: 980px) {
  .ffPmLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffPmHero {
    padding: 18px;
  }

  .ffPmPanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffPmGuest {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .ffPmHero__stats {
    flex-direction: column;
  }

  .ffPmHero__stat {
    width: 100%;
  }

  .ffPmStatus__row,
  .ffPmProfile__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffPmStatus__row b {
    text-align: left;
  }
}


.ffEditProfilePage {
  display: grid;
  gap: 18px;
}

.ffEditProfileHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffEditProfileHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffEditProfileHero__content {
  position: relative;
  z-index: 1;
}

.ffEditProfileHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffEditProfileHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffEditProfileHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffEditProfileHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffEditProfileHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffEditProfileHero__stat--active b {
  color: #a8f27a;
}

.ffEditProfileLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

.ffEditProfileMain,
.ffEditProfileSide {
  display: grid;
  gap: 16px;
}

.ffEditProfilePanel,
.ffEditProfileCard,
.ffEditProfileSideBox,
.ffEditProfileGuest {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffEditProfilePanel {
  overflow: hidden;
}

.ffEditProfilePanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffEditProfilePanel__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfilePanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffEditProfilePanel__body {
  padding: 20px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffEditProfilePanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffEditProfilePanel__body table td,
.ffEditProfilePanel__body table th {
  padding: 8px;
  color: rgba(238, 225, 183, .82);
}

.ffEditProfilePanel__body label {
  color: rgba(238, 225, 183, .82);
  font-weight: 700;
}

.ffEditProfilePanel__body input[type="text"],
.ffEditProfilePanel__body input[type="password"],
.ffEditProfilePanel__body input[type="email"],
.ffEditProfilePanel__body input[type="number"],
.ffEditProfilePanel__body input[type="url"],
.ffEditProfilePanel__body input[type="file"],
.ffEditProfilePanel__body select,
.ffEditProfilePanel__body textarea {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ffEditProfilePanel__body input[type="file"] {
  padding: 8px;
}

.ffEditProfilePanel__body textarea {
  min-height: 120px;
  resize: vertical;
}

.ffEditProfilePanel__body input[type="text"]:focus,
.ffEditProfilePanel__body input[type="password"]:focus,
.ffEditProfilePanel__body input[type="email"]:focus,
.ffEditProfilePanel__body input[type="number"]:focus,
.ffEditProfilePanel__body input[type="url"]:focus,
.ffEditProfilePanel__body select:focus,
.ffEditProfilePanel__body textarea:focus {
  border-color: rgba(168, 242, 122, .45);
  box-shadow: 0 0 0 3px rgba(168, 242, 122, .08);
}

.ffEditProfilePanel__body input[type="submit"],
.ffEditProfilePanel__body input[type="button"],
.ffEditProfilePanel__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: #14200f !important;
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 18px rgba(0, 0, 0, .24);
}

.ffEditProfilePanel__body input[type="checkbox"],
.ffEditProfilePanel__body input[type="radio"] {
  accent-color: #a8f27a;
}

.ffEditProfilePanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffEditProfilePanel__body a:hover {
  color: #f0d58a;
}

.ffEditProfileCard {
  padding: 16px;
  text-align: center;
}

.ffEditProfileCard__avatar {
  width: 110px;
  height: 110px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 auto 12px;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffEditProfileCard__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffEditProfileCard__name {
  color: #f3df9d;
  font-size: 21px;
  font-weight: 900;
}

.ffEditProfileCard__group {
  margin-top: 4px;
  color: rgba(168, 242, 122, .78);
  font-size: 13px;
  font-weight: 800;
}

.ffEditProfileCard__rows {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.ffEditProfileCard__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  color: rgba(238, 225, 183, .68);
  background: rgba(0, 0, 0, .18);
}

.ffEditProfileCard__row b {
  color: #f3df9d;
  text-align: right;
}

.ffEditProfileCard__row--pm b {
  color: #a8f27a;
}

.ffEditProfileCard__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.ffEditProfileCard__actions a,
.ffEditProfileGuest__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffEditProfileSideBox {
  padding: 16px;
}

.ffEditProfileSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffEditProfileSideBox__text {
  margin: 0;
  color: rgba(238, 225, 183, .74);
  font-size: 14px;
  line-height: 1.6;
}

.ffEditProfileStatus {
  display: grid;
}

.ffEditProfileStatus__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffEditProfileStatus__row:last-child {
  border-bottom: 0;
}

.ffEditProfileStatus__row b {
  color: #f3df9d;
  text-align: right;
}

.ffEditProfileGuest {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  align-items: center;
}

.ffEditProfileGuest__icon {
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 242, 122, .28);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 42px;
  font-weight: 900;
}

.ffEditProfileGuest__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileGuest__title {
  margin: 0;
  color: #f3df9d;
  font-size: 26px;
  line-height: 1.15;
}

.ffEditProfileGuest__text {
  margin: 10px 0 0;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

.ffEditProfileGuest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

@media (max-width: 980px) {
  .ffEditProfileLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffEditProfileHero {
    padding: 18px;
  }

  .ffEditProfilePanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffEditProfileGuest {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .ffEditProfileHero__stats {
    flex-direction: column;
  }

  .ffEditProfileHero__stat {
    width: 100%;
  }

  .ffEditProfileCard__row,
  .ffEditProfileStatus__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffEditProfileCard__row b,
  .ffEditProfileStatus__row b {
    text-align: left;
  }
}




.ffEditProfilePage {
  display: grid;
  gap: 18px;
}

.ffEditProfileHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffEditProfileHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffEditProfileHero__content {
  position: relative;
  z-index: 1;
}

.ffEditProfileHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffEditProfileHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffEditProfileHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffEditProfileHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffEditProfileHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffEditProfileHero__stat--active b {
  color: #a8f27a;
}

.ffEditProfileLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 18px;
  align-items: start;
}

.ffEditProfileMain,
.ffEditProfileSide {
  display: grid;
  gap: 16px;
}

.ffEditProfilePanel,
.ffEditProfileCard,
.ffEditProfileSideBox,
.ffEditProfileGuest {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffEditProfilePanel {
  overflow: hidden;
}

.ffEditProfilePanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffEditProfilePanel__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfilePanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffEditProfilePanel__body {
  padding: 20px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffEditProfilePanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffEditProfilePanel__body table td,
.ffEditProfilePanel__body table th {
  padding: 8px;
  color: rgba(238, 225, 183, .82);
}

.ffEditProfilePanel__body label {
  color: rgba(238, 225, 183, .82);
  font-weight: 700;
}

.ffEditProfilePanel__body input[type="text"],
.ffEditProfilePanel__body input[type="password"],
.ffEditProfilePanel__body input[type="email"],
.ffEditProfilePanel__body input[type="number"],
.ffEditProfilePanel__body input[type="url"],
.ffEditProfilePanel__body input[type="file"],
.ffEditProfilePanel__body select,
.ffEditProfilePanel__body textarea {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ffEditProfilePanel__body input[type="file"] {
  padding: 8px;
}

.ffEditProfilePanel__body textarea {
  min-height: 120px;
  resize: vertical;
}

.ffEditProfilePanel__body input[type="text"]:focus,
.ffEditProfilePanel__body input[type="password"]:focus,
.ffEditProfilePanel__body input[type="email"]:focus,
.ffEditProfilePanel__body input[type="number"]:focus,
.ffEditProfilePanel__body input[type="url"]:focus,
.ffEditProfilePanel__body select:focus,
.ffEditProfilePanel__body textarea:focus {
  border-color: rgba(168, 242, 122, .45);
  box-shadow: 0 0 0 3px rgba(168, 242, 122, .08);
}

.ffEditProfilePanel__body input[type="submit"],
.ffEditProfilePanel__body input[type="button"],
.ffEditProfilePanel__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: #14200f !important;
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 8px 18px rgba(0, 0, 0, .24);
}

.ffEditProfilePanel__body input[type="checkbox"],
.ffEditProfilePanel__body input[type="radio"] {
  accent-color: #a8f27a;
}

.ffEditProfilePanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffEditProfilePanel__body a:hover {
  color: #f0d58a;
}

.ffEditProfileCard {
  padding: 16px;
  text-align: center;
}

.ffEditProfileCard__avatar {
  width: 110px;
  height: 110px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 auto 12px;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffEditProfileCard__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffEditProfileCard__name {
  color: #f3df9d;
  font-size: 21px;
  font-weight: 900;
}

.ffEditProfileCard__group {
  margin-top: 4px;
  color: rgba(168, 242, 122, .78);
  font-size: 13px;
  font-weight: 800;
}

.ffEditProfileCard__rows {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.ffEditProfileCard__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  color: rgba(238, 225, 183, .68);
  background: rgba(0, 0, 0, .18);
}

.ffEditProfileCard__row b {
  color: #f3df9d;
  text-align: right;
}

.ffEditProfileCard__row--pm b {
  color: #a8f27a;
}

.ffEditProfileCard__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.ffEditProfileCard__actions a,
.ffEditProfileGuest__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffEditProfileSideBox {
  padding: 16px;
}

.ffEditProfileSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffEditProfileSideBox__text {
  margin: 0;
  color: rgba(238, 225, 183, .74);
  font-size: 14px;
  line-height: 1.6;
}

.ffEditProfileStatus {
  display: grid;
}

.ffEditProfileStatus__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(195, 161, 93, .13);
  color: rgba(238, 225, 183, .68);
}

.ffEditProfileStatus__row:last-child {
  border-bottom: 0;
}

.ffEditProfileStatus__row b {
  color: #f3df9d;
  text-align: right;
}

.ffEditProfileGuest {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  align-items: center;
}

.ffEditProfileGuest__icon {
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(168, 242, 122, .28);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 42px;
  font-weight: 900;
}

.ffEditProfileGuest__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffEditProfileGuest__title {
  margin: 0;
  color: #f3df9d;
  font-size: 26px;
  line-height: 1.15;
}

.ffEditProfileGuest__text {
  margin: 10px 0 0;
  color: rgba(238, 225, 183, .78);
  line-height: 1.6;
}

.ffEditProfileGuest__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

@media (max-width: 980px) {
  .ffEditProfileLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffEditProfileHero {
    padding: 18px;
  }

  .ffEditProfilePanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffEditProfileGuest {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .ffEditProfileHero__stats {
    flex-direction: column;
  }

  .ffEditProfileHero__stat {
    width: 100%;
  }

  .ffEditProfileCard__row,
  .ffEditProfileStatus__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffEditProfileCard__row b,
  .ffEditProfileStatus__row b {
    text-align: left;
  }
}



.ffUserCommentsPage {
  display: grid;
  gap: 18px;
}

.ffUserCommentsHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffUserCommentsHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffUserCommentsHero__content {
  position: relative;
  z-index: 1;
}

.ffUserCommentsHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffUserCommentsHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffUserCommentsHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffUserCommentsHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffUserCommentsHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffUserCommentsTools,
.ffUserCommentsPanel,
.ffUserCommentsProfile,
.ffUserCommentsSideBox {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffUserCommentsTools,
.ffUserCommentsPanel {
  overflow: hidden;
}

.ffUserCommentsTools__head,
.ffUserCommentsPanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsTools__head span,
.ffUserCommentsPanel__head span {
  display: block;
  margin-bottom: 3px;
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsTools__head b,
.ffUserCommentsPanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffUserCommentsPanel__head em {
  color: rgba(238, 225, 183, .62);
  font-size: 13px;
  font-style: normal;
}

.ffUserCommentsTools__body {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  padding: 16px;
}

.ffUserCommentsFilter {
  display: grid;
  gap: 6px;
  min-width: 220px;
}

.ffUserCommentsFilter span,
.ffUserCommentsCounter span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsFilter select,
.ffUserCommentsFilter input {
  max-width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
}

.ffUserCommentsCounter {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsCounter b {
  color: #f0d58a;
}

.ffUserCommentsLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.ffUserCommentsMain,
.ffUserCommentsSide {
  display: grid;
  gap: 16px;
}

.ffUserCommentsPanel__body {
  padding: 18px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffUserCommentsPanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffUserCommentsPanel__body table td,
.ffUserCommentsPanel__body table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffUserCommentsPanel__body table th {
  color: #f0d58a;
  background: rgba(0, 0, 0, .22);
}

.ffUserCommentsPanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffUserCommentsPanel__body a:hover {
  color: #f0d58a;
}

.ffUserCommentsPanel__body blockquote,
.ffUserCommentsPanel__body .quoteMessage {
  margin: 12px 0;
  padding: 12px 14px;
  border-left: 3px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: rgba(238, 225, 183, .76);
  background: rgba(0, 0, 0, .22);
}

.ffUserCommentsPagination {
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
  color: rgba(238, 225, 183, .76);
  text-align: center;
}

.ffUserCommentsPagination a,
.ffUserCommentsPagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  margin: 3px;
  padding: 6px 10px;
  border: 1px solid rgba(195, 161, 93, .2);
  border-radius: 10px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  text-decoration: none;
}

.ffUserCommentsPagination a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .36);
}

.ffUserCommentsProfile {
  padding: 16px;
  text-align: center;
}

.ffUserCommentsProfile__avatar {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 auto 12px;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffUserCommentsProfile__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffUserCommentsProfile__name {
  color: #f3df9d;
  font-size: 20px;
  font-weight: 900;
}

.ffUserCommentsProfile__group {
  margin-top: 4px;
  color: rgba(168, 242, 122, .78);
  font-size: 13px;
  font-weight: 800;
}

.ffUserCommentsProfile__rows {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.ffUserCommentsProfile__row,
.ffUserCommentsStats__row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  color: rgba(238, 225, 183, .68);
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsProfile__row b,
.ffUserCommentsStats__row b {
  color: #f3df9d;
  text-align: right;
}

.ffUserCommentsProfile__row--pm b {
  color: #a8f27a;
}

.ffUserCommentsProfile__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.ffUserCommentsProfile__actions a,
.ffUserCommentsLinks a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffUserCommentsSideBox {
  padding: 16px;
}

.ffUserCommentsSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffUserCommentsLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffUserCommentsStats {
  display: grid;
  gap: 8px;
}

@media (max-width: 980px) {
  .ffUserCommentsLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffUserCommentsHero {
    padding: 18px;
  }

  .ffUserCommentsTools__head,
  .ffUserCommentsPanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffUserCommentsTools__body {
    align-items: stretch;
    flex-direction: column;
  }

  .ffUserCommentsFilter {
    width: 100%;
  }

  .ffUserCommentsPanel__body {
    overflow-x: auto;
  }
}

@media (max-width: 520px) {
  .ffUserCommentsHero__stats {
    flex-direction: column;
  }

  .ffUserCommentsHero__stat {
    width: 100%;
  }

  .ffUserCommentsProfile__row,
  .ffUserCommentsStats__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffUserCommentsProfile__row b,
  .ffUserCommentsStats__row b {
    text-align: left;
  }
}


.ffUserCommentsPage {
  display: grid;
  gap: 18px;
}

.ffUserCommentsHero {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(195, 161, 93, .26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 0%, rgba(168, 242, 122, .12), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(224, 189, 102, .12), transparent 30%),
    linear-gradient(135deg, rgba(31, 28, 18, .96), rgba(11, 15, 10, .96));
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}

.ffUserCommentsHero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px);
  background-size: 34px 34px;
}

.ffUserCommentsHero__content {
  position: relative;
  z-index: 1;
}

.ffUserCommentsHero__badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(168, 242, 122, .25);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsHero__title {
  margin: 0;
  color: #f3df9d;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffUserCommentsHero__text {
  max-width: 780px;
  margin: 12px 0 0;
  color: rgba(238, 225, 183, .82);
  font-size: 15px;
  line-height: 1.65;
}

.ffUserCommentsHero__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ffUserCommentsHero__stat {
  min-width: 120px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.ffUserCommentsHero__stat span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsHero__stat b {
  color: #f0d58a;
  font-size: 17px;
}

.ffUserCommentsTools,
.ffUserCommentsPanel,
.ffUserCommentsProfile,
.ffUserCommentsSideBox {
  border: 1px solid rgba(195, 161, 93, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(34, 29, 19, .94), rgba(17, 20, 13, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.ffUserCommentsTools,
.ffUserCommentsPanel {
  overflow: hidden;
}

.ffUserCommentsTools__head,
.ffUserCommentsPanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsTools__head span,
.ffUserCommentsPanel__head span {
  display: block;
  margin-bottom: 3px;
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsTools__head b,
.ffUserCommentsPanel__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffUserCommentsPanel__head em {
  color: rgba(238, 225, 183, .62);
  font-size: 13px;
  font-style: normal;
}

.ffUserCommentsTools__body {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  padding: 16px;
}

.ffUserCommentsFilter {
  display: grid;
  gap: 6px;
  min-width: 220px;
}

.ffUserCommentsFilter span,
.ffUserCommentsCounter span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffUserCommentsFilter select,
.ffUserCommentsFilter input {
  max-width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .3);
  outline: none;
}

.ffUserCommentsCounter {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsCounter b {
  color: #f0d58a;
}

.ffUserCommentsLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.ffUserCommentsMain,
.ffUserCommentsSide {
  display: grid;
  gap: 16px;
}

.ffUserCommentsPanel__body {
  padding: 18px;
  color: rgba(238, 225, 183, .82);
  line-height: 1.65;
}

.ffUserCommentsPanel__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffUserCommentsPanel__body table td,
.ffUserCommentsPanel__body table th {
  padding: 10px;
  border: 1px solid rgba(195, 161, 93, .16);
  color: rgba(238, 225, 183, .82);
}

.ffUserCommentsPanel__body table th {
  color: #f0d58a;
  background: rgba(0, 0, 0, .22);
}

.ffUserCommentsPanel__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffUserCommentsPanel__body a:hover {
  color: #f0d58a;
}

.ffUserCommentsPanel__body blockquote,
.ffUserCommentsPanel__body .quoteMessage {
  margin: 12px 0;
  padding: 12px 14px;
  border-left: 3px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: rgba(238, 225, 183, .76);
  background: rgba(0, 0, 0, .22);
}

.ffUserCommentsPagination {
  padding: 14px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 16px;
  background: rgba(16, 18, 12, .78);
  color: rgba(238, 225, 183, .76);
  text-align: center;
}

.ffUserCommentsPagination a,
.ffUserCommentsPagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  margin: 3px;
  padding: 6px 10px;
  border: 1px solid rgba(195, 161, 93, .2);
  border-radius: 10px;
  color: #d8b45d;
  background: rgba(0, 0, 0, .2);
  text-decoration: none;
}

.ffUserCommentsPagination a:hover {
  color: #f0d58a;
  border-color: rgba(195, 161, 93, .36);
}

.ffUserCommentsProfile {
  padding: 16px;
  text-align: center;
}

.ffUserCommentsProfile__avatar {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 auto 12px;
  border: 1px solid rgba(168, 242, 122, .26);
  border-radius: 18px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 50%),
    rgba(0, 0, 0, .28);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffUserCommentsProfile__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ffUserCommentsProfile__name {
  color: #f3df9d;
  font-size: 20px;
  font-weight: 900;
}

.ffUserCommentsProfile__group {
  margin-top: 4px;
  color: rgba(168, 242, 122, .78);
  font-size: 13px;
  font-weight: 800;
}

.ffUserCommentsProfile__rows {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  text-align: left;
}

.ffUserCommentsProfile__row,
.ffUserCommentsStats__row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(195, 161, 93, .14);
  border-radius: 12px;
  color: rgba(238, 225, 183, .68);
  background: rgba(0, 0, 0, .18);
}

.ffUserCommentsProfile__row b,
.ffUserCommentsStats__row b {
  color: #f3df9d;
  text-align: right;
}

.ffUserCommentsProfile__row--pm b {
  color: #a8f27a;
}

.ffUserCommentsProfile__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.ffUserCommentsProfile__actions a,
.ffUserCommentsLinks a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(195, 161, 93, .32);
  border-radius: 12px;
  color: #21180b !important;
  background: linear-gradient(180deg, #e0bd66, #a98236);
  font-weight: 900;
  text-decoration: none;
}

.ffUserCommentsSideBox {
  padding: 16px;
}

.ffUserCommentsSideBox__title {
  margin-bottom: 10px;
  color: #f0d58a;
  font-size: 18px;
  font-weight: 900;
}

.ffUserCommentsLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ffUserCommentsStats {
  display: grid;
  gap: 8px;
}

@media (max-width: 980px) {
  .ffUserCommentsLayout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .ffUserCommentsHero {
    padding: 18px;
  }

  .ffUserCommentsTools__head,
  .ffUserCommentsPanel__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffUserCommentsTools__body {
    align-items: stretch;
    flex-direction: column;
  }

  .ffUserCommentsFilter {
    width: 100%;
  }

  .ffUserCommentsPanel__body {
    overflow-x: auto;
  }
}

@media (max-width: 520px) {
  .ffUserCommentsHero__stats {
    flex-direction: column;
  }

  .ffUserCommentsHero__stat {
    width: 100%;
  }

  .ffUserCommentsProfile__row,
  .ffUserCommentsStats__row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .ffUserCommentsProfile__row b,
  .ffUserCommentsStats__row b {
    text-align: left;
  }
}



.ffTechPage {
  min-height: 100vh;
  position: relative;
  display: grid;
  place-items: center;
  padding: 28px;
  overflow: hidden;
  color: #efe3ba;
  background:
    radial-gradient(circle at 20% 0%, rgba(168, 242, 122, .13), transparent 34%),
    radial-gradient(circle at 85% 15%, rgba(224, 189, 102, .12), transparent 32%),
    linear-gradient(135deg, #080b07, #1d170f 48%, #090c08);
}

.ffTechPage__scan {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(168, 242, 122, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 242, 122, .12) 1px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0, rgba(255,255,255,.025) 1px, transparent 1px, transparent 4px);
  background-size: 34px 34px, 34px 34px, auto;
}

.ffTechPage__scan:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, .2) 52%, rgba(0, 0, 0, .62) 100%);
}

.ffTechBox {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  display: grid;
  gap: 18px;
}

.ffTechHero,
.ffTechAdmin,
.ffTechFooter {
  border: 1px solid rgba(195, 161, 93, .25);
  border-radius: 22px;
  background:
    radial-gradient(circle at 20% 0%, rgba(168, 242, 122, .1), transparent 35%),
    linear-gradient(180deg, rgba(34, 29, 19, .96), rgba(14, 18, 12, .96));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.ffTechHero {
  padding: 30px;
  text-align: center;
}

.ffTechHero__status {
  display: inline-flex;
  width: fit-content;
  margin: 0 auto 14px;
  padding: 7px 12px;
  border: 1px solid rgba(168, 242, 122, .28);
  border-radius: 999px;
  color: #a8f27a;
  background: rgba(0, 0, 0, .3);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ffTechHero__code {
  width: 120px;
  height: 120px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  border: 1px solid rgba(168, 242, 122, .28);
  border-radius: 26px;
  color: #a8f27a;
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 242, 122, .18), transparent 55%),
    rgba(0, 0, 0, .3);
  font-size: 44px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-shadow: 0 0 18px rgba(168, 242, 122, .22);
}

.ffTechHero__title {
  max-width: 780px;
  margin: 0 auto;
  color: #f3df9d;
  font-size: clamp(30px, 5vw, 54px);
  line-height: 1.06;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .55);
}

.ffTechHero__lead {
  max-width: 720px;
  margin: 14px auto 0;
  color: rgba(238, 225, 183, .82);
  font-size: 16px;
  line-height: 1.7;
}

.ffTechMessage {
  max-width: 760px;
  margin: 20px auto 0;
  padding: 16px;
  border: 1px solid rgba(168, 242, 122, .22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(168, 242, 122, .09), transparent 34%),
    rgba(0, 0, 0, .22);
  text-align: left;
}

.ffTechMessage__title {
  margin-bottom: 8px;
  color: #a8f27a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffTechMessage__text {
  color: rgba(238, 225, 183, .84);
  line-height: 1.65;
}

.ffTechStats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.ffTechStats__item {
  min-width: 145px;
  padding: 11px 12px;
  border: 1px solid rgba(195, 161, 93, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
  text-align: left;
}

.ffTechStats__item span {
  display: block;
  margin-bottom: 4px;
  color: rgba(238, 225, 183, .6);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffTechStats__item b {
  color: #f0d58a;
  font-size: 16px;
}

.ffTechAdmin {
  overflow: hidden;
}

.ffTechAdmin__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 16px;
  border-bottom: 1px solid rgba(195, 161, 93, .16);
  background: rgba(0, 0, 0, .18);
}

.ffTechAdmin__head span {
  color: rgba(168, 242, 122, .78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffTechAdmin__head b {
  color: #f0d58a;
  font-size: 18px;
}

.ffTechAdmin__body {
  padding: 18px;
  color: rgba(238, 225, 183, .82);
}

.ffTechAdmin__body table {
  width: 100%;
  border-collapse: collapse;
}

.ffTechAdmin__body td,
.ffTechAdmin__body th {
  padding: 8px;
  color: rgba(238, 225, 183, .82);
}

.ffTechAdmin__body input[type="text"],
.ffTechAdmin__body input[type="password"],
.ffTechAdmin__body input[type="email"],
.ffTechAdmin__body select {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid rgba(195, 161, 93, .28);
  border-radius: 12px;
  color: #f3df9d;
  background: rgba(0, 0, 0, .32);
  outline: none;
}

.ffTechAdmin__body input[type="text"]:focus,
.ffTechAdmin__body input[type="password"]:focus,
.ffTechAdmin__body input[type="email"]:focus,
.ffTechAdmin__body select:focus {
  border-color: rgba(168, 242, 122, .45);
  box-shadow: 0 0 0 3px rgba(168, 242, 122, .08);
}

.ffTechAdmin__body input[type="submit"],
.ffTechAdmin__body input[type="button"],
.ffTechAdmin__body button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(168, 242, 122, .42);
  border-radius: 12px;
  color: #14200f !important;
  background: linear-gradient(180deg, #b8f07d, #6ea847);
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}

.ffTechAdmin__body a {
  color: #d8b45d;
  text-decoration: none;
  font-weight: 800;
}

.ffTechAdmin__body a:hover {
  color: #f0d58a;
}

.ffTechFooter {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 16px;
  color: rgba(238, 225, 183, .62);
  background: rgba(0, 0, 0, .28);
  font-size: 13px;
}

.ffTechFooter__name {
  color: #f0d58a;
  font-weight: 900;
}

.ffTechFooter__powered a {
  color: #d8b45d;
  text-decoration: none;
}

.ffTechFooter__powered a:hover {
  color: #f0d58a;
}

@media (max-width: 620px) {
  .ffTechPage {
    padding: 16px;
  }

  .ffTechHero {
    padding: 20px;
  }

  .ffTechStats {
    flex-direction: column;
  }

  .ffTechStats__item {
    width: 100%;
  }

  .ffTechAdmin__head,
  .ffTechFooter {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Final override: readable active state for left menu */
.ffBlock__links a.is-active,
.ffSideMenu__links a.is-active {
  color: #10130f !important;
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
  text-shadow: none !important;
}

.ffBlock__links a.is-active:hover,
.ffSideMenu__links a.is-active:hover {
  color: #10130f !important;
  background: linear-gradient(180deg, #ffe49a, #c8a04a) !important;
}

/* Disable old logo-only tooltip when global image tooltip is used */
.ffLogoBox a[data-ff-tip]::before,
.ffLogoBox a[data-ff-tip]::after {
  content: none !important;
  display: none !important;
}

/* Global tooltip for site images */
.ffGlobalTip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483647;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px 12px;
  border: 1px solid rgba(242, 210, 122, .28);
  border-radius: 10px;
  color: #f2d27a;
  font: 700 11px/1.35 Verdana, Arial, sans-serif;
  letter-spacing: .04em;
  text-align: center;
  white-space: normal;
  background: linear-gradient(180deg, rgba(22, 28, 16, .98), rgba(8, 10, 7, .98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.34);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(-9999px, -9999px, 0);
  transition: opacity .12s ease, visibility .12s ease;
}

.ffGlobalTip.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Right panel late polish */
.ffMiniProfile__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ffRightStatus {
  display: grid;
  gap: 8px;
}

.ffRightStatus__item {
  position: relative;
  padding: 10px 11px;
  border: 1px solid rgba(129, 110, 46, .26);
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(143, 207, 115, .08), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18)),
    rgba(12, 15, 10, .94);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 18px rgba(0,0,0,.20);
}

.ffRightStatus__item span {
  display: block;
  margin-bottom: 4px;
  color: #8d887b;
  font-size: 9px;
  font-weight: 700;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffMiniProfile__social {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  padding: 0 10px 10px;
}

.ffMiniProfile__social > * {
  min-width: 0;
}

.ffMiniProfile__social a,
.ffMiniProfile__social .socBtn,
.ffMiniProfile__social .login-btn,
.ffMiniProfile__social .uSocialBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(143, 207, 115, .20);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.18)),
    rgba(10, 13, 9, .92);
  color: #dcd5c4;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease;
  text-transform: uppercase;
}

.ffMiniProfile__social a:hover,
.ffMiniProfile__social .socBtn:hover,
.ffMiniProfile__social .login-btn:hover,
.ffMiniProfile__social .uSocialBtn:hover {
  transform: translateY(-1px);
  border-color: rgba(242, 210, 122, .34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.16)),
    rgba(36, 43, 24, .96);
  color: #f2d27a;
}

.ffRightStatus__item b {
  display: block;
  margin-bottom: 3px;
  color: #f2d27a;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant-ligatures: none;
  letter-spacing: .03em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ffRightStatus__item small {
  display: block;
  color: #9f9a8d;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-variant-ligatures: none;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.ffWhoOnline__list,
.ffBirthdays__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  color: #b7ae97;
  font-size: 11px;
  line-height: 1.45;
}

.ffWhoOnline__list {
  flex-wrap: nowrap !important;
  align-items: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important;
  scrollbar-width: thin;
}

.ffWhoOnline__list a,
.ffBirthdays__list a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  padding: 4px 9px;
  border: 1px solid rgba(143, 207, 115, .18);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18)),
    rgba(14, 17, 11, .92);
  color: #dcd5c4;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    transform .18s ease,
    border-color .18s ease,
    color .18s ease,
    background .18s ease;
}

.ffWhoOnline__list a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.ffWhoOnline__list a:hover,
.ffBirthdays__list a:hover {
  transform: translateY(-1px);
  border-color: rgba(242, 210, 122, .34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.16)),
    rgba(30, 36, 20, .96);
  color: #f2d27a;
}

.ffWastelandNow__grid div {
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.ffWastelandNow__grid div:hover {
  transform: translateY(-1px);
  border-color: rgba(143, 207, 115, .22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.10)),
    rgba(18, 22, 14, .90);
}

@media (max-width: 760px) {
  .ffMiniProfile__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ffMiniProfile__social {
    grid-template-columns: 1fr;
  }

  .ffWhoOnline__list,
  .ffBirthdays__list {
    gap: 6px;
  }

  .ffWhoOnline__list a,
  .ffBirthdays__list a {
    font-size: 10px;
  }
}

/* =========================================================
   Mini Chat Template Helpers
   ========================================================= */

.ffMiniChatAdd__notice {
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 10, 10, .34);
  color: #d8d0b5;
  font-size: 12px;
  line-height: 1.5;
}

.ffMiniChatAdd__field--full {
  grid-column: 1 / -1;
}

.ffMiniChatAdd__grid--secure {
  align-items: end;
}

.ffMiniChatAdd__captcha {
  min-width: 0;
}

.ffMiniChatAdd__captchaImage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(129, 110, 46, .38);
  border-radius: 10px;
  background: rgba(10, 10, 10, .30);
  box-shadow: inset 0 0 0 1px rgba(183, 224, 139, .04);
}

.ffMiniChatAdd__captchaImage img {
  display: block;
  max-width: 100%;
  height: auto;
}

.ffMiniChatAdd__message small b {
  color: #b7e08b;
  font-weight: 900;
}

.ffMiniChatAdd__tools--icons {
  gap: 8px;
  margin: 0 0 12px;
  padding-top: 0;
  border-top: 0;
}

.ffMiniChatAdd__toolIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  border: 1px solid rgba(128, 109, 45, .34);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.16)),
    rgba(13, 14, 14, .38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.18);
}

.ffMiniChatAdd__toolIcon img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.ffMiniChatAdd__toolIcon--rules span {
  color: #f0d887;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.ffMiniChatAdd__autoupdateBlock {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(113, 98, 44, .24);
  border-radius: 12px;
  background: rgba(10, 10, 10, .28);
}

.ffMiniChatAdd__autoupdateBlock > span {
  display: block;
  margin-bottom: 7px;
  color: #cdbf96;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.ffMiniChatAdd__autoupdateControl {
  min-width: 0;
}

.ffMiniChatAdd__autoupdateControl select,
.ffMiniChatAdd__autoupdateControl input[type="text"],
.ffMiniChatAdd__autoupdateControl input[type="number"] {
  width: 100%;
  max-width: 100%;
}

.ffMiniChatAdd__autoupdateControl input[type="checkbox"],
.ffMiniChatAdd__autoupdateControl input[type="radio"] {
  margin-right: 6px;
  accent-color: #b7e08b;
}

.ffMiniChatAdd__autoupdateControl label,
.ffMiniChatAdd__autoupdateControl span,
.ffMiniChatAdd__autoupdateControl div {
  color: #d8d0b5;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 560px) {
  .ffMiniChatAdd__field--full {
    grid-column: auto;
  }

  .ffMiniChatAdd__grid--secure {
    grid-template-columns: 1fr;
  }

  .ffMiniChatAdd__captchaImage {
    justify-content: flex-start;
  }

  .ffMiniChatAdd__tools--icons {
    gap: 6px;
  }

  .ffMiniChatAdd__toolIcon {
    width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .ffMiniChatAdd__toolIcon img {
    width: 20px;
    height: 20px;
  }
}

/* =========================================================
   Right Sidebar Mini Chat Compact Tuning
   ========================================================= */

.ffRightPanel .ffMiniChatPanel__head {
  padding: 10px 12px;
}

.ffRightPanel .ffMiniChatPanel__head span {
  margin-bottom: 3px;
  font-size: 9px;
  letter-spacing: .10em;
}

.ffRightPanel .ffMiniChatPanel__head b {
  font-size: 16px;
}

.ffRightPanel .ffMiniChatPanel__body {
  padding: 7px;
}

.ffRightPanel .ffMiniChatMsg {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 7px;
  padding: 8px;
  border-radius: 12px;
}

.ffRightPanel .ffMiniChatMsg__avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}

.ffRightPanel .ffMiniChatMsg__avatar span {
  max-width: 30px;
  font-size: 8px;
}

.ffRightPanel .ffMiniChatMsg__head {
  gap: 5px;
  margin-bottom: 6px;
  padding-bottom: 6px;
}

.ffRightPanel .ffMiniChatMsg__author {
  font-size: 11px;
}

.ffRightPanel .ffMiniChatMsg__meta {
  gap: 3px;
}

.ffRightPanel .ffMiniChatMsg__meta span {
  min-height: 17px;
  padding: 0 5px;
  font-size: 8px;
}

.ffRightPanel .ffMiniChatMsg__text {
  font-size: 11px;
  line-height: 1.45;
}

.ffRightPanel .ffMiniChatMsg__custom {
  margin-top: 7px;
  padding: 6px 7px;
}

.ffRightPanel .ffMiniChatMsg__custom span {
  font-size: 8px;
}

.ffRightPanel .ffMiniChatMsg__custom b {
  font-size: 11px;
}

.ffRightPanel .ffMiniChatMsg__foot {
  gap: 5px;
  margin-top: 8px;
}

.ffRightPanel .ffMiniChatMsg__foot a,
.ffRightPanel .ffMiniChatMsg__foot span {
  min-height: 22px;
  padding: 0 7px;
  font-size: 8px;
}

.ffRightPanel .ffMiniChatAdd__head {
  padding: 10px 12px !important;
}

.ffRightPanel .ffMiniChatAdd__head span {
  font-size: 9px !important;
  letter-spacing: .10em;
}

.ffRightPanel .ffMiniChatAdd__head h3 {
  font-size: 14px !important;
}

.ffRightPanel .ffMiniChatAdd__body {
  padding: 9px 10px !important;
}

.ffRightPanel .ffMiniChatAdd__field > span,
.ffRightPanel .ffMiniChatAdd__message > span,
.ffRightPanel .ffMiniChatAdd__autoupdateBlock > span {
  font-size: 9px;
}

.ffRightPanel .ffMiniChatAdd input[type="text"],
.ffRightPanel .ffMiniChatAdd input[type="email"],
.ffRightPanel .ffMiniChatAdd input[type="url"],
.ffRightPanel .ffMiniChatAdd select,
.ffRightPanel .ffMiniChatAdd textarea {
  font-size: 12px;
}

.ffRightPanel .ffMiniChatAdd textarea {
  min-height: 56px !important;
}

.ffRightPanel .ffMiniChatAdd__message small,
.ffRightPanel .ffMiniChatAdd__notice,
.ffRightPanel .ffMiniChatAdd__autoupdateControl label,
.ffRightPanel .ffMiniChatAdd__autoupdateControl span,
.ffRightPanel .ffMiniChatAdd__autoupdateControl div {
  font-size: 10px;
}

.ffRightPanel .ffMiniChatAdd__tools--icons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-bottom: 8px;
  align-items: stretch;
}

.ffRightPanel .ffMiniChatAdd__toolIcon {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 9px;
}

.ffRightPanel .ffMiniChatAdd__toolIcon img {
  width: 16px;
  height: 16px;
}

.ffRightPanel .ffMiniChatAdd__toolIcon--rules span {
  font-size: 14px;
}

.ffRightPanel .ffMiniChatAdd__autoupdateBlock {
  margin-bottom: 8px;
  padding: 7px 9px;
}

.ffRightPanel .ffMiniChatAdd__captchaImage {
  min-height: 32px;
  padding: 5px 7px;
}

.ffRightPanel .ffMiniChatAdd__buttons {
  margin-top: 8px;
}

.ffRightPanel .ffMiniChatAdd__submit,
.ffRightPanel .ffMiniChatAdd input[type="submit"],
.ffRightPanel .ffMiniChatAdd button,
.ffRightPanel .ffMiniChatAdd .button,
.ffRightPanel .ffMiniChatAdd .uButton {
  min-height: 32px !important;
  font-size: 9px !important;
  padding: 0 10px !important;
}

/* =========================================================
   Compact Poll Tuning for Right Sidebar
   ========================================================= */

.ffPollForm--compact,
.ffRightPanel .ffPollForm {
  border-radius: 16px;
}

.ffPollForm--compact .ffPollForm__head,
.ffRightPanel .ffPollForm__head {
  display: block;
  padding: 10px 11px !important;
}

.ffPollForm--compact .ffPollForm__status,
.ffRightPanel .ffPollForm__status {
  display: none !important;
}

.ffPollForm--compact .ffPollForm__head span,
.ffRightPanel .ffPollForm__head span {
  margin-bottom: 3px;
  font-size: 9px !important;
  letter-spacing: .10em !important;
}

.ffPollForm--compact .ffPollForm__head h3,
.ffRightPanel .ffPollForm__head h3 {
  margin-top: 3px;
  font-size: 14px !important;
  line-height: 1.15 !important;
}

.ffPollForm--compact .ffPollForm__body,
.ffRightPanel .ffPollForm__body {
  padding: 10px 9px 11px !important;
}

.ffPollForm--compact .ffPollForm__question,
.ffRightPanel .ffPollForm__question {
  margin-bottom: 9px;
  padding: 9px;
  border-radius: 12px;
}

.ffPollForm--compact .ffPollForm__question span,
.ffRightPanel .ffPollForm__question span {
  margin-bottom: 4px;
  font-size: 8px;
}

.ffPollForm--compact .ffPollForm__question h4,
.ffRightPanel .ffPollForm__question h4 {
  font-size: 12px !important;
  line-height: 1.32 !important;
}

.ffPollForm--compact .ffPollForm__answers,
.ffRightPanel .ffPollForm__answers {
  gap: 6px !important;
}

.ffPollForm--compact .ffPollForm__answers > div,
.ffPollForm--compact .ffPollForm__answers > p,
.ffPollForm--compact .ffPollForm__answers > li,
.ffPollForm--compact .ffPollForm__answers > label,
.ffPollForm--compact .ffPollForm__answers .pollAnswer,
.ffPollForm--compact .ffPollForm__answers .pollAns,
.ffRightPanel .ffPollForm__answers > div,
.ffRightPanel .ffPollForm__answers > p,
.ffRightPanel .ffPollForm__answers > li,
.ffRightPanel .ffPollForm__answers > label,
.ffRightPanel .ffPollForm__answers .pollAnswer,
.ffRightPanel .ffPollForm__answers .pollAns {
  min-height: 34px !important;
  padding: 6px 8px !important;
  gap: 7px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  line-height: 1.24 !important;
}

.ffPollForm--compact .ffPollForm__answers input[type="radio"],
.ffPollForm--compact .ffPollForm__answers input[type="checkbox"],
.ffRightPanel .ffPollForm__answers input[type="radio"],
.ffRightPanel .ffPollForm__answers input[type="checkbox"] {
  flex: 0 0 12px !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
}

.ffPollForm--compact .ffPollForm__answers > div label,
.ffPollForm--compact .ffPollForm__answers > div span,
.ffPollForm--compact .ffPollForm__answers > div font,
.ffPollForm--compact .ffPollForm__answers > div b,
.ffPollForm--compact .ffPollForm__answers > p label,
.ffPollForm--compact .ffPollForm__answers > p span,
.ffPollForm--compact .ffPollForm__answers > p font,
.ffPollForm--compact .ffPollForm__answers > p b,
.ffPollForm--compact .ffPollForm__answers > li label,
.ffPollForm--compact .ffPollForm__answers > li span,
.ffPollForm--compact .ffPollForm__answers > li font,
.ffPollForm--compact .ffPollForm__answers > li b,
.ffPollForm--compact .ffPollForm__answers > label span,
.ffPollForm--compact .ffPollForm__answers > label font,
.ffPollForm--compact .ffPollForm__answers > label b,
.ffRightPanel .ffPollForm__answers > div label,
.ffRightPanel .ffPollForm__answers > div span,
.ffRightPanel .ffPollForm__answers > div font,
.ffRightPanel .ffPollForm__answers > div b,
.ffRightPanel .ffPollForm__answers > p label,
.ffRightPanel .ffPollForm__answers > p span,
.ffRightPanel .ffPollForm__answers > p font,
.ffRightPanel .ffPollForm__answers > p b,
.ffRightPanel .ffPollForm__answers > li label,
.ffRightPanel .ffPollForm__answers > li span,
.ffRightPanel .ffPollForm__answers > li font,
.ffRightPanel .ffPollForm__answers > li b,
.ffRightPanel .ffPollForm__answers > label span,
.ffRightPanel .ffPollForm__answers > label font,
.ffRightPanel .ffPollForm__answers > label b {
  font-size: 11px !important;
  line-height: 1.24 !important;
}

.ffPollForm--compact .ffPollForm__answers table,
.ffRightPanel .ffPollForm__answers table {
  border-spacing: 0 6px !important;
}

.ffPollForm--compact .ffPollForm__answers td:first-child,
.ffRightPanel .ffPollForm__answers td:first-child {
  width: 18px !important;
  padding-right: 6px !important;
}

.ffPollForm--compact .ffPollForm__answers td:last-child,
.ffRightPanel .ffPollForm__answers td:last-child {
  padding: 6px 8px !important;
  border-radius: 11px !important;
}

.ffPollForm--compact .ffPollForm__answers td:last-child label,
.ffPollForm--compact .ffPollForm__answers td:last-child span,
.ffPollForm--compact .ffPollForm__answers td:last-child font,
.ffPollForm--compact .ffPollForm__answers td:last-child b,
.ffRightPanel .ffPollForm__answers td:last-child label,
.ffRightPanel .ffPollForm__answers td:last-child span,
.ffRightPanel .ffPollForm__answers td:last-child font,
.ffRightPanel .ffPollForm__answers td:last-child b {
  font-size: 11px !important;
  line-height: 1.24 !important;
}

.ffPollForm--compact .ffPollForm input[type="submit"],
.ffPollForm--compact .ffPollForm button,
.ffPollForm--compact .ffPollForm .button,
.ffPollForm--compact .ffPollForm .uButton,
.ffPollForm--compact input[type="submit"],
.ffPollForm--compact button,
.ffRightPanel .ffPollForm input[type="submit"],
.ffRightPanel .ffPollForm button,
.ffRightPanel .ffPollForm .button,
.ffRightPanel .ffPollForm .uButton {
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  letter-spacing: .06em !important;
}

.ffPollForm--compact .ffPollForm__footer,
.ffRightPanel .ffPollForm__footer {
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
}

.ffPollForm--compact .ffPollForm__votes,
.ffRightPanel .ffPollForm__votes {
  padding: 8px 9px;
  border-radius: 10px;
}

.ffPollForm--compact .ffPollForm__votes span,
.ffRightPanel .ffPollForm__votes span {
  font-size: 8px;
  margin-bottom: 2px;
}

.ffPollForm--compact .ffPollForm__votes b,
.ffRightPanel .ffPollForm__votes b {
  font-size: 12px;
}

.ffPollForm--compact .ffPollForm__links,
.ffRightPanel .ffPollForm__links {
  gap: 6px;
}

.ffPollForm--compact .ffPollForm__links a,
.ffPollForm--compact a[href*="poll"],
.ffPollForm--compact a[href*="stuff"],
.ffPollForm--compact a[href*="load"],
.ffRightPanel .ffPollForm__links a,
.ffRightPanel .ffPollForm a[href*="poll"],
.ffRightPanel .ffPollForm a[href*="stuff"],
.ffRightPanel .ffPollForm a[href*="load"] {
  min-height: 28px;
  padding: 0 9px;
  font-size: 9px;
}

/* Final polish: denser terminal-like poll rows in sidebar */
.ffPollForm--compact .ffPollForm__question,
.ffRightPanel .ffPollForm__question {
  padding: 8px;
  border-radius: 10px;
}

.ffPollForm--compact .ffPollForm__question h4,
.ffRightPanel .ffPollForm__question h4 {
  font-size: 11px !important;
  line-height: 1.28 !important;
}

.ffPollForm--compact .ffPollForm__answers,
.ffRightPanel .ffPollForm__answers {
  gap: 5px !important;
}

.ffPollForm--compact .ffPollForm__answers > div,
.ffPollForm--compact .ffPollForm__answers > p,
.ffPollForm--compact .ffPollForm__answers > li,
.ffPollForm--compact .ffPollForm__answers > label,
.ffPollForm--compact .ffPollForm__answers .pollAnswer,
.ffPollForm--compact .ffPollForm__answers .pollAns,
.ffRightPanel .ffPollForm__answers > div,
.ffRightPanel .ffPollForm__answers > p,
.ffRightPanel .ffPollForm__answers > li,
.ffRightPanel .ffPollForm__answers > label,
.ffRightPanel .ffPollForm__answers .pollAnswer,
.ffRightPanel .ffPollForm__answers .pollAns {
  min-height: 30px !important;
  padding: 5px 7px !important;
  gap: 6px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(98, 123, 50, .10), transparent 28%),
    rgba(10, 10, 10, .36) !important;
}

.ffPollForm--compact .ffPollForm__answers > div label,
.ffPollForm--compact .ffPollForm__answers > div span,
.ffPollForm--compact .ffPollForm__answers > div font,
.ffPollForm--compact .ffPollForm__answers > div b,
.ffPollForm--compact .ffPollForm__answers > p label,
.ffPollForm--compact .ffPollForm__answers > p span,
.ffPollForm--compact .ffPollForm__answers > p font,
.ffPollForm--compact .ffPollForm__answers > p b,
.ffPollForm--compact .ffPollForm__answers > li label,
.ffPollForm--compact .ffPollForm__answers > li span,
.ffPollForm--compact .ffPollForm__answers > li font,
.ffPollForm--compact .ffPollForm__answers > li b,
.ffPollForm--compact .ffPollForm__answers > label span,
.ffPollForm--compact .ffPollForm__answers > label font,
.ffPollForm--compact .ffPollForm__answers > label b,
.ffRightPanel .ffPollForm__answers > div label,
.ffRightPanel .ffPollForm__answers > div span,
.ffRightPanel .ffPollForm__answers > div font,
.ffRightPanel .ffPollForm__answers > div b,
.ffRightPanel .ffPollForm__answers > p label,
.ffRightPanel .ffPollForm__answers > p span,
.ffRightPanel .ffPollForm__answers > p font,
.ffRightPanel .ffPollForm__answers > p b,
.ffRightPanel .ffPollForm__answers > li label,
.ffRightPanel .ffPollForm__answers > li span,
.ffRightPanel .ffPollForm__answers > li font,
.ffRightPanel .ffPollForm__answers > li b,
.ffRightPanel .ffPollForm__answers > label span,
.ffRightPanel .ffPollForm__answers > label font,
.ffRightPanel .ffPollForm__answers > label b {
  font-size: 10px !important;
  line-height: 1.18 !important;
}

.ffPollForm--compact .ffPollForm__answers input[type="radio"],
.ffPollForm--compact .ffPollForm__answers input[type="checkbox"],
.ffRightPanel .ffPollForm__answers input[type="radio"],
.ffRightPanel .ffPollForm__answers input[type="checkbox"] {
  flex: 0 0 11px !important;
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  max-width: 11px !important;
}

.ffPollForm--compact .ffPollForm__answers table,
.ffRightPanel .ffPollForm__answers table {
  border-spacing: 0 5px !important;
}

.ffPollForm--compact .ffPollForm__answers td:first-child,
.ffRightPanel .ffPollForm__answers td:first-child {
  width: 16px !important;
  padding-right: 5px !important;
}

.ffPollForm--compact .ffPollForm__answers td:last-child,
.ffRightPanel .ffPollForm__answers td:last-child {
  padding: 5px 7px !important;
  border-radius: 10px !important;
}

.ffPollForm--compact .ffPollForm input[type="submit"],
.ffPollForm--compact .ffPollForm button,
.ffPollForm--compact .ffPollForm .button,
.ffPollForm--compact .ffPollForm .uButton,
.ffPollForm--compact input[type="submit"],
.ffPollForm--compact button,
.ffRightPanel .ffPollForm input[type="submit"],
.ffRightPanel .ffPollForm button,
.ffRightPanel .ffPollForm .button,
.ffRightPanel .ffPollForm .uButton {
  min-height: 32px !important;
  font-size: 9px !important;
}

.ffPollForm--compact .ffPollForm__votes,
.ffRightPanel .ffPollForm__votes {
  padding: 7px 8px;
}

.ffPollForm--compact .ffPollForm__links a,
.ffPollForm--compact a[href*="poll"],
.ffPollForm--compact a[href*="stuff"],
.ffPollForm--compact a[href*="load"],
.ffRightPanel .ffPollForm__links a,
.ffRightPanel .ffPollForm a[href*="poll"],
.ffRightPanel .ffPollForm a[href*="stuff"],
.ffRightPanel .ffPollForm a[href*="load"] {
  min-height: 26px;
  font-size: 8px;
}

/* =========================================================
   Left Sidebar Menu Compact Tuning
   ========================================================= */

.ffSideMenu .ffBlock__title {
  padding: 10px 12px;
}

.ffSideMenu .ffBlock__body {
  padding: 8px;
}

.ffSideMenu .ffBlock__links,
.ffSideMenu .ffSideMenu__links {
  gap: 5px;
}

.ffSideMenu .ffBlock__links a,
.ffSideMenu .ffSideMenu__links a {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 8px 6px 14px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  line-height: 1.22 !important;
  letter-spacing: .01em;
}

.ffSideMenu .ffBlock__links a::before,
.ffSideMenu .ffSideMenu__links a::before {
  left: 6px;
  width: 2px;
  height: 12px;
}

.ffSideMenu .ffBlock__links a:hover,
.ffSideMenu .ffSideMenu__links a:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 10px rgba(143,207,115,.08) !important;
}

.ffSideMenu .ffBlock__links a.is-active,
.ffSideMenu .ffSideMenu__links a.is-active {
  min-height: 32px;
  font-size: 10px !important;
}

/* Homepage final tuning */
.ffHome {
  gap: 16px;
}

.ffHome .ffHero {
  padding: 22px 20px !important;
  border-color: rgba(242, 210, 122, .24) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(143, 207, 115, .18), transparent 250px),
    radial-gradient(circle at 8% 100%, rgba(190, 126, 58, .16), transparent 270px),
    linear-gradient(135deg, rgba(19, 24, 15, .98) 0%, rgba(10, 12, 9, .98) 58%, rgba(15, 19, 13, .96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 16px 34px rgba(0,0,0,.30) !important;
}

.ffHome .ffHero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .07;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%),
    linear-gradient(transparent 0, transparent 12px, rgba(242,210,122,.05) 12px, rgba(242,210,122,.05) 13px);
  background-size: auto, 100% 14px;
}

.ffHome .ffHero__eyebrow {
  align-items: center;
  justify-content: center;
  min-height: 26px;
  margin-bottom: 10px;
  padding: 0 10px !important;
  border-color: rgba(143, 207, 115, .30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.18)),
    rgba(10, 13, 9, .82) !important;
  color: #c7e8ad !important;
  line-height: 1;
  letter-spacing: .16em;
}

.ffHome .ffHero h1 {
  max-width: 860px;
  margin: 0 0 10px;
  font-size: 29px !important;
  line-height: 1.1;
  letter-spacing: .01em;
  text-shadow: 0 2px 14px rgba(0,0,0,.42);
}

.ffHome .ffHero p {
  max-width: 820px;
  margin: 0;
  color: #d8d0bd;
  font-size: 13px;
  line-height: 1.55;
}

.ffHome .ffHero__actions {
  gap: 8px;
  margin-top: 14px;
}

.ffHome .ffHero__actions a {
  min-height: 34px;
  padding: 0 12px !important;
  border-color: rgba(242, 210, 122, .24) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.24)),
    linear-gradient(90deg, rgba(143,207,115,.09), rgba(184,121,59,.08)),
    #171c12 !important;
  color: #efd485 !important;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ffHome .ffHero__actions a:first-child {
  border-color: rgba(242, 210, 122, .68) !important;
  background: linear-gradient(180deg, #f3d784, #c9a54c) !important;
  color: #10130f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,250,220,.44),
    0 8px 18px rgba(0,0,0,.24) !important;
}

.ffHome .ffHero__actions a:first-child:hover {
  background: linear-gradient(180deg, #f7e096, #d2af56) !important;
  color: #10130f !important;
}

.ffHome .ffHero__actions a:not(:first-child):hover {
  border-color: rgba(143, 207, 115, .42) !important;
  background:
    linear-gradient(180deg, rgba(143,207,115,.14), rgba(0,0,0,.16)),
    #1a2014 !important;
  color: #b9e89c !important;
}

.ffHome .ffBroadcast {
  padding: 13px 15px !important;
  border-radius: 14px !important;
  border-color: rgba(143, 207, 115, .18) !important;
  background:
    linear-gradient(90deg, rgba(143,207,115,.12), rgba(242,210,122,.04) 42%, rgba(0,0,0,.06) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.20)),
    #11150d !important;
  box-shadow:
    inset 4px 0 0 rgba(143,207,115,.24),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.22) !important;
}

.ffHome .ffBroadcast__title {
  margin-bottom: 5px;
  font-size: 11px;
  letter-spacing: .16em;
}

.ffHome .ffBroadcast p {
  max-width: 900px;
  color: #d7ceb8;
  font-size: 12px;
  line-height: 1.5;
}

.ffHome .ffVaultDivider {
  margin: 0;
}

.ffHome .ffVaultDivider span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 12px !important;
  border-color: rgba(242, 210, 122, .22) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.14)),
    rgba(11, 13, 10, .52) !important;
  color: #c9c0a8;
  letter-spacing: .15em;
  line-height: 1.1;
}

.ffHome .ffSeriesBlock {
  margin: 0 !important;
  border-color: rgba(242, 210, 122, .20) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top left, rgba(143, 207, 115, .13), transparent 260px),
    radial-gradient(circle at bottom right, rgba(190,126,58,.10), transparent 240px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18)),
    #090b08 !important;
}

.ffHome .ffSeriesBlock__head {
  padding: 12px 14px !important;
  background:
    linear-gradient(90deg, rgba(20, 25, 16, .96), rgba(27, 32, 20, .92) 58%, rgba(71, 53, 24, .24)) !important;
  text-align: left;
}

.ffHome .ffSeriesBlock__head span {
  margin-bottom: 4px;
  letter-spacing: .18em;
}

.ffHome .ffSeriesBlock__head h2 {
  font-size: 19px;
  letter-spacing: .03em;
}

.ffHome .ffSeriesBlock__grid {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  padding: 12px;
}

.ffHome .ffSeriesCard {
  min-height: 114px;
  grid-template-rows: 66px auto;
  padding: 10px 7px 8px;
  border-color: rgba(242, 210, 122, .16) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.24)),
    linear-gradient(180deg, rgba(24,30,18,.98), rgba(13,16,11,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.ffHome .ffSeriesCard:hover {
  transform: translateY(-3px);
  border-color: rgba(143, 207, 115, .40) !important;
  background:
    linear-gradient(180deg, rgba(143,207,115,.14), rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(24,30,18,.98), rgba(13,16,11,.98)) !important;
}

.ffHome .ffSeriesCard__image {
  width: 66px;
  height: 60px;
}

.ffHome .ffSeriesCard__image img {
  max-width: 64px;
  max-height: 58px;
  transition: transform .18s ease, filter .18s ease;
}

.ffHome .ffSeriesCard:hover .ffSeriesCard__image img {
  transform: translateY(-2px) scale(1.03);
}

.ffHome .ffSeriesCard__title {
  min-height: 28px;
  font-size: 9px;
  line-height: 1.2;
  letter-spacing: .025em;
}

.ffHome .ffSection {
  padding: 14px 14px 4px !important;
  border-color: rgba(242, 210, 122, .16) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top left, rgba(143,207,115,.05), transparent 260px),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.16)),
    rgba(8, 10, 7, .24) !important;
}

.ffHome .ffSection__title {
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1.2;
}

.ffHome .ffInformerLine {
  padding: 8px 0;
}

.ffHome .ffInformerLine:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ffHome .ffInformerLine--cards,
.ffHome .ffInformerLine:has(.ffSoftInfItem),
.ffHome .ffInformerLine:has(.ffServerInfItem),
.ffHome .ffInformerLine:has(.ffInfCard) {
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.ffHome .ffInformerLine .ffSoftInfItem,
.ffHome .ffInformerLine .ffServerInfItem,
.ffHome .ffInformerLine .ffInfCard {
  border-radius: 14px !important;
}

@media (max-width: 760px) {
  .ffHome {
    gap: 14px;
  }

  .ffHome .ffHero {
    padding: 16px 14px !important;
  }

  .ffHome .ffHero h1 {
    font-size: 23px !important;
  }

  .ffHome .ffHero p {
    font-size: 12px;
    line-height: 1.5;
  }

  .ffHome .ffHero__actions a {
    flex: 1 1 100%;
    min-height: 32px;
  }

  .ffHome .ffBroadcast {
    padding: 12px 12px 12px 14px !important;
  }

  .ffHome .ffSeriesBlock__head {
    padding: 12px !important;
    text-align: center;
  }

  .ffHome .ffSeriesBlock__head h2 {
    font-size: 16px;
  }

  .ffHome .ffSeriesBlock__grid {
    grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
    gap: 8px;
    padding: 10px;
  }

  .ffHome .ffSeriesCard {
    min-height: 102px;
    grid-template-rows: 58px auto;
    padding: 8px 5px 7px;
  }

  .ffHome .ffSeriesCard__image {
    width: 56px;
    height: 50px;
  }

  .ffHome .ffSeriesCard__image img {
    max-width: 54px;
    max-height: 48px;
  }

  .ffHome .ffSection {
    padding: 12px 12px 2px !important;
  }

  .ffHome .ffSection__title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}

/* SVG menu active state */
.ffSvgCard.is-active {
  border-color: rgba(242, 210, 122, .72) !important;
  background:
    linear-gradient(180deg, #f2d98a, #c8a24a) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,250,220,.44),
    0 8px 18px rgba(0,0,0,.22) !important;
  transform: translateY(0);
}

.ffSvgCard.is-active::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.50), transparent);
}

.ffSvgCard.is-active svg {
  stroke: #171a13 !important;
  filter: drop-shadow(0 1px 2px rgba(255,245,210,.20));
}

.ffSvgCard.is-active span {
  color: #171a13 !important;
  text-shadow: none;
}

.ffSvgCard.is-active:hover {
  border-color: rgba(242, 210, 122, .82) !important;
  background:
    linear-gradient(180deg, #f6e19b, #d0ac52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,250,220,.54),
    0 10px 20px rgba(0,0,0,.24) !important;
}

.ffSvgCard.is-active:hover svg,
.ffSvgCard.is-active:hover span {
  color: #171a13 !important;
  stroke: #171a13 !important;
}

/* Top nav final source of truth */
.ffTopNav__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding-inline: 14px;
  gap: 8px !important;
}

.ffTopNav__link::before {
  content: none !important;
}

.ffTopNav__link::after {
  content: "";
  order: -1;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 !important;
  flex: 0 0 15px;
  vertical-align: middle;
  background-color: currentColor;
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(242, 210, 122, .16));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 15px 15px;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 15px 15px;
}

.ffTopNav__link[href="/"]::after,
.ffTopNav__link[href="/index.html"]::after,
.ffTopNav__link[href="$HOME_PAGE_LINK$"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.4' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='1.2' fill='black'/%3E%3Cpath d='M8 2.9v2.2M8 10.9v2.2M2.9 8h2.2M10.9 8h2.2M4.45 4.45l1.5 1.5M10.05 10.05l1.5 1.5' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.4' fill='none' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='1.2' fill='black'/%3E%3Cpath d='M8 2.9v2.2M8 10.9v2.2M2.9 8h2.2M10.9 8h2.2M4.45 4.45l1.5 1.5M10.05 10.05l1.5 1.5' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/forum"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.2h9.6a1 1 0 0 1 1 1v5.9a1 1 0 0 1-1 1H8l-2.9 2v-2H3.2a1 1 0 0 1-1-1V4.2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.2h9.6a1 1 0 0 1 1 1v5.9a1 1 0 0 1-1 1H8l-2.9 2v-2H3.2a1 1 0 0 1-1-1V4.2a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/soft"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9.95 1.9a1.8 1.8 0 1 1 2.55 2.55l-.62.62 1.2 1.2a1 1 0 0 1 0 1.42l-4.82 4.82a1 1 0 0 1-.7.29H3.4a1 1 0 0 1-1-1v-4.16c0-.26.1-.52.29-.7l4.82-4.82a1 1 0 0 1 1.42 0l1.02 1.02.62-.62Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M9.95 1.9a1.8 1.8 0 1 1 2.55 2.55l-.62.62 1.2 1.2a1 1 0 0 1 0 1.42l-4.82 4.82a1 1 0 0 1-.7.29H3.4a1 1 0 0 1-1-1v-4.16c0-.26.1-.52.29-.7l4.82-4.82a1 1 0 0 1 1.42 0l1.02 1.02.62-.62Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/encyclopedia"]::after,
.ffTopNav__link[href="/fallout"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 2.2h7.1A1.7 1.7 0 0 1 12.8 4v8.6H5.6A2.4 2.4 0 0 0 4 13.2V2.2Zm1.6 1.6v7.1c.27-.1.55-.15.85-.15h4.8V4a.1.1 0 0 0-.1-.1H5.6Zm-1.8 0v8.8c0 .38.32.7.7.7.39 0 .7-.32.7-.7V3.8h-1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 2.2h7.1A1.7 1.7 0 0 1 12.8 4v8.6H5.6A2.4 2.4 0 0 0 4 13.2V2.2Zm1.6 1.6v7.1c.27-.1.55-.15.85-.15h4.8V4a.1.1 0 0 0-.1-.1H5.6Zm-1.8 0v8.8c0 .38.32.7.7.7.39 0 .7-.32.7-.7V3.8h-1.4Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/games_fallout"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 2.1 13.4 4v3.5c0 3.15-2.14 5.77-5.4 6.4-3.26-.63-5.4-3.25-5.4-6.4V4L8 2.1Zm0 1.6L4.2 5v2.5c0 2.28 1.44 4.15 3.8 4.83 2.36-.68 3.8-2.55 3.8-4.83V5L8 3.7Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 2.1 13.4 4v3.5c0 3.15-2.14 5.77-5.4 6.4-3.26-.63-5.4-3.25-5.4-6.4V4L8 2.1Zm0 1.6L4.2 5v2.5c0 2.28 1.44 4.15 3.8 4.83 2.36-.68 3.8-2.55 3.8-4.83V5L8 3.7Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/musicfallout"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10.8 3.1v6.2a2 2 0 1 1-1.3-1.88V5.2L6.2 6v4a2 2 0 1 1-1.3-1.88V4.9c0-.3.2-.57.49-.65l4.76-1.35a.53.53 0 0 1 .66.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10.8 3.1v6.2a2 2 0 1 1-1.3-1.88V5.2L6.2 6v4a2 2 0 1 1-1.3-1.88V4.9c0-.3.2-.57.49-.65l4.76-1.35a.53.53 0 0 1 .66.5Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/video"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.8h9.6c.55 0 1 .45 1 1v6.4c0 .55-.45 1-1 1H3.2c-.55 0-1-.45-1-1V4.8c0-.55.45-1 1-1Zm3.2 2.2v4l3.5-2-3.5-2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.8h9.6c.55 0 1 .45 1 1v6.4c0 .55-.45 1-1 1H3.2c-.55 0-1-.45-1-1V4.8c0-.55.45-1 1-1Zm3.2 2.2v4l3.5-2-3.5-2Z'/%3E%3C/svg%3E");
}

.ffTopNav__link[href="/background_fallout"]::after {
  opacity: .96;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.2h9.6a1 1 0 0 1 1 1v7.6a1 1 0 0 1-1 1H3.2a1 1 0 0 1-1-1V4.2a1 1 0 0 1 1-1Zm1.3 7.9h7l-2.1-2.5-1.8 1.8-1.2-1.3-1.9 2Zm1.3-5.8a1.3 1.3 0 1 0 0 2.6 1.3 1.3 0 0 0 0-2.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 3.2h9.6a1 1 0 0 1 1 1v7.6a1 1 0 0 1-1 1H3.2a1 1 0 0 1-1-1V4.2a1 1 0 0 1 1-1Zm1.3 7.9h7l-2.1-2.5-1.8 1.8-1.2-1.3-1.9 2Zm1.3-5.8a1.3 1.3 0 1 0 0 2.6 1.3 1.3 0 0 0 0-2.6Z'/%3E%3C/svg%3E");
}

.ffTopNav__link--home,
.ffTopNav__link--radio {
  color: inherit !important;
  border-color: inherit !important;
}

.ffTopNav__link--radio::after {
  content: none !important;
  display: none !important;
}

.ffTopNav__link--radio {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

.ffTopNav__icon {
  display: inline-flex;
  color: currentColor !important;
  font-size: 14px;
  line-height: 1;
  transform: translateY(-0.5px);
  opacity: .98;
  text-shadow:
    0 0 8px rgba(242, 210, 122, .36),
    0 1px 2px rgba(0, 0, 0, .85);
}

.ffTopNav__link:hover::after,
.ffTopNav__link:hover .ffTopNav__icon {
  opacity: 1;
}

.ffTopNav__link.is-active,
.ffTopNav__link[href="/"].is-active,
.ffTopNav__link[href="/index.html"].is-active,
.ffTopNav__link[href="$HOME_PAGE_LINK$"].is-active {
  color: #10130f !important;
  border-color: rgba(242, 210, 122, .65) !important;
  background: #d9bc68 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    0 0 14px rgba(242, 210, 122, .18) !important;
  text-shadow: none !important;
}

.ffTopNav__link.is-active .ffTopNav__icon {
  color: #10130f !important;
  text-shadow: none !important;
}

.ffTopNav__link.is-active::after {
  opacity: 1;
  filter: none;
}

@media (max-width: 760px) {
  .ffTopNav__link {
    min-height: 34px;
    padding-inline: 12px;
    gap: 7px !important;
  }

  .ffTopNav__link::after {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }

  .ffTopNav__icon {
    font-size: 13px;
  }
}

/* =========================================================
 FalloutFanatics — оформление текстовых SEO-статей
 Карта статьи + русская нумерация разделов
 ========================================================= */

.ffArticleText {
  display: grid;
  gap: 16px;
  counter-reset: ffArticleSection;
}

.ffArticleMap {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(242, 210, 122, .20);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(242, 210, 122, .09), transparent 210px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    rgba(0,0,0,.18);
}

.ffArticleMap__title {
  display: block;
  margin: 0;
  color: var(--ff-title);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1.35;
  text-transform: none;
}

.ffArticleMap__title,
.ffArticleMap__title span,
.ffArticleMap__title b,
.ffArticleMap__title strong,
.ffArticleMap__title small {
  color: inherit !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

.ffArticleMap__title span,
.ffArticleMap__title b,
.ffArticleMap__title strong,
.ffArticleMap__title small {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ffArticleMap__title::before {
  content: none;
  display: none;
}

.ffArticleMap__list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ffArticleMap;
}

.ffArticleMap__list li {
  margin: 0;
}

.ffArticleMap__list a {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.13)),
    rgba(0,0,0,.16);
  color: #ddd5c3;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
}

.ffArticleMap__list a::before {
  counter-increment: ffArticleMap;
  content: counter(ffArticleMap, decimal-leading-zero) ".";
  display: inline-flex;
  align-items: center;
  min-width: 26px;
  color: var(--ff-title);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffArticleMap__list a:hover {
  color: var(--ff-title-2);
  border-color: rgba(242, 210, 122, .24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.12)),
    rgba(28, 22, 12, .22);
}

.ffArticleText h1 {
  margin: 0;
  color: var(--ff-title-2);
  font-size: 28px;
  line-height: 1.25;
}

.ffArticleText h2 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0 0;
  color: var(--ff-title);
  font-size: 22px;
  line-height: 1.28;
  counter-increment: ffArticleSection;
  counter-reset: ffArticleSubsection;
}

.ffArticleText h2::before {
  content: counter(ffArticleSection, decimal-leading-zero) ".";
  flex: 0 0 auto;
  min-width: 34px;
  margin-top: 1px;
  color: var(--ff-green-soft);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  line-height: 1.6;
}

.ffArticleText h3 {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 0;
  color: var(--ff-green-soft);
  font-size: 16px;
  line-height: 1.35;
  counter-increment: ffArticleSubsection;
}

.ffArticleText h3::before {
  content: counter(ffArticleSection) "." counter(ffArticleSubsection);
  flex: 0 0 auto;
  min-width: 34px;
  margin-top: 1px;
  color: var(--ff-title);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.65;
}

.ffArticleText p {
  margin: 0;
  color: #dcd5c4;
  font-size: 13px;
  line-height: 1.75;
}

.ffArticleText strong {
  color: var(--ff-title-2);
}

.ffArticleText__lead {
  padding: 14px 16px;
  border: 1px solid rgba(143, 207, 115, .26);
  border-radius: 15px;
  background:
    radial-gradient(circle at top left, rgba(143, 207, 115, .12), transparent 210px),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.18)),
    rgba(0,0,0,.18);
  color: #e1dbc9;
  font-size: 14px;
  line-height: 1.75;
}

.ffArticleText__note {
  padding: 13px 15px;
  border: 1px solid rgba(242, 210, 122, .22);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(242, 210, 122, .08), transparent 170px),
    rgba(0,0,0,.18);
}

.ffArticleText__list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ffArticleText__list li {
  position: relative;
  padding: 9px 11px 9px 32px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.13)),
    rgba(0,0,0,.18);
  color: #dcd5c4;
  font-size: 13px;
  line-height: 1.45;
}

.ffArticleText__list li::before {
  content: "☢";
  position: absolute;
  left: 11px;
  top: 9px;
  color: var(--ff-green-soft);
  font-size: 12px;
}

.ffArticleText__steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ffArticleStep;
}

.ffArticleText__steps li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid rgba(242, 210, 122, .15);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.14)),
    rgba(0,0,0,.18);
  color: #dcd5c4;
  font-size: 13px;
  line-height: 1.5;
}

.ffArticleText__steps li::before {
  counter-increment: ffArticleStep;
  content: counter(ffArticleStep) ".";
  color: var(--ff-title);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ffArticleFaq {
  display: grid;
  gap: 10px;
}

.ffArticleFaq__item {
  padding: 13px 15px;
  border: 1px solid rgba(242, 210, 122, .17);
  border-radius: 15px;
  background:
    radial-gradient(circle at top left, rgba(143, 207, 115, .08), transparent 170px),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.14)),
    rgba(0,0,0,.16);
}

.ffArticleFaq__item h3 {
  margin-bottom: 7px;
}

.ffArticleFaq__item p {
  margin: 0;
}

.ffArticleText__image {
  padding: 14px;
  border: 1px solid rgba(242, 210, 122, .18);
  border-radius: 16px;
  background:
    radial-gradient(circle at center, rgba(143, 207, 115, .10), transparent 220px),
    rgba(0,0,0,.22);
  text-align: center;
}

.ffArticleText__image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.ffArticleText__caption {
  margin-top: 10px;
  color: var(--ff-muted);
  font-size: 11px;
  line-height: 1.55;
}

@media (max-width: 560px) {
  .ffArticleText {
    gap: 14px;
  }

  .ffArticleMap,
  .ffArticleText__lead,
  .ffArticleText__note,
  .ffArticleFaq__item,
  .ffArticleText__image {
    padding: 12px;
  }

  .ffArticleText h1 {
    font-size: 23px;
  }

  .ffArticleText h2 {
    gap: 8px;
    font-size: 19px;
  }

  .ffArticleText h2::before,
  .ffArticleText h3::before {
    min-width: 28px;
  }

  .ffArticleMap__list a,
  .ffArticleText__steps li {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

/* Final fix: vault divider badge vertical centering */
.ffVaultDivider span,
.ffHome .ffVaultDivider span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  line-height: 1 !important;
  white-space: nowrap;
  vertical-align: middle;
}

.ffVaultDivider span::before,
.ffHome .ffVaultDivider span::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  line-height: 1 !important;
  transform: translateY(0.5px);
}

/* Final typography tuning: cleaner Pip-Boy terminal */
.ffHome .ffHero h1 {
  max-width: 700px !important;
  margin: 0 0 12px !important;
  font-family: Bahnschrift, "Segoe UI", Verdana, Arial, sans-serif !important;
  font-size: clamp(23px, 2.75vw, 27px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.42),
    0 0 14px rgba(242,210,122,.05);
  text-wrap: balance;
}

.ffHeaderTitle {
  font-family: Bahnschrift, "Segoe UI", Verdana, Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.018em !important;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffHero__eyebrow,
.ffBroadcast__title,
.ffStatusLine span,
.ffArticleMap__title {
  font-family: "Lucida Console", Consolas, "Courier New", monospace !important;
  font-weight: 700 !important;
  font-variant-ligatures: none;
  letter-spacing: .11em !important;
  text-shadow:
    0 0 7px rgba(143,207,115,.12),
    0 1px 1px rgba(0,0,0,.75);
  text-transform: uppercase;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffBroadcast__title,
.ffStatusLine span {
  font-size: 11px !important;
}

.ffHero__eyebrow,
.ffArticleMap__title {
  font-size: 12px !important;
}

.ffTopNav__link,
.ffHero__actions a {
  font-family: "Lucida Console", Consolas, "Courier New", monospace !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  font-variant-ligatures: none;
  letter-spacing: .09em !important;
  text-shadow:
    0 0 7px rgba(242,210,122,.08),
    0 1px 1px rgba(0,0,0,.82);
  text-transform: uppercase;
}

.ffRightStatus__item b {
  font-family: "Lucida Console", Consolas, "Courier New", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-variant-ligatures: none;
  letter-spacing: .06em !important;
  text-shadow:
    0 0 8px rgba(242,210,122,.08),
    0 1px 1px rgba(0,0,0,.8);
}

.ffRightStatus__item span {
  font-family: "Lucida Console", Consolas, "Courier New", monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

.ffRightStatus__item small {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: .005em;
}

.ffTopNav__icon,
.ffBroadcast__title::before,
.ffVaultDivider span::before,
.ffStatusLine span::before {
  text-shadow:
    0 0 10px rgba(143,207,115,.16),
    0 1px 1px rgba(0,0,0,.72);
}

@media (max-width: 760px) {
  .ffHome .ffHero h1 {
    max-width: none !important;
    font-size: 21px !important;
    line-height: 1.14 !important;
  }

  .ffHeaderBadge,
  .ffHeaderStatus,
  .ffHero__eyebrow,
  .ffBroadcast__title,
  .ffStatusLine span,
  .ffArticleMap__title,
  .ffTopNav__link,
  .ffHero__actions a {
    letter-spacing: .07em !important;
  }

  .ffTopNav__link,
  .ffHero__actions a {
    font-size: 10px !important;
  }
}

/* Final typography tuning: softer Vault-Tec clean */
body {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.ffHeaderTitle,
.ffHome .ffHero h1 {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.012em !important;
  text-shadow:
    0 2px 10px rgba(0,0,0,.38),
    0 0 10px rgba(242,210,122,.04);
}

.ffHome .ffHero h1 {
  max-width: 760px !important;
  font-size: clamp(25px, 2.9vw, 30px) !important;
  line-height: 1.12 !important;
}

.ffHeaderText,
.ffHome .ffHero p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffHero__eyebrow,
.ffBroadcast__title,
.ffStatusLine span,
.ffArticleMap__title {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-shadow:
    0 0 6px rgba(143,207,115,.08),
    0 1px 1px rgba(0,0,0,.72);
}

.ffTopNav__link,
.ffHero__actions a,
.ffMiniProfile__actions a,
.ffSearchTerminal__button {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-shadow:
    0 1px 1px rgba(0,0,0,.78);
}

.ffSearchTerminal__input,
.ffMiniProfile__name,
.ffMiniProfile__group,
.ffMiniProfile__meta,
.ffSearchTerminal__hint,
.ffSideMenu .ffBlock__links a,
.ffSideMenu .ffSideMenu__links a,
.ffSvgCard span {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
}

.ffMiniProfile__name {
  font-size: 16px !important;
}

.ffMiniProfile__group,
.ffMiniProfile__meta,
.ffSearchTerminal__hint {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.ffSearchTerminal__input {
  font-size: 12px !important;
}

.ffSideMenu .ffBlock__links a,
.ffSideMenu .ffSideMenu__links a {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.ffSvgCard span {
  font-size: 10px !important;
  line-height: 1.3 !important;
  letter-spacing: .03em !important;
}

.ffRightStatus__item span {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}

.ffRightStatus__item b {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase;
}

.ffRightStatus__item small {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 760px) {
  body {
    font-size: 13px !important;
  }

  .ffHome .ffHero h1 {
    font-size: 23px !important;
  }

  .ffHeaderText,
  .ffHome .ffHero p {
    font-size: 13px !important;
  }

  .ffTopNav__link,
  .ffHero__actions a,
  .ffMiniProfile__actions a,
  .ffSearchTerminal__button {
    font-size: 11px !important;
    letter-spacing: .04em !important;
  }
}

/* Final readability bump: larger Vault-Tec clean typography */
body {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.ffHeaderTitle,
.ffHome .ffHero h1 {
  font-size: clamp(27px, 3.1vw, 32px) !important;
  line-height: 1.12 !important;
}

.ffHeaderText,
.ffHome .ffHero p {
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ffHeaderBadge,
.ffHeaderStatus,
.ffHero__eyebrow,
.ffBroadcast__title,
.ffStatusLine span,
.ffArticleMap__title,
.ffSvgMenu__title,
.ffBlock__title {
  font-size: 13px !important;
  letter-spacing: .07em !important;
}

.ffTopNav__link,
.ffHero__actions a,
.ffMiniProfile__actions a,
.ffSearchTerminal__button {
  min-height: 38px !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
}

.ffTopNav__link::after {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
  -webkit-mask-size: 16px 16px !important;
  mask-size: 16px 16px !important;
}

.ffTopNav__icon {
  font-size: 15px !important;
}

.ffStatusLine span {
  font-size: 12px !important;
}

.ffSideMenu .ffBlock__links a,
.ffSideMenu .ffSideMenu__links a {
  min-height: 36px !important;
  padding: 10px 12px 10px 24px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.ffSideMenu .ffBlock__links a::before,
.ffSideMenu .ffSideMenu__links a::before {
  left: 10px !important;
  height: 14px !important;
}

.ffSvgMenu__grid {
  grid-auto-columns: 78px !important;
  gap: 5px !important;
}

.ffSvgCard {
  width: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 6px 5px !important;
}

.ffSvgCard svg {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 auto;
}

.ffSvgCard span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  min-height: 0 !important;
  margin: 0 !important;
  font-size: 9.8px !important;
  line-height: 1.08 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-wrap: balance;
}

.ffMiniProfile__name {
  font-size: 17px !important;
}

.ffMiniProfile__group,
.ffMiniProfile__meta,
.ffSearchTerminal__hint,
.ffRightStatus__item span {
  font-size: 12px !important;
}

.ffSearchTerminal__input {
  font-size: 13px !important;
}

.ffRightStatus__item b {
  font-size: 17px !important;
}

.ffRightStatus__item small {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 760px) {
  body {
    font-size: 14px !important;
  }

  .ffHeaderTitle,
  .ffHome .ffHero h1 {
    font-size: 24px !important;
  }

  .ffHeaderText,
  .ffHome .ffHero p {
    font-size: 14px !important;
  }

  .ffTopNav__link,
  .ffHero__actions a,
  .ffMiniProfile__actions a,
  .ffSearchTerminal__button {
    min-height: 36px !important;
    font-size: 12px !important;
  }

  .ffSideMenu .ffBlock__links a,
  .ffSideMenu .ffSideMenu__links a,
  .ffSvgCard span,
  .ffStatusLine span {
    font-size: 11px !important;
  }
}

/* Final header text fit inside existing panel */
.ffHeaderInfo {
  flex: 0 1 390px !important;
  width: auto !important;
  max-width: 390px !important;
  padding: 12px 14px !important;
}

.ffHeaderText {
  width: auto !important;
  max-width: 100% !important;
  margin: 8px 0 0 auto !important;
  font-size: 11px !important;
  line-height: 1.38 !important;
}

@media (max-width: 980px) {
  .ffHeaderInfo {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: none !important;
  }

  .ffHeaderText {
    font-size: 11px !important;
    line-height: 1.38 !important;
  }
}

/* Final header mode: badges only */
.ffHeaderInfo {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  align-self: flex-start !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.ffHeaderInfo::before,
.ffHeaderInfo::after,
.ffHeaderTitle,
.ffHeaderText {
  display: none !important;
  content: none !important;
}

.ffHeaderInfo__top {
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .ffHeaderInfo {
    width: auto !important;
    max-width: 100% !important;
    align-self: flex-start !important;
  }

  .ffHeaderInfo__top {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

/* Final home hero sizing */
.ffHome .ffHero h1 {
  max-width: 720px !important;
  font-size: clamp(20px, 2.35vw, 24px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.01em !important;
  margin: 0 0 10px !important;
}

.ffHome .ffHero p {
  max-width: 820px !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

@media (max-width: 760px) {
  .ffHome .ffHero h1 {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .ffHome .ffHero p {
    font-size: 12px !important;
    line-height: 1.52 !important;
  }
}

/* Final header height and centered logo */
.ffHeader {
  min-height: 170px !important;
  padding: 20px 22px !important;
  align-items: center !important;
}

.ffLogoBox {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  min-height: 100% !important;
}

.ffLogoBox a {
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 980px) {
  .ffHeader {
    min-height: 146px !important;
    padding: 16px !important;
  }
}

/* Final header background zoom loop */
@keyframes ffHeaderBgZoomLoop {
  0% {
    background-position: 0 0, 0 0, 0 0, 50% 44%;
    background-size: auto, auto, auto, 112% auto;
  }

  100% {
    background-position: 0 0, 0 0, 0 0, 50% 50%;
    background-size: auto, auto, auto, 100% auto;
  }
}

.ffHeader {
  background-position: 0 0, 0 0, 0 0, 50% 44% !important;
  background-size: auto, auto, auto, 112% auto !important;
  animation: ffHeaderBgZoomLoop 26s ease-in-out infinite alternate !important;
}

@media (prefers-reduced-motion: reduce) {
  .ffHeader {
    animation: none !important;
  }
}

/* Final mini profile stats fit */
.ffMiniProfile__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.ffMiniProfile__stats > .ffMiniProfile__stat:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
}

.ffMiniProfile__stat {
  padding: 7px 5px !important;
}

.ffMiniProfile__stat span {
  margin-bottom: 3px !important;
  font-size: 7px !important;
  line-height: 1.1 !important;
  letter-spacing: .04em !important;
}

.ffMiniProfile__stat b {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

/* Final categories menu compact fit */
.ffCategoriesMenu .catsTd {
  min-height: 32px !important;
  padding: 8px 10px 8px 22px !important;
  gap: 5px !important;
}

.ffCategoriesMenu .catsTd::before {
  left: 8px !important;
  height: 12px !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  text-wrap: pretty !important;
}

.ffCategoriesMenu .catNumData,
.ffCategoriesMenu .catsTd > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTd > b,
.ffCategoriesMenu .catsTd > em {
  margin-left: auto !important;
  font-size: 9px !important;
}

/* Final categories side menu */
.ffCategoriesMenu .ffBlock__body {
  padding: 8px !important;
}

.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1 {
  display: grid !important;
  gap: 5px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ffCategoriesMenu .catsTd {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 10px 12px 10px 24px !important;
  border: 1px solid rgba(242, 210, 122, .14) !important;
  border-radius: 10px !important;
  background: rgba(22, 30, 19, .78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  width: 2px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(143, 207, 115, .95), rgba(95, 134, 74, .95)) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(143, 207, 115, .20) !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #dcd5c4 !important;
  font: 700 12px/1.4 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
}

.ffCategoriesMenu .catNumData,
.ffCategoriesMenu .catsTd > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTd > b,
.ffCategoriesMenu .catsTd > em {
  flex: 0 0 auto !important;
  color: #9b9587 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.ffCategoriesMenu .catsTd:hover {
  border-color: rgba(143, 207, 115, .32) !important;
  background: rgba(32, 41, 26, .88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 10px rgba(143, 207, 115, .08) !important;
}

.ffCategoriesMenu .catsTd:hover::before {
  background: #f2d27a !important;
}

.ffCategoriesMenu .catsTd:hover .catName,
.ffCategoriesMenu .catsTd:hover .catNameActive,
.ffCategoriesMenu .catsTd:hover .catNumData {
  color: #f2d27a !important;
}

.ffCategoriesMenu .catsTd.is-active,
.ffCategoriesMenu .catsTd:has(.catNameActive) {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.ffCategoriesMenu .catsTd.is-active::before,
.ffCategoriesMenu .catsTd:has(.catNameActive)::before {
  background: #f2d27a !important;
  box-shadow: 0 0 8px rgba(242, 210, 122, .22) !important;
}

.ffCategoriesMenu .catsTd.is-active .catName,
.ffCategoriesMenu .catsTd.is-active .catNameActive,
.ffCategoriesMenu .catsTd.is-active .catNumData,
.ffCategoriesMenu .catsTd.is-active > span,
.ffCategoriesMenu .catsTd.is-active > b,
.ffCategoriesMenu .catsTd.is-active > em,
.ffCategoriesMenu .catsTd:has(.catNameActive) .catNameActive,
.ffCategoriesMenu .catsTd:has(.catNameActive) .catNumData,
.ffCategoriesMenu .catsTd:has(.catNameActive) > span,
.ffCategoriesMenu .catsTd:has(.catNameActive) > b,
.ffCategoriesMenu .catsTd:has(.catNameActive) > em {
  color: #10130f !important;
}

/* Final legal/article pages polish */
.ffArticleText {
  gap: 14px !important;
}

.ffArticleMap__title {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  line-height: 1 !important;
}

.ffArticleText h1 {
  max-width: 920px !important;
}

.ffArticleText p,
.ffArticleText__list li,
.ffArticleText__steps li,
.ffArticleFaq__item p {
  color: #ddd6c4 !important;
}

.ffArticleText a,
.ffArticleText__list a,
.ffArticleText__steps a,
.ffArticleFaq__item a {
  color: #f2d27a !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(242, 210, 122, .42) !important;
  text-underline-offset: 2px !important;
}

.ffArticleText a:hover,
.ffArticleText__list a:hover,
.ffArticleText__steps a:hover,
.ffArticleFaq__item a:hover {
  color: #b9e89c !important;
  text-decoration-color: rgba(143, 207, 115, .42) !important;
}

.ffArticleText__lead,
.ffArticleText__note,
.ffArticleFaq__item,
.ffArticleText__image,
.ffArticleMap {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.16) !important;
}

.ffArticleText__steps {
  gap: 8px !important;
}

.ffArticleText__steps li {
  padding-left: 42px !important;
}

.ffArticleText__steps li::before {
  width: 20px !important;
  height: 20px !important;
  font-size: 9px !important;
  line-height: 20px !important;
}

.ffCookieNotice {
  width: 100%;
  max-width: 760px;
  margin: 12px auto 18px;
  padding: 12px 14px;
  border: 1px solid rgba(242, 210, 122, .24);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(143, 207, 115, .10), transparent 180px),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    rgba(12, 15, 10, .92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.18);
  color: #ddd6c4;
  font-size: 12px;
  line-height: 1.55;
}

.ffCookieNotice__inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ffCookieNotice__icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(242, 210, 122, .24);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(242, 210, 122, .24), rgba(143, 207, 115, .12));
  color: #f2d27a;
  font-size: 14px;
  line-height: 1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 4px 10px rgba(0,0,0,.22);
}

.ffCookieNotice__text {
  flex: 1 1 auto;
  min-width: 0;
}

.ffCookieNotice a {
  color: #f2d27a;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(242, 210, 122, .38);
  text-underline-offset: 2px;
}

.ffCookieNotice a:hover {
  color: #b9e89c;
  text-decoration-color: rgba(143, 207, 115, .42);
}

#cookiePolicy button,
#cookiePolicy input[type="button"],
#cookiePolicy input[type="submit"],
#cookiePolicy .u-btn,
#cookiePolicy .button,
#cookiePolicy [role="button"],
[id*="cookiePolicy"] button,
[id*="cookiePolicy"] input[type="button"],
[id*="cookiePolicy"] input[type="submit"],
[id*="cookiePolicy"] .u-btn,
[id*="cookiePolicy"] .button,
[id*="cookiePolicy"] [role="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(242, 210, 122, .24) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.16)),
    linear-gradient(90deg, rgba(143,207,115,.08), rgba(184,121,59,.12)),
    rgba(20, 24, 16, .96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.22) !important;
  color: #f2d27a !important;
  font: 700 12px/1 "Segoe UI", Verdana, Arial, sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#cookiePolicy button:hover,
#cookiePolicy input[type="button"]:hover,
#cookiePolicy input[type="submit"]:hover,
#cookiePolicy .u-btn:hover,
#cookiePolicy .button:hover,
#cookiePolicy [role="button"]:hover,
[id*="cookiePolicy"] button:hover,
[id*="cookiePolicy"] input[type="button"]:hover,
[id*="cookiePolicy"] input[type="submit"]:hover,
[id*="cookiePolicy"] .u-btn:hover,
[id*="cookiePolicy"] .button:hover,
[id*="cookiePolicy"] [role="button"]:hover {
  border-color: rgba(143, 207, 115, .42) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.14)),
    linear-gradient(90deg, rgba(143,207,115,.14), rgba(184,121,59,.10)),
    rgba(28, 34, 22, .98) !important;
  color: #b9e89c !important;
}

#cookiePolicy .close,
#cookiePolicy .close-btn,
#cookiePolicy .closeButton,
#cookiePolicy [class*="close"],
[id*="cookiePolicy"] .close,
[id*="cookiePolicy"] .close-btn,
[id*="cookiePolicy"] .closeButton,
[id*="cookiePolicy"] [class*="close"] {
  color: #d8cfbc !important;
  opacity: .88 !important;
}

#cookiePolicy .close:hover,
#cookiePolicy .close-btn:hover,
#cookiePolicy .closeButton:hover,
#cookiePolicy [class*="close"]:hover,
[id*="cookiePolicy"] .close:hover,
[id*="cookiePolicy"] .close-btn:hover,
[id*="cookiePolicy"] .closeButton:hover,
[id*="cookiePolicy"] [class*="close"]:hover {
  color: #f2d27a !important;
  opacity: 1 !important;
}

@media (max-width: 560px) {
  .ffArticleText {
    gap: 12px !important;
  }

  .ffArticleMap__title {
    min-height: 32px !important;
  }

  .ffArticleText__steps li {
    padding-left: 38px !important;
  }

  .ffCookieNotice {
    padding: 11px 12px;
    font-size: 11px;
  }

  .ffCookieNotice__inner {
    align-items: flex-start;
  }

  .ffCookieNotice__icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 12px;
  }
}

/* Final categories text layout hard-fix */
.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.ffCategoriesMenu .catsTd {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding-right: 28px !important;
  white-space: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  transform: none !important;
}

.ffCategoriesMenu .catNumData {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

/* Final categories width overflow fix */
.ffCategoriesMenu .ffBlock__body,
.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1,
.ffCategoriesMenu .catsTd,
.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  box-sizing: border-box !important;
}

.ffCategoriesMenu .ffBlock__body {
  overflow: hidden !important;
}

.ffCategoriesMenu .catsTd {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Final categories menu simplified like left menu */
.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1 {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ffCategoriesMenu .catsTd {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 0 5px !important;
  padding: 9px 8px 9px 22px !important;
}

.ffCategoriesMenu .catsTd:last-child {
  margin-bottom: 0 !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  padding-right: 0 !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty !important;
}

.ffCategoriesMenu .catNumData {
  display: none !important;
}

/* Final categories full-width table reset */
.ffCategoriesMenu .catsTable {
  display: block !important;
  width: 100% !important;
  table-layout: auto !important;
}

.ffCategoriesMenu .catsTd {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  table-layout: auto !important;
}

/* Final categories counter restore for right balance */
.ffCategoriesMenu .catsTd {
  position: relative !important;
  padding-right: 34px !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  padding-right: 0 !important;
}

.ffCategoriesMenu .catNumData {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  min-width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 1px solid rgba(242, 210, 122, .14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.03) !important;
  color: #948d7d !important;
  font-size: 8px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

.ffCategoriesMenu .catsTd:hover .catNumData {
  color: #f2d27a !important;
  border-color: rgba(242, 210, 122, .22) !important;
}

.ffCategoriesMenu .catsTd.is-active .catNumData,
.ffCategoriesMenu .catsTd:has(.catNameActive) .catNumData {
  color: #10130f !important;
  border-color: rgba(16, 19, 15, .12) !important;
  background: rgba(255,255,255,.22) !important;
}

/* Final categories menu authoritative reset */
.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd {
  position: relative !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  border: 1px solid rgba(242, 210, 122, .14) !important;
  border-radius: 10px !important;
  background: rgba(22, 30, 19, .78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd:last-child {
  margin-bottom: 0 !important;
}

.ffCategoriesMenu .catsTd::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 50% !important;
  width: 2px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(143, 207, 115, .95), rgba(95, 134, 74, .95)) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(143, 207, 115, .18) !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 9px 10px 9px 20px !important;
  color: #dcd5c4 !important;
  font: 700 11px/1.28 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catNumData,
.ffCategoriesMenu .catsTd > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTd > b,
.ffCategoriesMenu .catsTd > em {
  display: none !important;
}

.ffCategoriesMenu .catsTd:hover {
  border-color: rgba(143, 207, 115, .32) !important;
  background: rgba(32, 41, 26, .88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 10px rgba(143,207,115,.08) !important;
}

.ffCategoriesMenu .catsTd:hover::before {
  background: #f2d27a !important;
}

.ffCategoriesMenu .catsTd:hover .catName,
.ffCategoriesMenu .catsTd:hover .catNameActive {
  color: #f2d27a !important;
}

.ffCategoriesMenu .catsTd.is-active,
.ffCategoriesMenu .catsTd:has(.catNameActive) {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.ffCategoriesMenu .catsTd.is-active::before,
.ffCategoriesMenu .catsTd:has(.catNameActive)::before {
  background: #f2d27a !important;
  box-shadow: 0 0 8px rgba(242, 210, 122, .22) !important;
}

.ffCategoriesMenu .catsTd.is-active .catName,
.ffCategoriesMenu .catsTd.is-active .catNameActive,
.ffCategoriesMenu .catsTd:has(.catNameActive) .catName,
.ffCategoriesMenu .catsTd:has(.catNameActive) .catNameActive {
  color: #10130f !important;
}

/* Final categories menu normalized links */
.ffCategoriesMenu .catsTable,
.ffCategoriesMenu .u-cat-columns,
.ffCategoriesMenu .u-cat-cols1 {
  display: grid !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd::before,
.ffCategoriesMenu .catNumData,
.ffCategoriesMenu .catsTd > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTd > b,
.ffCategoriesMenu .catsTd > em,
.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: none !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link,
.ffCategoriesMenu .ffCategoriesMenu__link:link,
.ffCategoriesMenu .ffCategoriesMenu__link:visited,
.ffCategoriesMenu .ffCategoriesMenu__link:active {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 10px 12px 10px 24px !important;
  border: 1px solid rgba(242, 210, 122, .14) !important;
  border-radius: 10px !important;
  background: rgba(22, 30, 19, .78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;
  color: #dcd5c4 !important;
  font: 700 11px/1.28 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  width: 2px !important;
  height: 13px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(143, 207, 115, .95), rgba(95, 134, 74, .95)) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(143, 207, 115, .18) !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link:hover {
  border-color: rgba(143, 207, 115, .32) !important;
  background: rgba(32, 41, 26, .88) !important;
  color: #f2d27a !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 10px rgba(143,207,115,.08) !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link:hover::before {
  background: #f2d27a !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link.is-active,
.ffCategoriesMenu .ffCategoriesMenu__link.is-active:link,
.ffCategoriesMenu .ffCategoriesMenu__link.is-active:visited,
.ffCategoriesMenu .ffCategoriesMenu__link.is-active:active {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  color: #10130f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.ffCategoriesMenu .ffCategoriesMenu__link.is-active::before {
  background: #f2d27a !important;
  box-shadow: 0 0 8px rgba(242, 210, 122, .22) !important;
}

/* Final categories visual polish */
.ffCategoriesMenu .catsTd {
  min-height: 0 !important;
  border-radius: 12px !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  padding: 10px 11px 10px 20px !important;
  font-size: 11px !important;
  line-height: 1.24 !important;
}

.ffCategoriesMenu .catsTd::before {
  left: 9px !important;
  height: 13px !important;
}

/* Final categories safe fallback */
.ffCategoriesMenu .catsTd,
.ffCategoriesMenu .catsTable td,
.ffCategoriesMenu .u-cat-columns td,
.ffCategoriesMenu .u-cat-cols1 td {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(129, 110, 46, .26) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    rgba(16, 19, 13, .94) !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catsTd:last-child,
.ffCategoriesMenu .catsTable td:last-child,
.ffCategoriesMenu .u-cat-columns td:last-child,
.ffCategoriesMenu .u-cat-cols1 td:last-child {
  margin-bottom: 0 !important;
}

.ffCategoriesMenu .catsTd::before,
.ffCategoriesMenu .catsTable td::before,
.ffCategoriesMenu .u-cat-columns td::before,
.ffCategoriesMenu .u-cat-cols1 td::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  width: 2px !important;
  height: 13px !important;
  border-radius: 999px !important;
  background: rgba(143, 207, 115, .72) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(143, 207, 115, .16) !important;
}

.ffCategoriesMenu .catName,
.ffCategoriesMenu .catName:link,
.ffCategoriesMenu .catName:visited,
.ffCategoriesMenu .catName:active,
.ffCategoriesMenu .catNameActive,
.ffCategoriesMenu .catNameActive:link,
.ffCategoriesMenu .catNameActive:visited,
.ffCategoriesMenu .catNameActive:active {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px 10px 24px !important;
  color: #dcd5c4 !important;
  font: 700 12px/1.4 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu .catNumData,
.ffCategoriesMenu .catsTd > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTd > b,
.ffCategoriesMenu .catsTd > em,
.ffCategoriesMenu .catsTable td > span:not(.catName):not(.catNameActive),
.ffCategoriesMenu .catsTable td > b,
.ffCategoriesMenu .catsTable td > em {
  display: none !important;
}

.ffCategoriesMenu .catsTd:hover,
.ffCategoriesMenu .catsTable td:hover,
.ffCategoriesMenu .u-cat-columns td:hover,
.ffCategoriesMenu .u-cat-cols1 td:hover {
  border-color: rgba(143, 207, 115, .32) !important;
  background: rgba(32, 41, 26, .88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 10px rgba(143,207,115,.08) !important;
}

.ffCategoriesMenu .catsTd:hover::before,
.ffCategoriesMenu .catsTable td:hover::before,
.ffCategoriesMenu .u-cat-columns td:hover::before,
.ffCategoriesMenu .u-cat-cols1 td:hover::before {
  background: #f2d27a !important;
}

.ffCategoriesMenu .catsTd:hover .catName,
.ffCategoriesMenu .catsTd:hover .catNameActive,
.ffCategoriesMenu .catsTable td:hover .catName,
.ffCategoriesMenu .catsTable td:hover .catNameActive {
  color: #f2d27a !important;
}

.ffCategoriesMenu .catsTd:has(.catNameActive),
.ffCategoriesMenu .catsTable td:has(.catNameActive),
.ffCategoriesMenu .u-cat-columns td:has(.catNameActive),
.ffCategoriesMenu .u-cat-cols1 td:has(.catNameActive) {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.ffCategoriesMenu .catsTd:has(.catNameActive)::before,
.ffCategoriesMenu .catsTable td:has(.catNameActive)::before,
.ffCategoriesMenu .u-cat-columns td:has(.catNameActive)::before,
.ffCategoriesMenu .u-cat-cols1 td:has(.catNameActive)::before {
  background: #f2d27a !important;
  box-shadow: 0 0 8px rgba(242, 210, 122, .22) !important;
}

.ffCategoriesMenu .catsTd:has(.catNameActive) .catNameActive,
.ffCategoriesMenu .catsTable td:has(.catNameActive) .catNameActive,
.ffCategoriesMenu .u-cat-columns td:has(.catNameActive) .catNameActive,
.ffCategoriesMenu .u-cat-cols1 td:has(.catNameActive) .catNameActive {
  color: #10130f !important;
}

.ffCategoriesMenu:not(.ffCategoriesMenu--normalized) .ffCategoriesMenu__link {
  display: none !important;
}

.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTd::before,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTable td::before,
.ffCategoriesMenu.ffCategoriesMenu--normalized .u-cat-columns td::before,
.ffCategoriesMenu.ffCategoriesMenu--normalized .u-cat-cols1 td::before,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catName,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catName:link,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catName:visited,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catName:active,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catNameActive,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catNameActive:link,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catNameActive:visited,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catNameActive:active,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catNumData,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTd > span:not(.ffCategoriesMenu__link),
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTd > b,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTd > em,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTable td > span:not(.ffCategoriesMenu__link),
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTable td > b,
.ffCategoriesMenu.ffCategoriesMenu--normalized .catsTable td > em {
  display: none !important;
}

.ffCategoriesMenu.ffCategoriesMenu--normalized .ffCategoriesMenu__link,
.ffCategoriesMenu.ffCategoriesMenu--normalized .ffCategoriesMenu__link:link,
.ffCategoriesMenu.ffCategoriesMenu--normalized .ffCategoriesMenu__link:visited,
.ffCategoriesMenu.ffCategoriesMenu--normalized .ffCategoriesMenu__link:active {
  display: block !important;
}

/* Final header badges equal sizing */
.ffHeaderInfo__top {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}

.ffHeaderInfo__top > .ffHeaderBadge,
.ffHeaderInfo__top > .ffHeaderStatus,
.ffHeaderInfo__top > .ffGeigerCounter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.ffHeaderInfo__top > .ffHeaderBadge,
.ffHeaderInfo__top > .ffHeaderStatus {
  gap: 7px !important;
}

.ffHeaderInfo__top > .ffGeigerCounter {
  gap: 6px !important;
}

.ffHeaderInfo__top > .ffGeigerCounter span,
.ffHeaderInfo__top > .ffGeigerCounter b {
  display: inline-block !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  .ffHeaderInfo__top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ffHeaderInfo__top > .ffGeigerCounter {
    grid-column: 1 / -1 !important;
  }
}

/* Final universal uCoz pagination */
.pagesBlockuz1,
.pagesBlockuz2,
.pagesBlock,
.pagination,
.pageSelector,
.switches,
.catPages1,
.catPages2,
#pagesBlock1,
#pagesBlock2 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 8px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.ffArchivePagination__links,
.ffEncyclopediaPagination__links,
.ffEncyclopediaSectionPagination__links,
.ffEncyclopediaCategoryPagination__links,
.ffDataSearchPagination__links,
.ffModsPagination__links,
.ffModsSectionPagination__links,
.ffModsCategoryPagination__links,
.ffUserCommentsPagination__links,
.ffEntryComments__pages,
.ffDataEntryComments__pages {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

.ffArchivePagination,
.ffEncyclopediaPagination,
.ffEncyclopediaSectionPagination,
.ffEncyclopediaCategoryPagination,
.ffDataSearchPagination,
.ffModsPagination,
.ffModsSectionPagination,
.ffModsCategoryPagination,
.ffUserCommentsPagination {
  text-align: center !important;
}

.ffArchivePagination__info,
.ffEncyclopediaPagination__info,
.ffEncyclopediaSectionPagination__info,
.ffEncyclopediaCategoryPagination__info,
.ffDataSearchPagination__info,
.ffModsPagination__info,
.ffModsSectionPagination__info,
.ffModsCategoryPagination__info,
.ffUserCommentsPagination__info {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  text-align: center !important;
}

.ffArchivePagination__info span,
.ffEncyclopediaPagination__info span,
.ffEncyclopediaSectionPagination__info span,
.ffEncyclopediaCategoryPagination__info span,
.ffDataSearchPagination__info span,
.ffModsPagination__info span,
.ffModsSectionPagination__info span,
.ffModsCategoryPagination__info span,
.ffUserCommentsPagination__info span,
.ffArchivePagination__info b,
.ffEncyclopediaPagination__info b,
.ffEncyclopediaSectionPagination__info b,
.ffEncyclopediaCategoryPagination__info b,
.ffDataSearchPagination__info b,
.ffModsPagination__info b,
.ffModsSectionPagination__info b,
.ffModsCategoryPagination__info b,
.ffUserCommentsPagination__info b {
  margin: 0 !important;
}

.pagesBlockuz1 a,
.pagesBlockuz2 a,
.pagesBlock a,
.pagination a,
.pageSelector a,
.switches a,
.catPages1 a,
.catPages2 a,
#pagesBlock1 a,
#pagesBlock2 a,
.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock b,
.pagination b,
.pageSelector b,
.switches b,
.catPages1 b,
.catPages2 b,
#pagesBlock1 b,
#pagesBlock2 b,
.pagesBlockuz1 .swchItem,
.pagesBlockuz1 .swchItemA,
.pagesBlockuz1 .swchItemDots,
.pagesBlockuz2 .swchItem,
.pagesBlockuz2 .swchItemA,
.pagesBlockuz2 .swchItemDots,
.pagesBlock .swchItem,
.pagesBlock .swchItemA,
.pagesBlock .swchItemDots,
.pagination .swchItem,
.pagination .swchItemA,
.pagination .swchItemDots,
.pageSelector .swchItem,
.pageSelector .swchItemA,
.pageSelector .swchItemDots,
.switches .swchItem,
.switches .swchItemA,
.switches .swchItemDots,
.catPages1 .swchItem,
.catPages1 .swchItemA,
.catPages1 .swchItemDots,
.catPages2 .swchItem,
.catPages2 .swchItemA,
.catPages2 .swchItemDots,
#pagesBlock1 .swchItem,
#pagesBlock1 .swchItemA,
#pagesBlock1 .swchItemDots,
#pagesBlock2 .swchItem,
#pagesBlock2 .swchItemA,
#pagesBlock2 .swchItemDots,
.currentPage79,
span.currentPage79 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(129, 110, 46, .30) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    rgba(12, 15, 10, .94) !important;
  color: #e2c977 !important;
  font: 800 12px/1 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.65) !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 14px rgba(0,0,0,.16) !important;
  box-sizing: border-box !important;
}

.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover,
.pagesBlock a:hover,
.pagination a:hover,
.pageSelector a:hover,
.switches a:hover,
.catPages1 a:hover,
.catPages2 a:hover,
#pagesBlock1 a:hover,
#pagesBlock2 a:hover,
.pagesBlockuz1 .swchItem:hover,
.pagesBlockuz2 .swchItem:hover,
.pagesBlock .swchItem:hover,
.pagination .swchItem:hover,
.pageSelector .swchItem:hover,
.switches .swchItem:hover,
.catPages1 .swchItem:hover,
.catPages2 .swchItem:hover,
#pagesBlock1 .swchItem:hover,
#pagesBlock2 .swchItem:hover {
  border-color: rgba(143, 207, 115, .34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.14)),
    rgba(29, 36, 22, .96) !important;
  color: #f2d27a !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 10px rgba(143,207,115,.08) !important;
}

.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock b,
.pagination b,
.pageSelector b,
.switches b,
.catPages1 b,
.catPages2 b,
#pagesBlock1 b,
#pagesBlock2 b,
.pagesBlockuz1 .swchItemA,
.pagesBlockuz2 .swchItemA,
.pagesBlock .swchItemA,
.pagination .swchItemA,
.pageSelector .swchItemA,
.switches .swchItemA,
.catPages1 .swchItemA,
.catPages2 .swchItemA,
#pagesBlock1 .swchItemA,
#pagesBlock2 .swchItemA,
.currentPage79,
span.currentPage79 {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  color: #10130f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.pagesBlockuz1 .swchItem span,
.pagesBlockuz1 .swchItemA span,
.pagesBlockuz1 .swchItemDots span,
.pagesBlockuz2 .swchItem span,
.pagesBlockuz2 .swchItemA span,
.pagesBlockuz2 .swchItemDots span,
.pagesBlock .swchItem span,
.pagesBlock .swchItemA span,
.pagesBlock .swchItemDots span,
.pagination .swchItem span,
.pagination .swchItemA span,
.pagination .swchItemDots span,
.pageSelector .swchItem span,
.pageSelector .swchItemA span,
.pageSelector .swchItemDots span,
.switches .swchItem span,
.switches .swchItemA span,
.switches .swchItemDots span,
.catPages1 .swchItem span,
.catPages1 .swchItemA span,
.catPages1 .swchItemDots span,
.catPages2 .swchItem span,
.catPages2 .swchItemA span,
.catPages2 .swchItemDots span,
#pagesBlock1 .swchItem span,
#pagesBlock1 .swchItemA span,
#pagesBlock1 .swchItemDots span,
#pagesBlock2 .swchItem span,
#pagesBlock2 .swchItemA span,
#pagesBlock2 .swchItemDots span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: inherit !important;
}

.pagesBlockuz1 a > *,
.pagesBlockuz2 a > *,
.pagesBlock a > *,
.pagination a > *,
.pageSelector a > *,
.switches a > *,
.catPages1 a > *,
.catPages2 a > *,
#pagesBlock1 a > *,
#pagesBlock2 a > *,
.pagesBlockuz1 b > *,
.pagesBlockuz2 b > *,
.pagesBlock b > *,
.pagination b > *,
.pageSelector b > *,
.switches b > *,
.catPages1 b > *,
.catPages2 b > *,
#pagesBlock1 b > *,
#pagesBlock2 b > * {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.pagesBlockuz1 .swchItemDots,
.pagesBlockuz2 .swchItemDots,
.pagesBlock .swchItemDots,
.pagination .swchItemDots,
.pageSelector .swchItemDots,
.switches .swchItemDots,
.catPages1 .swchItemDots,
.catPages2 .swchItemDots,
#pagesBlock1 .swchItemDots,
#pagesBlock2 .swchItemDots {
  min-width: 52px !important;
}

.pagesBlockuz1 span:empty,
.pagesBlockuz2 span:empty,
.pagesBlock span:empty,
.pagination span:empty,
.pageSelector span:empty,
.switches span:empty,
.catPages1 span:empty,
.catPages2 span:empty,
#pagesBlock1 span:empty,
#pagesBlock2 span:empty {
  display: none !important;
}

.pagesBlockuz1 + .pagesBlockuz2,
.catPages1 + .catPages2,
#pagesBlock1 + #pagesBlock2 {
  display: none !important;
}

@media (max-width: 760px) {
  .pagesBlockuz1,
  .pagesBlockuz2,
  .pagesBlock,
  .pagination,
  .pageSelector,
  .switches,
  .catPages1,
  .catPages2,
  #pagesBlock1,
  #pagesBlock2 {
    gap: 6px !important;
    padding-top: 6px !important;
  }

  .pagesBlockuz1 a,
  .pagesBlockuz2 a,
  .pagesBlock a,
  .pagination a,
  .pageSelector a,
  .switches a,
  .catPages1 a,
  .catPages2 a,
  #pagesBlock1 a,
  #pagesBlock2 a,
  .pagesBlockuz1 b,
  .pagesBlockuz2 b,
  .pagesBlock b,
  .pagination b,
  .pageSelector b,
  .switches b,
  .catPages1 b,
  .catPages2 b,
  #pagesBlock1 b,
  #pagesBlock2 b,
  .pagesBlockuz1 .swchItem,
  .pagesBlockuz2 .swchItem,
  .pagesBlock .swchItem,
  .pagination .swchItem,
  .pageSelector .swchItem,
  .switches .swchItem,
  .catPages1 .swchItem,
  .catPages2 .swchItem,
  #pagesBlock1 .swchItem,
  #pagesBlock2 .swchItem,
  .pagesBlockuz1 .swchItemA,
  .pagesBlockuz2 .swchItemA,
  .pagesBlock .swchItemA,
  .pagination .swchItemA,
  .pageSelector .swchItemA,
  .switches .swchItemA,
  .catPages1 .swchItemA,
  .catPages2 .swchItemA,
  #pagesBlock1 .swchItemA,
  #pagesBlock2 .swchItemA,
  .pagesBlockuz1 .swchItemDots,
  .pagesBlockuz2 .swchItemDots,
  .pagesBlock .swchItemDots,
  .pagination .swchItemDots,
  .pageSelector .swchItemDots,
  .switches .swchItemDots,
  .catPages1 .swchItemDots,
  .catPages2 .swchItemDots,
  #pagesBlock1 .swchItemDots,
  #pagesBlock2 .swchItemDots,
  .currentPage79,
  span.currentPage79 {
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }
}

/* Final categories dropdown menu */
.ffCategoriesMenu.ffCategoriesMenu--dropdown {
  overflow: hidden !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggle {
  appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(242, 210, 122, .12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.12)),
    rgba(16, 20, 12, .96) !important;
  color: #f2d27a !important;
  cursor: pointer !important;
  font: 800 12px/1 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  letter-spacing: .12em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggle:hover {
  color: #f6df97 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.10)),
    rgba(24, 30, 17, .98) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggleText {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggleIcon {
  position: relative !important;
  flex: 0 0 11px !important;
  width: 11px !important;
  height: 11px !important;
  margin-left: auto !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggleIcon::before {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #f2d27a !important;
  border-bottom: 2px solid #f2d27a !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  transition: transform .18s ease !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown.is-open .ffCategoriesMenu__toggleIcon::before {
  transform: rotate(225deg) translate(-1px, -1px) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__body {
  padding: 8px !important;
  max-height: 420px !important;
  overflow: auto !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown.ffCategoriesMenu--collapsible:not(.is-open) .ffCategoriesMenu__body {
  display: none !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTable,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .u-cat-columns,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .u-cat-cols1 {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link:link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link:visited,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link:active,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName:link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName:visited,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName:active,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:visited,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:active {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 9px 12px 9px 24px !important;
  border: 1px solid rgba(129, 110, 46, .24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.16)),
    rgba(16, 20, 12, .96) !important;
  color: #dcd5c4 !important;
  font: 700 11px/1.32 "Segoe UI", "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 4px 10px rgba(0,0,0,.12) !important;
  box-sizing: border-box !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link::before,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName::before,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 50% !important;
  width: 2px !important;
  height: 13px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(143, 207, 115, .95), rgba(95, 134, 74, .95)) !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 8px rgba(143, 207, 115, .16) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link:hover,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName:hover,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:hover {
  border-color: rgba(143, 207, 115, .32) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12)),
    rgba(29, 36, 22, .96) !important;
  color: #f2d27a !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 10px rgba(143,207,115,.08) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link:hover::before,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catName:hover::before,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:hover::before {
  background: #f2d27a !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link.is-active,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link.is-active:link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link.is-active:visited,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link.is-active:active,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:link,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:visited,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive:active {
  border-color: rgba(242, 210, 122, .62) !important;
  background: linear-gradient(180deg, #f2d27a, #b99442) !important;
  color: #10130f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link.is-active::before,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive::before {
  background: #f2d27a !important;
  box-shadow: 0 0 8px rgba(242, 210, 122, .22) !important;
}

.ffCategoriesMenu.ffCategoriesMenu--dropdown .catNumData,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTd > span:not(.catName):not(.catNameActive):not(.ffCategoriesMenu__link),
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTd > b,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTd > em,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTable td > span:not(.catName):not(.catNameActive):not(.ffCategoriesMenu__link),
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTable td > b,
.ffCategoriesMenu.ffCategoriesMenu--dropdown .catsTable td > em {
  display: none !important;
}

/* Final side menu active state */
.ffSideMenu .ffBlock__links a.is-active,
.ffSideMenu .ffSideMenu__links a.is-active,
.ffSideMenu .ffBlock__links a[aria-current="page"],
.ffSideMenu .ffSideMenu__links a[aria-current="page"] {
  color: #10130f !important;
  border-color: rgba(242, 210, 122, .62) !important;
  background:
    linear-gradient(180deg, #f2d27a, #b99442) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 0 12px rgba(242, 210, 122, .16) !important;
  text-shadow: none !important;
}

.ffSideMenu .ffBlock__links a.is-active::before,
.ffSideMenu .ffSideMenu__links a.is-active::before,
.ffSideMenu .ffBlock__links a[aria-current="page"]::before,
.ffSideMenu .ffSideMenu__links a[aria-current="page"]::before {
  background: #fff0bf !important;
  box-shadow: 0 0 8px rgba(255, 240, 191, .28) !important;
}

.ffSideMenu .ffBlock__links a.is-active:hover,
.ffSideMenu .ffSideMenu__links a.is-active:hover,
.ffSideMenu .ffBlock__links a[aria-current="page"]:hover,
.ffSideMenu .ffSideMenu__links a[aria-current="page"]:hover {
  color: #10130f !important;
  background:
    linear-gradient(180deg, #ffe49a, #c8a04a) !important;
}

@media (max-width: 760px) {
  .ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__toggle {
    padding: 11px 12px !important;
    font-size: 11px !important;
  }

  .ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__body {
    max-height: 340px !important;
    padding: 7px !important;
  }

  .ffCategoriesMenu.ffCategoriesMenu--dropdown .ffCategoriesMenu__link,
  .ffCategoriesMenu.ffCategoriesMenu--dropdown .catName,
  .ffCategoriesMenu.ffCategoriesMenu--dropdown .catNameActive {
    min-height: 32px !important;
    padding: 8px 10px 8px 22px !important;
    font-size: 10px !important;
  }
}

/* Final mods category page fix */
.ffModsCategoryPage {
  display: grid !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ffModsCategoryHero {
  display: block !important;
  padding: 18px !important;
}

.ffModsCategoryHero__top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.ffModsCategoryHero__main {
  display: grid !important;
  grid-template-columns: minmax(0, 170px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.ffModsCategoryHero__main.ffModsCategoryHero__main--solo {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ffModsCategoryHero__main:not(:has(.ffModsCategoryHero__image img[src])) {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ffModsCategoryHero__image:empty,
.ffModsCategoryHero__image:not(:has(img[src])) {
  display: none !important;
}

.ffModsCategoryHero__content {
  min-width: 0 !important;
}

.ffModsCategoryHero__main > .ffModsCategoryHero__content:only-child {
  grid-column: 1 / -1 !important;
  max-width: 860px !important;
}

.ffModsCategoryHero h1 {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 4.2vw, 42px) !important;
  line-height: 1.12 !important;
}

.ffModsCategoryHero__text {
  max-width: 760px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.ffFonlineHero__text {
  max-width: 760px !important;
  color: #d8d0b5 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.ffModsCategoryHero__meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.ffModsCategoryHero__meta div,
.ffModsCategoryHero__meta b,
.ffModsCategoryHero__meta a {
  min-width: 0 !important;
}

.ffModsCategoryHero__meta b,
.ffModsCategoryHero__meta a {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.ffModsCategoryConsole {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 14px !important;
}

.ffModsCategoryConsole__screen {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.ffModsCategoryConsole__screen div {
  min-width: 0 !important;
}

.ffModsCategoryConsole__radar {
  position: relative !important;
  min-height: 92px !important;
  overflow: hidden !important;
}

.ffModsCategoryConsole__radar::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(183, 224, 139, .18) !important;
  box-shadow: inset 0 0 18px rgba(183, 224, 139, .08) !important;
}

.ffModsCategoryConsole__radar::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 42% !important;
  height: 2px !important;
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent) !important;
  box-shadow: 0 0 10px rgba(183, 224, 139, .28) !important;
  animation: ffModsCategoryRadarSweep 2.8s linear infinite !important;
}

.ffModsCategoryConsole__radar span {
  position: absolute !important;
  inset: 14px !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(242, 210, 122, .24) !important;
}

@keyframes ffModsCategoryRadarSweep {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@supports not selector(:has(*)) {
  .ffModsCategoryHero__main {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  .ffModsCategoryHero__main,
  .ffModsCategoryConsole {
    grid-template-columns: 1fr !important;
  }

  .ffModsCategoryConsole__screen {
    grid-template-columns: 1fr !important;
  }
}

/* Final FOnline entry page fix */
.ffFonlineEntryPage {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ffFonlineEntryHero {
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
}

.ffFonlineEntryHero__top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
}

.ffFonlineEntryHero h1 {
  margin: 0 !important;
  max-width: 820px !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  line-height: 1.14 !important;
}

.ffFonlineEntryHero__brief {
  max-width: 860px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

.ffFonlineEntryHero__brief p:last-child {
  margin-bottom: 0 !important;
}

.ffFonlineEntryHero__meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

.ffFonlineEntryHero__meta div {
  min-width: 0 !important;
}

.ffFonlineEntryHero__meta b {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.42 !important;
}

.ffFonlineEntryCover {
  width: 100% !important;
}

.ffFonlineEntryCover img {
  width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  object-fit: cover !important;
}

.ffFonlineConnectBox {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
}

.ffFonlineConnectBox__screen {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 10px !important;
}

.ffFonlineConnectBox__screen div,
.ffFonlineEntryPanel__item {
  min-width: 0 !important;
}

.ffFonlineConnectBox__screen b,
.ffFonlineEntryPanel__item b {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.42 !important;
}

.ffFonlineConnectBox__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  gap: 8px !important;
}

.ffFonlineConnectBox__actions a {
  min-width: 170px !important;
}

.ffFonlineEntryContent,
.ffFonlineEntryPanel,
.ffFonlineRelatedBox,
.ffFonlineEntryTags,
.ffFonlineEntryCats,
.ffFonlineEntryNav,
.ffFonlineEntryNavOnly,
.ffFonlineEntryComments {
  width: 100% !important;
  max-width: 100% !important;
}

.ffFonlineEntryText {
  max-width: 100% !important;
}

.ffFonlineEntryText img,
.ffFonlineEntryText table,
.ffFonlineEntryText iframe,
.ffFonlineEntryText embed,
.ffFonlineEntryText object {
  max-width: 100% !important;
}

.ffFonlineEntryPanel__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
}

@media (max-width: 980px) {
  .ffFonlineConnectBox {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .ffFonlineEntryHero {
    padding: 14px !important;
  }

  .ffFonlineEntryHero h1 {
    font-size: 26px !important;
  }

  .ffFonlineEntryHero__meta,
  .ffFonlineConnectBox__screen,
  .ffFonlineEntryPanel__grid {
    grid-template-columns: 1fr !important;
  }

  .ffFonlineConnectBox__actions a,
  .ffFonlineEntryNav a {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final FOnline category page fix */
.ffFonlineCategoryPage {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.ffFonlineCategoryHero {
  display: grid !important;
  gap: 14px !important;
  padding: 18px !important;
}

.ffFonlineCategoryHero__top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
}

.ffFonlineCategoryHero__main {
  display: grid !important;
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.ffFonlineCategoryHero__main:not(:has(.ffFonlineCategoryHero__image img[src])) {
  grid-template-columns: minmax(0, 1fr) !important;
}

.ffFonlineCategoryHero__image:empty,
.ffFonlineCategoryHero__image:not(:has(img[src])) {
  display: none !important;
}

.ffFonlineCategoryHero__content {
  min-width: 0 !important;
  max-width: 860px !important;
}

.ffFonlineCategoryHero h1 {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  line-height: 1.14 !important;
}

.ffFonlineCategoryHero__text {
  max-width: 820px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.ffFonlineCategoryHero__meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

.ffFonlineCategoryHero__meta div {
  min-width: 0 !important;
}

.ffFonlineCategoryHero__meta b,
.ffFonlineCategoryHero__meta a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.42 !important;
}

.ffFonlineCategoryConsole {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 92px !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 14px !important;
}

.ffFonlineCategoryConsole__screen {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.ffFonlineCategoryConsole__screen div {
  min-width: 0 !important;
}

.ffFonlineCategoryConsole__screen b {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  line-height: 1.42 !important;
}

.ffFonlineCategoryConsole__radar {
  position: relative !important;
  min-height: 92px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

.ffFonlineCategoryConsole__radar::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(183, 224, 139, .18) !important;
  box-shadow: inset 0 0 18px rgba(183, 224, 139, .08) !important;
}

.ffFonlineCategoryConsole__radar::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 42% !important;
  height: 2px !important;
  transform-origin: left center !important;
  background: linear-gradient(90deg, rgba(183, 224, 139, .95), transparent) !important;
  box-shadow: 0 0 10px rgba(183, 224, 139, .28) !important;
  animation: ffFonlineCategoryRadarSweepFinal 2.8s linear infinite !important;
}

.ffFonlineCategoryConsole__radar span {
  position: absolute !important;
  inset: 14px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 50% !important;
  border: 1px dashed rgba(242, 210, 122, .24) !important;
  background: none !important;
  animation: none !important;
}

@keyframes ffFonlineCategoryRadarSweepFinal {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@supports not selector(:has(*)) {
  .ffFonlineCategoryHero__main {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
  .ffFonlineCategoryConsole {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .ffFonlineCategoryHero__main,
  .ffFonlineCategoryConsole {
    grid-template-columns: 1fr !important;
  }

  .ffFonlineCategoryConsole__screen {
    grid-template-columns: 1fr !important;
  }
}