Avatar: Republic City

[hideprofile][html]

<div class="arc-newsroom__header">
<div class="arc-newsroom__date">
<span>выпуск</span>
<b>20.09</b>
</div>

<div class="arc-newsroom__title">
<span>Радио Республики</span>
<h2>Сегодня в эфире</h2>
</div>
</div>

<center><b>Новости проекта</b></center>

<p>
Жаркие летние деньки остались позади, а значит, пора доставать пледы, запасаться какао и тыквенным латте и готовиться к уютным осенним вечерам за постами, флудом и хорошими историями.
</p>

<p>
Осень проект встречает новым дизайном — более светлым, спокойным и уютным. По традиции доступны светлая и тёмная версии, а основные цвета форума всё так же можно настраивать под себя. Немного изменился и профиль игрока: ссылка на личное дело теперь спрятана в иконке стихии, благодаря чему профиль стал компактнее.
</p>

<p>
Обновились и скрипты. Старые маски пока могут немного капризничать в мобильной версии, но постепенно мы их подправим. Сама мобильная версия стала аккуратнее, а для гостей и принятых игроков появились отдельные меню.
</p>

<p>
Напомним и про уведомления: теперь форум показывает упоминания, лайки и реакции, поэтому следить за общением стало гораздо удобнее. Смело тегайте друг друга — потерять важное обращение теперь заметно сложнее.
</p>

<p>
Изменения добрались и до шапки. Очередь в квестах переехала во вкладки, шапку можно сворачивать и разворачивать, а пользовательское меню — закреплять или убирать по своему усмотрению. Пользуйтесь, проверяйте и, если встретите баг, пишите @Raiko в личные сообщения. По тестам всё работает стабильно, но мы знаем древний закон форумов: настоящий баг появляется только после слов администратора «я всё проверила».
</p>

<p>
В <b><a href="https://arc.f-rpg.me/viewtopic.php?id=149">«Неконтролируемом веществе»</a></b> несколько расследований наконец сошлись в одной точке. Шэнь вышел на Раанная, подозреваемого в причастности к похищениям молодых магов, Цукуми проследила за транспортом преступников, а Юи Цзинь привела туда ничего не подозревающего Зэна.
</p>

<p>
Попытка задержать Раанная быстро переросла в уличное противостояние. Зэн попытался защитить своего предполагаемого наставника, пока Юи не остановила его и не объяснила, что никакого великого мастера Шандо перед ним нет. Рааннай оказался зажат между противниками, Цукуми переключилась на поиски источника вещества, а затем в ситуацию вмешалась полиция. Теперь участникам предстоит ещё и объяснить, почему несколько человек посреди улицы пытались скрутить вполне прилично выглядящего музыканта.
</p>

<p>
Завершилась <b><a href="https://arc.f-rpg.me/viewtopic.php?id=87">вторая часть «Драконьих низин в огне»</a></b>! После подпольного турнира пожары, взрывы и разрушения охватили целый район, заставив полицию, спасателей и добровольцев работать до самого рассвета.
</p>

<p>
Нападавших удалось обезвредить, но расследование почти сразу зашло в тупик: задержанные молчат, следы сообщников обрываются, а найденный тайный проход привёл к уже мёртвому хозяину квартиры. История закончилась разрушениями, жертвами и множеством вопросов к настоящим организаторам произошедшего. Спасибо всем участникам, которые довели этот большой квест до самого финала! Последствия Драконьих низин ещё обязательно напомнят о себе.
</p>

<p>
В <b><a href="https://arc.f-rpg.me/viewtopic.php?id=118">«Мгновенном отпоре»</a></b> у Башни Гармонии стало действительно жарко. Нападение «Агни Кай» переросло в открытый бой: Якон защищал себя и Чена, а капитан Мучи сдерживал магов огня до прибытия подкрепления.
</p>

