[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<title>Антракт II.VI — Совет крови</title>
<style>
:root #quest-container {
--text: #1c1b1a;
--sec-text: #4f4944;
--accent: #99423d;
--sec-accent: #adadad;
--quote: #c2c2c26e;
--bord: #a9a8a8;
--base-bg2: #bababa;
--tab-text: #d2cec9;
--cat-fon: #444f63;
--red-bg: #99423d;
--blue-bg-img: url(https://forumstatic.ru/files/001c/87/49/53603.jpg);
--red-bg-img: url(https://forumstatic.ru/files/001c/87/49/78505.jpg);
}
body.dark #quest-container {
--text: #282320;
--sec-text: #67837b;
--accent: #925f5d;
--sec-accent: #e3e3e3;
--quote: #c2c2c26e;
--bord: #d5d0c9;
--base-bg2: #e1ded9;
--tab-text: #f1ede8;
--cat-fon: #6f9086;
--red-bg: #925f5d;
--blue-bg-img: url(https://forumstatic.ru/files/001c/87/49/74052.jpg);
--red-bg-img: url(https://forumstatic.ru/files/001c/87/49/79122.jpg);
}
#quest-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
#quest-container {
max-width: 900px;
margin: 20px auto;
padding: 25px;
background: #bababa5c;
border-radius: 12px;
color: var(--text) !important;
transition: all 0.3s ease;
border: 1px solid #a9a8a859;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
#quest-container .quest-header {
text-align: center;
margin-bottom: 20px;
padding: 15px;
background: var(--quote);
border-radius: 10px;
border: 1px solid var(--bord);
border-top: 3px solid var(--accent);
}
#quest-container .quest-header .quest-title {
color: var(--accent) !important;
font-size: 26px !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
margin-bottom: 5px !important;
line-height: 1.2 !important;
}
#quest-container .quest-header .quest-date {
color: var(--sec-text) !important;
font-size: 14px !important;
font-style: italic !important;
line-height: 1.2 !important;
}
#quest-container .quest-image {
text-align: center;
margin: 20px 0;
}
#quest-container .quest-image img {
max-width: 100%;
height: auto;
border-radius: 8px;
border: 2px solid var(--bord);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
#quest-container .quest-meta {
text-align: center;
margin: 15px 0 20px;
padding: 10px;
background: var(--quote);
border-radius: 8px;
border: 1px solid var(--bord);
}
#quest-container .quest-meta,
#quest-container .quest-meta * {
font-size: 14px !important;
line-height: 1.4 !important;
}
#quest-container .quest-meta i {
color: var(--sec-text) !important;
font-style: italic !important;
}
#quest-container .quest-meta a {
color: var(--accent) !important;
text-decoration: none !important;
font-weight: 500 !important;
margin-left: 10px;
padding: 3px 8px;
background: rgba(153, 66, 61, 0.1);
border-radius: 4px;
font-size: 14px !important;
}
#quest-container .quest-meta a:hover {
text-decoration: underline !important;
background: rgba(153, 66, 61, 0.2);
}
#quest-container .quest-quote {
background: var(--quote);
padding: 20px 25px;
border-radius: 10px;
margin: 20px 0;
border: 1px solid var(--bord);
border-bottom: 2px solid var(--accent);
font-style: italic !important;
text-align: center;
color: var(--text) !important;
line-height: 1.6 !important;
}
#quest-container .quest-quote,
#quest-container .quest-quote * {
font-size: 14px !important;
}
#quest-container .quest-warning {
color: #3d3935 !important;
line-height: 1.4 !important;
padding: 10px 15px;
background: var(--quote);
border-radius: 6px;
margin-top: 15px;
opacity: 0.9;
border: 1px solid var(--bord);
}
#quest-container .quest-warning,
#quest-container .quest-warning * {
font-size: 13px !important;
}
#quest-container .quest-warning p {
margin-bottom: 5px !important;
}
#quest-container .quest-warning p:last-child {
margin-bottom: 0 !important;
}
#quest-container .danger {
color: var(--accent) !important;
font-weight: 600 !important;
}
#quest-container hr {
border: none;
border-top: 1px dashed var(--bord);
margin: 20px 0 10px;
}
#quest-container .participants {
display: inline-block;
background: var(--sec-accent);
color: #393939 !important;
padding: 3px 10px;
border-radius: 20px;
font-weight: 500 !important;
margin-bottom: 5px;
}
#quest-container .participants,
#quest-container .participants * {
font-size: 14px !important;
}
#quest-container .quest-footer {
text-align: right;
margin-top: 10px;
padding: 0;
color: var(--sec-text) !important;
font-size: 13px !important;
font-style: italic;
}
@media (max-width: 600px) {
#quest-container {
padding: 15px;
}
#quest-container .quest-header .quest-title {
font-size: 22px !important;
}
#quest-container .quest-quote {
padding: 15px;
}
#quest-container .quest-quote,
#quest-container .quest-quote * {
font-size: 15px !important;
}
#quest-container .quest-warning,
#quest-container .quest-warning * {
font-size: 12px !important;
}
#quest-container .quest-meta,
#quest-container .quest-meta * {
font-size: 13px !important;
}
#quest-container .participants,
#quest-container .participants * {
font-size: 13px !important;
}
}
</style>
</head>
<body>
<div id="quest-container">
<div class="quest-header">
<div class="quest-title">Антракт II.VI Совет крови</div>
<div class="quest-date">22.09.1410</div>
</div>
<!-- Изображение (можно заменить) -->
<div class="quest-image">
<img src="https://upforme.ru/uploads/001c/87/49/38/777092.png" alt="Совет крови">
</div>
<div class="quest-meta">
<span class="participants">Eirida Thornsey, Sky Corben, Ragnar Torgeir, Luciana Thorvin (NPC Valgard Forsbek), Einar Raudox, Andri Aarne</span><br>
<i>Локация:</i> ЙОРТУНН, НОРТХЕЙМ, ДЛИННЫЙ ДОМ
<a href="https://dragonfall.ru/viewtopic.php?id=664#p162891">тех.тема</a>
</div>
<div class="quest-quote">
Север никогда не прощал слабости. Но Север умеет ждать.<br><br>
Четыре луны минуло с тех пор, как тотем Дорума вернулся в земли, где его вырезали из камня предки ныне живущих. Месяц, как Хелара, чье имя шепчут только вельвы у костров, обрела свое место в длинном доме Нортхейма. Два тотема. Два бога, чье пробуждение совпало с голодом, мором и мертвецами, шагающими по Серебряному хребту.<br><br>
Империя молчит.<br><br>
Но Север не ждет.<br><br>
Вопрос один: что делать дальше?
</div>
<div class="quest-warning">
<p>Принятые здесь решения и их последствия являются каноничными и необратимыми для всего мира. От ваших слов и поступков может измениться баланс сил, расклад политических влияний и судьбы целых регионов.</p>
<p><span class="danger">[!] Персонаж может погибнуть.</span> Участвуя в этом квесте, вы добровольно соглашаетесь на эту возможность и принимаете ответственность за все последствия своих действий.</p>
</div>
<!-- Блок с условиями -->
<div style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 10px; background: var(--quote); padding: 12px 15px; border-radius: 30px; margin: 10px 0 15px 0; border: 1px solid var(--bord); font-size: 14px; text-align: center;">
<div>Пост: <strong>2 суток</strong></div>
<div>Лимит: <strong>3,0k символов</strong></div>
<div>Пропуск хода = последствия</div>
<div>Отсрочка: <strong>нет</strong></div>
</div>
<hr>
<div class="quest-footer">
Совет крови
</div>
</div>
</body>
</html>[/html][hideprofile]














![de other side [crossover]](https://i.imgur.com/BQboz9c.png)










