[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.III — Долина костей</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.III Долина костей</div>
<div class="quest-date">12.09.1410</div>
</div>
<!-- Изображение (можно заменить) -->
<div class="quest-image">
<img src="https://upforme.ru/uploads/001c/87/49/38/426620.png" alt="Долина костей">
</div>
<div class="quest-meta">
<span class="participants">George Fines (GM), Luciana Thorvin, Yara Dragan (NPC), Hasem (NPC)</span><br>
<i>Локация:</i> ЙОРТУНН, СЕРЕБРЯНЫЙ ХРЕБЕТ, ДОЛИНА КОСТЕЙ
<a href="https://dragonfall.ru/viewtopic.php?id=664#p162891">тех.тема</a>
</div>
<div class="quest-quote">
Слухи о драконах не прекращаются — они ведут в те места, куда люди боялись заходить прежде. Серебряный хребет хранит тайн больше, чем любой свиток в имперских библиотеках. Говорят, в его недостижимых вершинах до сих пор можно найти следы существ, что правили небом до людей. Люциана Торвин, не склонная верить слухам охотников, тем не менее снарядила экспедицию. Если драконы действительно оставили после себя не только пепел, она намерена это доказать.<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)