<p>
Кагэцу тем временем ударом молнии подорвал мобиль, усилив панику, после чего попытался скрыться в толпе. Мучи бросился за ним, и погоня превратилась в схватку металла и синего пламени. Неожиданную роль сыграл тот самый рыжий кот: секундной заминки хватило, чтобы Кагэцу потерял преимущество и оказался задержанным. Казалось бы, можно выдохнуть — но именно тогда над заливом начал падать «Фэй Лянь». Типичное утро в Республиканском городе, ничего необычного (хе-хе).
</p>

<p>
А на самом <b><a href="https://arc.f-rpg.me/viewtopic.php?id=85">«Фэй Ляне»</a></b> ситуация уже критическая. Диверсант с магией лавы повредил технические отсеки, корабль потерял управление и начал разрушаться прямо в воздухе.
</p>

<p>
Тоф организовала работу полиции и вступила в бой, Катара сдерживает пожар, а Аанг помог обезвредить диверсанта. Но главная проблема осталась: корпус расходится по швам, начинается эвакуация, а Аппа принимает первых пассажиров.
</p>

<p>
Канто тем временем добрался до несущего каркаса и буквально удерживает разваливающийся дирижабль магией металла, постепенно доводя себя до предела. Узнав об этом, Тоф вернулась на борт и разделила нагрузку с ним. Теперь «Фэй Лянь» всё ещё держится в воздухе во многом благодаря их упрямству, пока остальные пытаются подготовить аварийную посадку.
</p>

<p>
Стартовал новый сюжетный квест — <b><a href="https://arc.f-rpg.me/viewtopic.php?id=197">«Гряда Огненного Облака»</a></b>. Паломники отправились к восстановленному храму Вечного огня в горах между Макапу и Республиканским городом. С местом уже связаны нехорошие слухи: служители отказываются там работать, шаманы говорят о недовольстве духов, а впереди путешественников ждёт непростой зимний подъём.
</p>

<p>
Среди участников — Тай Ли, Райко, Шин Джей и Шэнь. Пока всё относительно спокойно: знакомства, качка, разговоры о храме, старых притчах, духах и жертвоприношениях. Но у мастера игры на этот квест явно огромные планы, а что именно он задумал, не знает, кажется, даже администрация. Интригант! Поэтому остаётся только гадать, что встретит игроков первым: духи, лавина или какая-нибудь гораздо менее очевидная неприятность.
</p>

<p>
Ещё один новый квест — <b><a href="https://arc.f-rpg.me/viewtopic.php?id=198">«Преступления против прогресса»</a></b>. На окраине Промышленного района Сатору строит загадочный завод, вокруг которого почти нет открытой информации. После недавних диверсий Белый Лотос отправляет туда Мэй под видом государственного инспектора: ей предстоит найти настоящие чертежи, заменить их подделкой и при необходимости уничтожить оригинал.
</p>

<p>
Красный Лотос в то же время отправляет Гирай за теми же документами. Пока Мэй получает доступ к помещениям под прикрытием проверки, Гирай проникает на предприятие во время диверсии и добирается до чертёжной. Однако охрана замечает вторжение, завод поднимают по тревоге, а секретные образцы начинают блокировать.
</p>

<p>
Теперь обе стороны охотятся за одними чертежами, находясь буквально в одном здании и пока не столкнувшись напрямую. Кто первым доберётся до разработки Сатору и чья легенда рассыплется раньше — скоро узнаем. Контршпионаж официально начался.
</p>

<p>
Спасибо всем за активную игру и развитие общего сюжета. Продолжайте в том же духе — и редакции скоро действительно придётся выпускать газету после каждого особенно неудачного утра в Республиканском городе.
</p>

</div>

<div class="arc-newsroom__best-post">
<div class="arc-newsroom__footer-title">Лучший пост</div>

<div class="arc-newsroom__best-text">
<p>
— Стой!— крикнул он. Полиция, будучи официальной структурой исполнительной власти, обязана была действовать прямо, чтобы все видели её деятельность, чтобы у обычных людей не оставалось сомнений в её эффективности. Несколько любопытствующих взглядов в самом деле обернулось на его выкрик, пока капитан ещё находился у входа в проулок. Кто-то хотел бежать из сквера туда, но остановился и благоразумно не проследовал за полицейским внутрь.
<br>
Его крик также служил способом психологического давления на убегающего — во всяком случае, это помогло бы в случае обычного преступника. В этот раз, когда Мучи завернул за угол, он столкнулся взглядом с владельцем синего огня.
</p>
</div>

