[hideprofile]
[html]<div class="lore-timeline">
  <div class="inner-box">
  <div class="timeline-main-title">ХРОНОЛОГИЯ</div>
  <!-- ГОД 1 -->
  <div class="timeline-year">
    <div class="year-title">1998</div>
    <div class="months">
      <div class="month"><strong>Август. Первые случаи заражения. </strong>В новостях передают о единичных случаях обращения в больницы на юге США с жалобами на странную сыпь в виде чешуи.</div>
      <div class="month"><strong>Сентябрь. Первые случаи смертей. </strong>Первые случаи самовозгорания пациентов замечены в Луизиане.</div>
      <div class="month"><strong>Декабрь.</strong> Количество погибших от неизвестной "драконьей болезни" превысило 5 тысяч человек, количество заражённых — не менее 100 тысяч по всему миру. Больше всего погибших в Луизиане. <em> <strong><br> <br>ВОЗ присваивает болезни статус пандемии.</strong></em></div>
    </div>
  </div>

  <!-- ГОД 2 -->
  <div class="timeline-year">
    <div class="year-title">1999</div>
    <div class="months">
      <div class="month"><strong>Январь. Изоляция.</strong> Полностью закрывается воздушное пространство США, ограничены передвижения между штатами.</div>
      <div class="month"><strong>Март. Временные госпитали. </strong> Для тех, кто обнаружил у себя следы болезни, созданы временные госпитали, где пациентов стараются уберечь от самовозгорания.</div>
      <div class="month"><strong>Апрель.</strong> Количество погибших по всему миру <strong><em>более 10 млн человек</em></strong> и растёт с каждым днём. Люди сгорают заживо прямо на работе, дома и на улице.</div>
      <div class="month"><strong>Май. Статус катастрофы.</strong> Официальное название болезни — <strong><em>"драконья чешуя".</em></strong> Ей присвоен статус катастрофы. Введены военные положения. Пожарная служба проходит переквалификацию.</div>
      <div class="month"><strong>Июнь. Вторая волна изоляции. </strong> Передвижение между штатами полностью прекращено.</div>
      <div class="month"><strong>Июль. Анархия. </strong>Сенат Флориды распущен. Теперь управление переходит в руки военных.</div>
      <div class="month"><strong>Август. Полная анархия. </strong>Объявлена охота на тех, у кого заметят драконью чешую. Существуют отдельные группы выживших и избежавших казни. Отдельными людьми предприняты первые попытки контролировать вирус, но это, скорее, слухи.</div>
    </div>
  </div>

  <!-- ГОД 3 -->
  <div class="timeline-year">
    <div class="year-title">2000-2023</div>
    <div class="months">
      <div class="month"><strong>Вирус мутировал и стал ещё более непредсказуем.</strong> У носителей драконьей чешуи рождаются здоровые дети, некоторые из них не заражаются и в дальнейшем, однако далеко не все.<br><br>
В 2010 году начинаются первые <em>исчезновения детей от 2000 года рождения</em>, но никто не пытается установить связь между ними.<br><br>
Начались первые попытки разработать вакцину от вируса, из-за чего были приостановлены исследования по разработке вакцины от рака.</div>
    </div>
  </div>

  <!-- ГОД 4 -->
  <div class="timeline-year">
    <div class="year-title">2024</div>
    <div class="months">
      <div class="month">На телевидении появляются <strong><em>"голоса"</em></strong> — те, кто якобы научит людей "мириться" и жить с чешуёй. <strong><br><br>Инквизиция пытается выявить источник трансляций, но пока безуспешно.</strong></div>
    </div>
</div>

  <!-- ГОД 5 -->
  <div class="timeline-year">
    <div class="year-title">2025</div>
    <div class="months">
      <div class="month"><strong>Сентябрь.</strong> По стране прокатились серии терактов, которые устраивали группы заражённых. Брайтвинна они коснулись тоже. Группы людей целенаправленно приходили в людные места и вспыхивали, как спички, как будто до тех пор намеренно сдерживали огонь внутри себя.</div>
      <div class="month"><strong>Октябрь.</strong> В срочном порядке финансирование разработки вакцины от драконьей чешуи получил некий секретный правительственный объект, именуемый Институтом. Это связано с тем, что стандартные исследовательские институты так и не справились со своей задачей.</div>
      <div class="month"><strong>Ноябрь.</strong> Первые опыты на людях завершены успешно. Скоро вакцина поступит в пользование. Пока в ограниченном количестве.</div>
      <div class="month"><strong>Конец ноября.</strong> Вакцинировано около <strong>5000</strong> человек в Брайтвинне и более <strong>500 000</strong> — по стране.</div>
      <div class="month"><strong>7 декабря.</strong> Институт оповестил о непредвиденной ситуации с теми, на ком была испытана вакцина. От дальнейших комментариев воздержался.</div>
      <div class="month"><strong>10 декабря. </strong>У всех, кто получил вакцину, стали отмечаться неконтролируемые приступы ярости, попытки причинить вред всем, кто находится рядом. Власти рекомендуют не выходить из дома и не контактировать с теми, кто успел получить вакцину, а также о необходимости сообщать о подобных случаях по каналам экстренной связи.</div>
<div class="month"><strong>12 декабря.</strong>  В психлечебнице произошёл взрыв. Кто стал виновником этому взрыву - неизвестно, главное, что больницу срочно пришлось эвакуировать, и оттуда сбежало не менее 10 психически нездоровых людей.</div>
      <div class="month"><strong>Конец декабря.</strong> Объявлено чрезвычайное положение. Основной проблемой теперь стали не люди с драконьей чешуёй (хотя те ещё опасны, напоминают власти), а те, кто был вакцинирован. Предполагают, что вакцина продолжает распространяться подпольно, но подтверждений этой информации нет.</div>
    </div>
  </div>

  <!-- ГОД 6 -->
  <div class="timeline-year">
    <div class="year-title">2026</div>
    <div class="months">
      <div class="month"><strong>Январь.</strong> Многие производства в городе и за его пределами остановлены. Мир делится на тех, кто в любой момент может сгореть, тех, кто желает человеческой плоти и убивает без раздумий, передавая новый, случайно выведенный вирус укушенным, и выжившим, которых меньшинство. <br><br>
"Голоса" всё чаще дают о себе знать, устраивая через ничего не подозревающих людей диверсии. В этот раз страдает городская церковь. Она сгорает до тла.<br><br>
Вирус ярости мутирует. Теперь для заражения не обязательно колоть вакцину - достаточно, чтобы в рану попала слюна уже имеющего бешенство.</div>
    </div>
</div>

  </div>

</div>

<style>
/* Шрифт */
@font-face {
    font-family: 'Cinzel';
    src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}

/* ===== Главный контейнер ===== */
.lore-timeline {
    width: 850px;
    margin: 20px auto;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    color: #2f3029;
    background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
    background-repeat: repeat;
    border-radius: 20px;
    padding: 5px;
    box-sizing: border-box;
}

.inner-box {
    background: #c7c7c7;
    border-radius: 16px;
    padding: 5px;
    box-sizing: border-box;
}

/* ===== Главный заголовок ===== */
.timeline-main-title {
    margin: 5px;
    padding: 10px 40px;
    background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg);
    background-repeat: repeat;
    border-radius: 16px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #c7c7c7;
}

/* ===== Год (внешняя рамка) ===== */
.timeline-year {
    margin: 25px 10px 25px 10px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 16px;
    position: relative;
    background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg);
    background-repeat: repeat;
}

/* ===== Фон года ===== */
.timeline-year::before {
    content: "";
    position: absolute;
    inset: 5px;
    background: #c7c7c7;
    border-radius: 12px;
    z-index: 0;
}

/* ===== Заголовок года ===== */
.year-title {
    position: relative;
    z-index: 1;
    width: max-content;
    margin: -18px auto 10px;
    padding: 6px 26px;
    background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
    background-repeat: repeat;
    border-radius: 14px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #c7c7c7;
}

/* ===== Месяцы ===== */
.months {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
}

/* ===== Внешняя рамка месяца ===== */
.month {
    flex: 1 1 calc(50% - 10px);
    border: 1px solid #a9a9a9;
    border-radius: 12px;
    box-sizing: border-box;
    text-align: justify;
    padding: 10px;
    color: #2f3029;
}

/* ===== Текст месяца ===== */
.month {
    position: relative;
}

.month strong {
    font-weight: bold;
}

.month em {
    font-style: italic;
}
[/html]