<div class="arc-newsroom__author">
<a href="https://arc.f-rpg.me/viewtopic.php?id=118#p19147">Тёмный</a>
</div>
</div>

<div class="arc-newsroom__best-episode">
<div class="arc-newsroom__footer-title">
Лучший эпизод
<a href="https://arc.f-rpg.me/profile.php?id=52">Дзюн</a> &
<a href="https://arc.f-rpg.me/profile.php?id=32">Сифэн</a>
</div>

<p>
Сифэн и Дзюн отправляются к старому пруду проверить детскую страшилку — и обнаруживают, что в ней оказалось куда больше правды, чем хотелось бы.
</p>

<div class="arc-newsroom__episode-name">
<a href="https://arc.f-rpg.me/viewtopic.php?id=195#p17853">Тот, кто живет в пруду</a>
</div>
</div>

</div>

<STYLE>
/* Шрифты
-------------------------------------------------------------*/

/* Иконки */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

/* шрифты собраны и залиты envy */
@font-face { font-family: archive;
src: local("archive"), url(https://forumstatic.ru/files/0015/28/00/75162.otf) format('truetype');}

@font-face { font-family: arkhip;
src: local("arkhip"), url(https://forumstatic.ru/files/0015/28/00/27522.ttf) format('truetype');}

@font-face { font-family: baron neue;
src: local("baronneue"), url(https://forumstatic.ru/files/0015/28/00/38250.ttf) format('truetype');}

@font-face { font-family: basis;
src: local("basis33"), url(https://forumstatic.ru/files/0015/28/00/99051.ttf) format('truetype');}

@font-face { font-family: bradobrei;
src: local("bradobrei"), url(https://forumstatic.ru/files/0015/28/00/79628.ttf) format('truetype');}

@font-face { font-family: calypso;
src: local("calypso"), url(https://forumstatic.ru/files/0015/28/00/77071.ttf) format('truetype');}

@font-face { font-family: cheque;
src: local("cheque-black"), url(https://forumstatic.ru/files/0015/28/00/47389.ttf) format('truetype');}

@font-face { font-family: code pro;
src: local("code-pro"), url(https://forumstatic.ru/files/0015/28/00/40663.ttf) format('truetype');}

@font-face { font-family: curator;
src: local("curator4-italic"), url(https://forumstatic.ru/files/0015/28/00/54346.ttf) format('truetype');}

@font-face { font-family: gunny rewritten;
src: local("gnyrwn971"), url(https://forumstatic.ru/files/0015/28/00/51337.ttf) format('truetype');}

@font-face { font-family: helvetica neue medium;
src: local("helveticaneuecyr-medium"), url(https://forumstatic.ru/files/0015/28/00/67894.ttf) format('truetype');}

@font-face { font-family: journalism;
src: local("journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/0015/28/00/10034.ttf) format('truetype');}

@font-face { font-family: lighthaus;
src: local("lighthaus"), url(https://forumstatic.ru/files/0015/28/00/10357.ttf) format('truetype');}

@font-face { font-family: oswald;
src: local("oswald"), url(https://forumstatic.ru/files/0015/28/00/60141.ttf) format('truetype');}

@font-face { font-family: odessa;
src: local("odessa"), url(https://forumstatic.ru/files/001c/25/f9/41227.otf) format('truetype');}

@font-face { font-family: rubikmonoone;
src: local("rubikmonoone"), url(https://forumstatic.ru/files/0015/28/00/53777.ttf) format('truetype');}

@font-face { font-family: rubik;
src: local("rubikmonoone"), url(https://forumstatic.ru/files/001a/74/14/39158.ttf) format('truetype');}

@font-face { font-family: yanonekaffeesatz;
src: local("yanonekaffeesatz"), url(https://forumstatic.ru/files/001c/25/f9/36439.ttf) format('truetype');}

@font-face { font-family: russoone;
src: local("russoone"), url(https://forumstatic.ru/files/001c/25/f9/18560.ttf) format('truetype');}

@font-face { font-family: delagothicone;
src: local("delagothicone"), url(https://forumstatic.ru/files/001c/25/f9/87882.ttf) format('truetype');}

@font-face { font-family: quiza;
src: local("quiza"), url(https://forumstatic.ru/files/001c/25/f9/94124.ttf) format('truetype');}

@font-face { font-family: breamcatcher;
src: local("breamcatcher"), url(https://forumstatic.ru/files/001c/25/f9/76750.otf) format('truetype');}

@font-face { font-family: troubleside;
src: local("troubleside"), url(https://forumstatic.ru/files/001c/25/f9/31964.ttf) format('truetype');}

@font-face { font-family: znak-mono;
src: local("znak-mono"), url(https://forumstatic.ru/files/001c/25/f9/46309.ttf) format('truetype');}

@font-face { font-family: ekran;
src: local("ekran"), url(https://forumstatic.ru/files/001c/25/f9/47749.ttf) format('truetype');}

@font-face {font-family: 'Font Awesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/0015/28/00/83987.ttf);}

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

@font-face {font-family: 'Avatar';
src: local("Avatar"), url(https://forumstatic.ru/files/0015/28/00/61058.ttf);}

@font-face {
font-family: 'cinzel';
src: url('https://forumstatic.ru/files/0015/28/00/92110.ttf');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'cinzel';
src: url('https://forumstatic.ru/files/0015/28/00/82096.ttf');
font-weight: 700;
font-style: normal;
}

@font-face {font-family: 'Amatic SC';
src: local("Amatic SC"), url(https://forumstatic.ru/files/0015/28/00/98023.ttf);}

@font-face {
font-family: 'Rotis';
src: url('https://forumstatic.ru/files/000e/85/f0/50549.woff2') format('woff2'),
url('https://forumstatic.ru/files/000e/85/f0/75606.woff') format('woff'),
url('https://forumstatic.ru/files/000e/85/f0/11960.ttf') format('truetype'),
url('https://forumstatic.ru/files/000e/85/f0/97645.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Russo One';
src: url('https://forumstatic.ru/files/001c/83/b6/14693.woff2') format('woff2'),
url('https://forumstatic.ru/files/001c/83/b6/83170.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Archive';
src: url('https://forumstatic.ru/files/001c/83/b6/52928.woff2') format('woff2'),
url('https://forumstatic.ru/files/001c/83/b6/52928.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Cuprum';
src: url('https://forumstatic.ru/files/001c/83/b6/69207.woff2') format('woff2'),
url('https://forumstatic.ru/files/001c/83/b6/46871.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Constantine";
src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot");
src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot?#iefix")format("embedded-opentype"),
url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff2")format("woff2"),
url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff")format("woff"),
url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.ttf")format("truetype"),
url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.svg#Constantine")format("svg");
}

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');

@font-face {
font-display: block;
font-family: bootstrap-icons;
src: url("../res/font/bootstrap-icons.woff2") format("woff2"),
url("../res/font/bootstrap-icons.woff") format("woff");
}
/* Основные переменные
------------------------------------------*/
:root {
/* IMAGES */
--logo: url('https://forumstatic.ru/files/0015/28/00/38276.png');
--logomob: url('https://forumstatic.ru/files/0015/28/00/12720.webp');
--categoryfon: url('https://forumstatic.ru/files/0015/28/00/25096.jpg');
--categoryfon2: url('https://forumstatic.ru/files/0015/28/00/64091.jpg');
--categoryfon3: url('https://forumstatic.ru/files/0015/28/00/58841.jpg');
--categorydecorleft: url('https://forumstatic.ru/files/0015/28/00/21469.png');
--categorydecorright: url('https://forumstatic.ru/files/0015/28/00/29369.png');
--panorama: url('https://forumstatic.ru/files/0015/28/00/95548.webp');
--navlinktexture: url('https://forumstatic.ru/files/0015/28/00/50983.jpg');
--navlinktexture1: url('https://forumstatic.ru/files/0015/28/00/98686.jpg');
--fondark: url('https://forumstatic.ru/files/0015/28/00/17501.jpg');
--linetelo: url('https://forumstatic.ru/files/0015/28/00/68071.jpg');
--defaultavatar: url('https://forumstatic.ru/files/0015/28/00/43326.jpg');

/* COLORS */
--telo2: #D9BEA7;
--wordcolor: #8C7D70;
--wordcolor1: #4e5b76;
--textcolor: #46536e;
--accentcolor1: #385273;
--accentcolor2: #8C7D70;
--accent-light: #D9BEA7;
--accent-color: var(--accentcolor1);
--accent-color-light: #F2E9E4;
--amscolor: var(--textcolor);
--white: #fff8f4;
--white1: #f8f6f5;
--white2: #fbf5ec;
--quotecolor: rgb(217 190 167 / 95%);
--bg-light: #ece5da;
--bg-dark: var(--textcolor);
--categor: var(--accentcolor1);
--bordercolor: var(--wordcolor);
--yellow: var(--accent-light);
--linkcolor: #737984;
--linkhover: var(--accentcolor2);
--buttoncolor: var(--textcolor);
--buttontextcolor: var(--white);
--useravatarcolor: #523b28;
--menucolor: #855f32;
--infocolor: #7c4625;
--tablichka-border: #d6bc9b;
--main-grey: var(--bordercolor);
--buttoncol: rgba(56, 76, 115, 0.22);

/* EXTRA DIRECT COLORS FROM CSS */
--redcolor: #822727;
--redcolor2: #a80000;
--graycolor: #4a3b23;
--gray-light: #c9c9c9;
--markcolor: #f7f0c4;
--hover-light: #d9fff9;
--admin-border: #ccc;
--online-orange: #ff7a33;
--online-yellow: #ffc46b;

/* TRANSPARENT COLORS */
--blackmin: rgba(56, 76, 115, 0.03);
--blackmedium: rgb(115 97 56 / 18%);
--blackmax: rgb(115 100 56 / 58%);
--blackmax2: rgb(115 94 56 / 47%);
--blackmore: rgb(112 115 56 / 8%);
--selecttextcolor: #f3eee8de;
--selectmin: #f2ece3;
--selectmax: rgba(56, 82, 115, 0.24);

/* GRADIENTS */
--gradient-accent: linear-gradient(190deg, rgba(56, 76, 115, 0.42), rgba(140, 125, 112, 0.62));
--gradient-accent45: linear-gradient(
45deg,
rgba(56, 76, 115, 0.42),
rgba(140, 125, 112, 0.62)
);
--gradient-accent1: linear-gradient(
45deg,
var(--accentcolor1) 0%,
var(--textcolor) 100%
);
--gradient-accent2: linear-gradient(
190deg,
rgba(217, 190, 167, 0.64),
rgba(56, 82, 115, 0.50)
);
--gradient-accent3: linear-gradient(
45deg,
var(--accentcolor2) 0%,
var(--accentcolor1) 100%
);

/* UNIVERSAL TEMPLATE COLORS */
--template-bg: var(--accent-color-light);
--template-card: var(--selectmin);
--template-soft: var(--bg-light);
--template-text: var(--infocolor);
--template-muted: var(--wordcolor);
--template-border: var(--tablichka-border);
--template-border-dark: var(--bordercolor);
--template-accent: var(--menucolor);
--template-accent-light: var(--accent-light);
--template-blue: var(--accentcolor1);
--template-white: var(--white);
--template-shadow: rgba(124, 70, 37, .18);

/* TEMPLATE COLORS: WANTED */
--wanted-bg: var(--template-bg);
--wanted-card: var(--template-card);
--wanted-soft: var(--template-soft);
--wanted-text: var(--template-text);
--wanted-muted: var(--template-muted);
--wanted-border: var(--template-border);
--wanted-border-dark: var(--template-border-dark);
--wanted-accent: var(--template-accent);
--wanted-light: var(--template-accent-light);
--wanted-white: var(--template-white);
--wanted-shadow: var(--template-shadow);
--wanted-ams-accent: #7b3438;
--wanted-ams-light: #d8aaa0;
--wanted-ams-shadow: rgba(123, 52, 56, .18);
--wanted-player-accent: var(--accentcolor1);
--wanted-player-light: #b7cbd8;
--wanted-player-shadow: rgba(56, 82, 115, .18);

/* TEMPLATE COLORS: WIKI */
--wiki-bg: var(--template-bg);
--wiki-card: var(--template-card);
--wiki-soft: var(--template-soft);
--wiki-text: var(--template-text);
--wiki-muted: var(--template-muted);
--wiki-border: var(--template-border);
--wiki-border-dark: var(--template-border-dark);
--wiki-accent: var(--template-accent);
--wiki-accent-light: var(--template-accent-light);
--wiki-blue: var(--template-blue);
--wiki-white: var(--template-white);
--wiki-shadow: var(--template-shadow);

/* TEMPLATE COLORS: MECH */
--mech-bg: var(--template-bg);
--mech-card: var(--template-card);
--mech-soft: var(--template-soft);
--mech-text: var(--template-text);
--mech-muted: var(--template-muted);
--mech-border: var(--template-border);
--mech-border-dark: var(--template-border-dark);
--mech-accent: var(--template-accent);
--mech-accent-light: var(--template-accent-light);
--mech-blue: var(--template-blue);
--mech-white: var(--template-white);
--mech-shadow: var(--template-shadow);

/* TEMPLATE COLORS: PLOT */
--plot-bg: var(--template-bg);
--plot-card: var(--template-card);
--plot-soft: var(--template-soft);
--plot-text: var(--template-text);
--plot-muted: var(--template-muted);
--plot-border: var(--template-border);
--plot-border-dark: var(--template-border-dark);
--plot-accent: var(--template-accent);
--plot-accent-light: var(--template-accent-light);
--plot-blue: var(--template-blue);
--plot-white: var(--template-white);
--plot-shadow: var(--template-shadow);

/* TEMPLATE COLORS: ANKETA / CHRONO */
--anketa-bg: #fbf5ee;
--anketa-card: var(--template-card);
--anketa-soft: var(--template-soft);
--anketa-text: var(--template-text);
--anketa-muted: var(--template-muted);
--anketa-border: var(--template-border);
--anketa-border-dark: var(--template-border-dark);
--anketa-accent: var(--template-accent);
--anketa-accent-light: var(--template-accent-light);
--anketa-blue: var(--template-blue);
--anketa-white: var(--template-white);
--anketa-shadow: var(--template-shadow);

/* TEMPLATE COLORS: ROLES */
--roles-bg: var(--template-bg);
--roles-card: var(--template-card);
--roles-soft: var(--template-soft);
--roles-text: var(--template-text);
--roles-muted: var(--template-muted);
--roles-border: var(--template-border);
--roles-border-dark: var(--template-border-dark);
--roles-accent: var(--template-accent);
--roles-accent-light: var(--template-accent-light);
--roles-blue: var(--template-blue);
--roles-white: var(--template-white);
--roles-shadow: var(--template-shadow);

/* PIN */
--pin-color: var(--accentcolor1);
--pin-color-hover: var(--accentcolor2);

/* STATUS */
--successcolor: var(--accentcolor1);
--errorcolor: var(--accentcolor2);
--warningcolor: var(--accentcolor2);

/* FONTS */
--arial: arial, verdana, helvetica, sans-serif;
--rus: "cinzel", serif;
--eng: "Constantine", serif;
--fontosnovnoe: verdana, arial, helvetica, sans-serif;
--font-base: verdana, arial, helvetica, sans-serif;
--mso: "Material Symbols Outlined";
--mso3: "Font Awesome";

/* SPACING */
--padding: 10px 20px;
--tpad: 5px 20px;
--mpad: 5px 10px;
--bpad: 10px 40px;
--gap: 14px;
--gap-sm: 8px;
--gap-lg: 18px;

/* SHAPE */
--radius: 0px;
--chip: 22px;

/* SHADOWS */
--shadow: 0 6px 18px rgba(43, 29, 18, 0.15);
--shadow-strong: 0 8px 24px rgba(43, 29, 18, 0.35);
}

.arc-newsroom {

background-image:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-white) 72%, transparent),
color-mix(in srgb, var(--wiki-card) 92%, transparent)
),

linear-gradient(
90deg,
color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
transparent 100%
),

url("https://i.pinimg.com/736x/ce/8e/73/ce8e7389118b4416930fcbf8bc95abc3.jpg");

}

html.dark .arc-newsroom {

background-image:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-white) 72%, transparent),
color-mix(in srgb, var(--wiki-card) 92%, transparent)
),

linear-gradient(
90deg,
color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
transparent 100%
),

url("https://i.pinimg.com/736x/22/91/06/22910606e402fa6b89313b8dcd633191.jpg");

}

/* =========================================
РЕСПУБЛИКАНСКИЙ ВЕСТНИК — НОВОСТИ
========================================= */

.arc-newsroom {
position: relative;

max-width: 980px;
margin: 0 auto 14px;
padding: 22px;

color: var(--wiki-text);

background-image:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-white) 72%, transparent),
color-mix(in srgb, var(--wiki-card) 92%, transparent)
),

linear-gradient(
90deg,
color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%,
color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%,
transparent 100%
),

url("https://i.pinimg.com/1200x/7e/27/33/7e27334107e520403173db5ade8a5781.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: 1px solid var(--wiki-border);
border-radius: 10px;

box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 45%, transparent),
inset 0 -1px 0 color-mix(in srgb, var(--wiki-border-dark) 20%, transparent),
0 4px 16px var(--wiki-shadow);

font: 400 12px/1.65 var(--font-base);
overflow: hidden;
}

.arc-newsroom::before {
content: "";

position: absolute;
inset: 0;

background:
radial-gradient(
circle at 0 0,
color-mix(in srgb, var(--wiki-accent-light) 42%, transparent),
transparent 36%
);

opacity: .7;
pointer-events: none;
}

/* header */

.arc-newsroom__header {
display: grid;
grid-template-columns: 86px minmax(0, 1fr);
gap: 14px;
align-items: stretch;

margin-bottom: 14px;
padding-bottom: 12px;

border-bottom: 1px solid var(--wiki-border);
}

.arc-newsroom__date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

min-height: 74px;

color: var(--wiki-white);

background:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-accent) 88%, var(--wiki-blue)),
var(--wiki-accent)
);

border-radius: 8px;

box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 28%, transparent),
0 4px 10px color-mix(in srgb, var(--wiki-accent) 24%, transparent);
}

.arc-newsroom__date span {
font: 700 9px/1 var(--font-base);
text-transform: uppercase;
letter-spacing: 1px;
opacity: .8;
}

.arc-newsroom__date b {
margin-top: 5px;

font: 700 24px/1 var(--rus);
letter-spacing: .5px;
}

.arc-newsroom__title {
display: flex;
flex-direction: column;
justify-content: center;

min-width: 0;
}

.arc-newsroom__title span {
color: var(--wiki-muted);

font: 700 10px/1 var(--eng);
text-transform: uppercase;
letter-spacing: 2px;
}

.arc-newsroom__title h2 {
display: block !important;
visibility: visible !important;

position: static !important;

width: auto !important;
height: auto !important;

margin: 6px 0 0 !important;
padding: 0 !important;

color: var(--wiki-accent) !important;

font: 700 28px/1.1 var(--rus) !important;
text-align: left !important;
text-transform: uppercase !important;
}

/* stats */

.arc-newsroom__stats {
display: inline-flex;
align-items: center;
gap: 8px;

margin-bottom: 14px;
padding: 7px 10px;

color: var(--wiki-accent);

background: var(--wiki-soft);
border: 1px solid var(--wiki-border);
border-radius: 5px;

font: 700 10px/1 var(--rus);
text-transform: lowercase;
letter-spacing: .4px;
}

.arc-newsroom__stats b {
color: var(--wiki-white);

min-width: 24px;
height: 20px;
padding: 0 7px;

display: inline-flex;
align-items: center;
justify-content: center;

background: var(--wiki-accent);
border-radius: 20px;

font: 700 11px/1 var(--font-base);
}

/* content */

.arc-newsroom__content {
padding: 16px;

background:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-white) 20%, transparent),
color-mix(in srgb, var(--wiki-soft) 88%, transparent)
);

border: 1px solid var(--wiki-border);
border-radius: 8px;
}

.arc-newsroom__content p {
margin: 0 0 12px;

color: var(--wiki-text);

font: 400 11px/1.55 var(--font-base);
text-align: justify;
}

.arc-newsroom__content p:last-child {
margin-bottom: 0;
}

.arc-newsroom__content strong,
.arc-newsroom__content b {
color: var(--wiki-accent);
}

.arc-newsroom__content a {
color: var(--wiki-accent);
font-weight: 700;
text-decoration: none;
}

.arc-newsroom__content a:hover {
color: var(--wiki-blue);
}

/* footer */

.arc-newsroom__footer {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
gap: 12px;

margin-top: 12px;
}

.arc-newsroom__best-post,
.arc-newsroom__best-episode {
padding: 14px;

background: var(--wiki-soft);
border: 1px solid var(--wiki-border);
border-radius: 8px;
}

.arc-newsroom__footer-title {
margin-bottom: 8px;

color: var(--wiki-accent);

font: 700 11px/1.2 var(--rus);
text-transform: uppercase;
letter-spacing: .8px;
}

.arc-newsroom__best-text {
max-height: 92px;
overflow: auto;

padding-right: 6px;
}

.arc-newsroom__best-text p {
margin: 0;

color: var(--wiki-text);

font: 400 11px/1.55 var(--font-base);
text-align: justify;
}

.arc-newsroom__author,
.arc-newsroom__episode-name {
margin-top: 10px;
padding-top: 8px;

border-top: 1px solid var(--wiki-border);

font: 700 11px/1.4 var(--rus);
text-transform: lowercase;
}

.arc-newsroom__author a:hover,
.arc-newsroom__episode-name a:hover {
color: var(--wiki-blue);
}

/* =========================================
FACE CLAIMS
========================================= */

.arc-faces {
position: relative;
overflow: hidden;

padding: 22px;

background:
linear-gradient(
180deg,
color-mix(in srgb, var(--wiki-white) 24%, transparent),
color-mix(in srgb, var(--wiki-soft) 92%, transparent)
),
var(--wiki-card);

border: 1px solid var(--wiki-border);
border-radius: 10px;

box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 40%, transparent),
0 4px 16px var(--wiki-shadow);
}

.arc-faces::before {
content: "";

position: absolute;
inset: 0;

background-image:
linear-gradient(
180deg,
rgba(255,255,255,.06),
rgba(255,255,255,0)
),
url("https://i.pinimg.com/1200x/3c/c0/74/3cc074aa05d07de913002a6aad86e034.jpg");

background-repeat: no-repeat;
background-size: cover;
background-position: center;

opacity: .13;

pointer-events: none;
}

/* header */

.arc-faces__header {
margin-bottom: 18px;
padding-bottom: 12px;

border-bottom: 1px solid var(--wiki-border);
}

.arc-faces__title {
color: var(--wiki-accent);

font:
700 24px/1 var(--rus);

text-transform: uppercase;
}

.arc-faces__subtitle {
margin-top: 8px;

color: var(--wiki-muted);

font:
400 10px/1.5 var(--font-base);
}