[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:wght@400;600&display=swap');

.khrn-wrap {
  box-sizing: border-box;
  --ink:        #e7e1d4;
  --ink-dim:    #948a78;
  --bg-card:    #201e1c;
  --bg-card-2:  #2a2724;
  --bg-card-3:  #141312;
  --brass:      #c9a15f;
  --brass-dim:  #6e5c39;
  --blood:      #5c1a1f;
  --blood-br:   #b0403f;
  font-family: 'EB Garamond', Georgia, serif;
  color: var(--ink);
  padding: 20px 12px;
}
.khrn-wrap *, .khrn-wrap *::before, .khrn-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  line-height: normal;
  font-style: normal !important;
}

.khrn-wrap .khrn-texture {
  background-color: var(--bg-card);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
    radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
    linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
  background-blend-mode: overlay, soft-light, multiply, normal;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: 140px 140px, cover, cover, cover;
}

.khrn-wrap .khrn-banner {
  max-width: 940px;
  margin: 0 auto 20px;
  text-align: center;
  border: 1px solid var(--brass-dim);
  padding: 26px 20px 22px;
  position: relative;
}
.khrn-wrap .khrn-banner::before,
.khrn-wrap .khrn-banner::after {
  content: "";
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--brass);
  opacity: 0.6;
}
.khrn-wrap .khrn-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.khrn-wrap .khrn-banner::after  { bottom: 8px; right: 8px; border-left: none; border-top: none; }

.khrn-wrap .khrn-title {
  font-family: 'Cinzel Decorative', 'Cinzel', serif;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 3px;
  color: var(--brass);
  text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.khrn-wrap .khrn-subtitle {
  color: var(--ink-dim);
  font-size: 15.5px;
  margin-top: 8px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.khrn-wrap .khrn-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.khrn-wrap .khrn-stat {
  border: 1px solid var(--brass-dim);
  padding: 10px 8px;
  text-align: center;
}
.khrn-wrap .khrn-stat-label {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--brass);
  margin-bottom: 4px;
  display: block;
}
.khrn-wrap .khrn-stat-value {
  font-size: 14.5px;
  color: var(--ink);
  display: block;
}

.khrn-wrap .khrn-tab-input { display: none; }

.khrn-wrap .khrn-nav {
  max-width: 940px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.khrn-wrap .khrn-nav label {
  cursor: pointer;
  font-family: 'Cinzel', serif;
  font-size: 13.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ink-dim);
  border: 1px solid var(--brass-dim);
  padding: 9px 14px;
  background: var(--bg-card-2);
  transition: color 0.15s, border-color 0.15s;
  user-select: none;
}
.khrn-wrap .khrn-nav label:hover { color: var(--ink); border-color: var(--brass); }

.khrn-wrap .khrn-panels { max-width: 940px; margin: 0 auto; }
.khrn-wrap .khrn-panel { display: none; }
.khrn-wrap .khrn-panel-inner {
  border: 1px solid var(--brass-dim);
  padding: 26px 26px 22px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}

#khrn-t1:checked ~ .khrn-nav label[for="khrn-t1"],
#khrn-t2:checked ~ .khrn-nav label[for="khrn-t2"],
#khrn-t3:checked ~ .khrn-nav label[for="khrn-t3"] {
  color: var(--ink);
  background: var(--bg-card);
  border-color: var(--brass);
  box-shadow: 0 0 12px rgba(201,161,95,0.3);
}

#khrn-t1:checked ~ .khrn-panels #khrn-p1,
#khrn-t2:checked ~ .khrn-panels #khrn-p2,
#khrn-t3:checked ~ .khrn-panels #khrn-p3 {
  display: block;
}

.khrn-wrap .khrn-h2 {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: var(--brass);
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--brass-dim);
}
.khrn-wrap .khrn-h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: var(--ink);
  margin: 18px 0 8px;
}
.khrn-wrap .khrn-h3:first-child { margin-top: 0; }

.khrn-wrap .khrn-text {
  font-size: 15.5px !important;
  line-height: 1.75;
  text-align: justify;
  color: var(--ink);
  margin-bottom: 12px;
}
.khrn-wrap .khrn-text:last-child { margin-bottom: 0; }
.khrn-wrap .khrn-text b { color: var(--brass); font-weight: 600; }

.khrn-wrap .khrn-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
  margin: 18px 0;
}

.khrn-wrap .khrn-intro {
  border: 1px solid var(--brass);
  background: rgba(201,161,95,0.06);
  padding: 14px 18px;
  margin-bottom: 18px;
}
.khrn-wrap .khrn-intro p {
  font-size: 15.5px !important;
  line-height: 1.7;
  color: var(--ink);
  text-align: justify;
}
.khrn-wrap .khrn-intro b { color: var(--brass); }

/* лента событий */
.khrn-wrap .khrn-timeline { margin: 10px 0; }
.khrn-wrap .khrn-event {
  display: grid;
  grid-template-columns: minmax(110px, 0.24fr) 1fr;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--brass-dim);
}
.khrn-wrap .khrn-event:last-child { border-bottom: none; }
.khrn-wrap .khrn-event-year {
  font-family: 'Cinzel', serif;
  font-size: 14.5px;
  color: var(--brass);
  white-space: nowrap;
}
.khrn-wrap .khrn-event.khrn-event-major .khrn-event-year { color: var(--blood-br); }
.khrn-wrap .khrn-event.khrn-event-major {
  background: rgba(92,26,31,0.12);
  padding: 10px 10px;
  margin: 2px 0;
  border-bottom: none;
}
.khrn-wrap .khrn-event-desc {
  font-size: 15.5px !important;
  line-height: 1.65;
  color: var(--ink);
}

.khrn-wrap .khrn-event-desc details.khrn-fold {
  border: 1px solid var(--brass-dim);
  margin-top: 8px;
}
.khrn-wrap details.khrn-fold > summary {
  cursor: pointer;
  list-style: none;
  padding: 8px 12px;
  font-family: 'Cinzel', serif;
  font-size: 14.5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--brass);
  background: var(--bg-card-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
.khrn-wrap details.khrn-fold > summary::-webkit-details-marker { display: none; }
.khrn-wrap details.khrn-fold > summary::before {
  content: "▸";
  color: var(--blood-br);
  transition: transform 0.15s;
}
.khrn-wrap details.khrn-fold[open] > summary::before { transform: rotate(90deg); }
.khrn-wrap details.khrn-fold > div {
  padding: 11px 13px 12px;
  border-top: 1px solid var(--brass-dim);
  font-size: 15px !important;
  line-height: 1.65;
  color: var(--ink-dim);
  text-align: justify;
}
.khrn-wrap details.khrn-fold > div p + p { margin-top: 8px; }

/* faq */
.khrn-wrap .khrn-faq-q {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: var(--brass);
  margin: 18px 0 6px;
}
.khrn-wrap .khrn-faq-q:first-child { margin-top: 0; }
.khrn-wrap .khrn-faq-a {
  font-size: 15.5px !important;
  line-height: 1.7;
  color: var(--ink-dim);
  text-align: justify;
}

/* мобильная адаптация */
@media (max-width: 700px) {
  .khrn-wrap { padding: 14px 8px; }
  .khrn-wrap .khrn-title { font-size: 23px; letter-spacing: 2px; }
  .khrn-wrap .khrn-banner { padding: 18px 14px 16px; }
  .khrn-wrap .khrn-stats { grid-template-columns: 1fr; }

  .khrn-wrap .khrn-nav { flex-direction: column; }
  .khrn-wrap .khrn-nav label { width: 100%; text-align: center; padding: 11px 10px; }

  .khrn-wrap .khrn-panel-inner { padding: 18px 14px 16px; }
  .khrn-wrap .khrn-h2 { font-size: 18px; }
  .khrn-wrap .khrn-text { font-size: 15.5px !important; text-align: left; }
  .khrn-wrap .khrn-faq-a { text-align: left; }

  .khrn-wrap .khrn-event { grid-template-columns: 1fr; gap: 2px; }
}
</style>

<div class="khrn-wrap" id="world-chronology">

  <div class="khrn-banner khrn-texture">
    <div class="khrn-title">Хронология мира</div>
    <div class="khrn-subtitle">От первых цивилизаций до наших дней — и до феномена Перитеса, навсегда изменившего облик Севиктуса.</div>
    <div class="khrn-stats">
      <div class="khrn-stat"><span class="khrn-stat-label">Игровой год</span><span class="khrn-stat-value">1295 г. н.э.</span></div>
      <div class="khrn-stat"><span class="khrn-stat-label">Возраст мира</span><span class="khrn-stat-value">около 5 тыс. лет</span></div>
      <div class="khrn-stat"><span class="khrn-stat-label">Первые цивилизации</span><span class="khrn-stat-value">~3 тыс. лет до н.э.</span></div>
    </div>
  </div>

  <input type="radio" name="khrn-tab" id="khrn-t1" class="khrn-tab-input" checked>
  <input type="radio" name="khrn-tab" id="khrn-t2" class="khrn-tab-input">
  <input type="radio" name="khrn-tab" id="khrn-t3" class="khrn-tab-input">

  <nav class="khrn-nav">
    <label for="khrn-t1">Хронология событий</label>
    <label for="khrn-t2">Феномен Перитеса</label>
    <label for="khrn-t3">F.A.Q.</label>
  </nav>

  <div class="khrn-panels">

    <!-- 1. ХРОНОЛОГИЯ СОБЫТИЙ -->
    <section id="khrn-p1" class="khrn-panel">
      <div class="khrn-panel-inner khrn-texture">
        <div class="khrn-h2">Хронология событий</div>

        <div class="khrn-intro">
          <p>Игровой год — <b>1295 г. н.э.</b> Возраст мира — около 5 тыс. лет. Возникновение первых цивилизаций: ~3 тыс. лет до н.э.</p>
        </div>

        <div class="khrn-timeline">
          <div class="khrn-event"><div class="khrn-event-year">198 г. н.э.</div><div class="khrn-event-desc">Основание королевства Моленгард. Объединение земель под эгидой Рейнхардта Железного из Рабштейна.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">198-205 г. н.э.</div><div class="khrn-event-desc">Распространение верований Рабштейна, весь Моленгард начинает поклоняться Серкесу (ему поклонялись и ранее, но разрозненно).</div></div>
          <div class="khrn-event khrn-event-major"><div class="khrn-event-year">209 н.э.</div><div class="khrn-event-desc">Падение звёздного осколка в море звёзд, постепенное формирование зоны «растущей луны», первые упоминания Спящей Луны.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">310 г. н.э.</div><div class="khrn-event-desc">Основание империи Саргос. Абель Ирадели объединяет все южные королевства и нарекает себя императором. Имперские амбиции обращают взгляд Саргоса на архипелаг Кайро, расположенный южнее земель империи.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">315-340 г. н.э.</div><div class="khrn-event-desc">Имперское завоевание архипелага Кайро. Последнее королевство архипелага, не завоеванное империей, прибегает к ритуалу «подношения»: дети, взрослые, старики, мужчины и женщины приносят себя в жертву Тис, тлетворной богине. Это событие считается началом «серебряной чумы».
            <details class="khrn-fold">
              <summary>Что такое серебряная чума</summary>
              <div>
                <p>Серебряная чума — мор, произошедший от божественной природы. Именно по этой причине тех, кто заразился серебряной чумой — спасти невозможно. От неё нет ни спасения, ни лекарства и единственный способ не заразиться — держаться на большом расстоянии.</p>
                <p>Серебряная чума передаётся как воздушно-капельным путём, так и через прикосновения. Она проявляет себя не сразу, а лишь спустя несколько недель после заражения. Человек уже успевает успокоиться, что ему удалось избежать заражения, как наконец проступают первые симптомы. Сначала — кожа становится бледной как полотно и поднимается температура (эти первичные симптомы часто приписывают другим хворям); ещё через неделю глаза начинают слезиться — слёзы выступают непроизвольно и выглядят как крупные серебряные бусины (эти слёзы можно спутать с серебристой росой); через неделю после этого у человека начинаются кровоизлияния и кашель с кровавыми пузырями — у человека едва достаёт сил чтобы встать с постели; следующая стадия наступает через несколько дней или недель в зависимости от физической крепости человека — у него выпадают зубы, трескаются кости, из всех его отверстий происходят кровоизлияния. Все эти симптомы также сопровождаются крайне сильной болью. В конце концов человек умирает в мучениях, или убивает себя сам будучи не в силах их выдержать.</p>
                <p>Считается, что мор можно «закупорить» — так как он не развеивается, находясь в запертых помещениях. Именно по этой причине когда была разграблена одна из морских могил, мор повторно вырвался на свободу.</p>
              </div>
            </details>
          </div></div>
          <div class="khrn-event khrn-event-major"><div class="khrn-event-year">339-370 г. н.э.</div><div class="khrn-event-desc">«Серебряная чума» бушует на архипелаге Кайро, в империи Саргос. Затрагивает также земли Моленгарда, Линдвиди и будущей Фортиды, расположенные в непосредственной близости.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">391-395 г. н.э.</div><div class="khrn-event-desc">Первый военный конфликт между Моленгардом и империей Саргос за приграничные территории.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">401 г. н.э.</div><div class="khrn-event-desc">Моленгард и Лихта вступают в династический союз.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">410-420 г. н.э.</div><div class="khrn-event-desc">Династический союз прекращает действие в связи со смертью всех членов королевской семьи Лихты. Войска Моленгарда вторгаются на территориию Лихты чтобы свершить над убийцами-революционерами справедливый суд.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">443-449 г. н.э.</div><div class="khrn-event-desc">Второй военный конфликт между Моленгардом и империей Саргос за приграничные территории.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">460 г. н.э.</div><div class="khrn-event-desc">Приграничные графства объединяются под знамёнами Вальдера Свободного (также — Вальдер Отвергнутый, Вальдер Мунритиль) и объявляют себя новым королевством.</div></div>
          <div class="khrn-event khrn-event-major"><div class="khrn-event-year">461 г. н.э.</div><div class="khrn-event-desc">Первый магический катаклизм, нисхождение Танит, появление степей Ургаса.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">566 г. н.э.</div><div class="khrn-event-desc">Официальное открытие (создание) Анклава.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">597-599 г. н.э.</div><div class="khrn-event-desc">Третий военный конфликт между Моленгардом и империей Саргос (убыточная и бессмысленная война, окончившаяся ничем).</div></div>
          <div class="khrn-event"><div class="khrn-event-year">615-631 г. н.э.</div><div class="khrn-event-desc">Новая вспышка «серебряной чумы», связанная с разграблением древней морской могилы.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">642-657 г. н.э.</div><div class="khrn-event-desc">Война между империей Саргос и королевством Ильвер. Империя Саргос расширяет свои территории на юге Севиктуса.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">701 г. н.э.</div><div class="khrn-event-desc">Появление культа звёзд.</div></div>
          <div class="khrn-event khrn-event-major"><div class="khrn-event-year">910 г. н.э.</div><div class="khrn-event-desc">Падение Деменция, появление метеоритного кратера на территории Анклава.</div></div>
          <div class="khrn-event"><div class="khrn-event-year">1000 г. н.э.</div><div class="khrn-event-desc">Переименование полярной звезды, первые проявления Логоса.</div></div>
          <div class="khrn-event khrn-event-major"><div class="khrn-event-year">1054 г. н.э.</div><div class="khrn-event-desc">Второй магический катаклизм, феномен Перитеса.</div></div>
        </div>
      </div>
    </section>

    <!-- 3. ФЕНОМЕН ПЕРИТЕСА -->
    <section id="khrn-p2" class="khrn-panel">
      <div class="khrn-panel-inner khrn-texture">
        <div class="khrn-h2">Феномен Перитеса</div>
        <p class="khrn-text">Ужасающий катаклизм, который унёс огромное множество жизней. О нём не было ни знамений, ни предупреждений: во второй день месяца солнца в 1054 году нашей эры все земли за исключением восточной оконечности Сердцевины, островов Ландвиди и Фортиды попросту исчезли.</p>

        <p class="khrn-text">Там где раньше открывался вид на чужие земли — теперь простирается бескрайняя пустошь и бесконечные пески. Там где раньше пролегали морские торговые пути — возникли полчища левиафанов, через которые не пробраться в целости ни одному кораблю. Неизвестные силы — каждый народ приписывает их своему божеству — спасли земли Моленгарда, Саргоса, Фортиды и Ландвиди...или же заперли их, огородив непроходимыми территориями.</p>

        <p class="khrn-text">Изменения происходили мгновенно: не было ни беженцев, ни испуганных жертв. Те земли что лежали в западной части континента-Сердцевины попросту были поглощены песком. Теперь на их месте, насколько хватает взора лежат песчаные дюны. В дюнах же обитает...нечто. Учёные прозвали это «нечто» песчаными левиафанами, хотя никому до сих пор неизвестен ни их точный вид, ни точная природа. Порой издали они напоминают гребни дюн — у них вытянутые, будто у змей или червей тела, и они передвигаются под песком. Видят ли они? Слышат? Чувствуют? На эти вопросы нет ответов — но те, кто уходят в пустоши уже не возвращаются.</p>

        <p class="khrn-text">Те, кто проводил над пустошами время верхом на летающих тварях уверяют, будто бы они видели бездонные пропасти в песке, усеянные тонкими иглами — словно чьи-то раскрытые пасти, но побоялись к ним приблизиться.</p>

        <p class="khrn-text">Что же касается других островов и континентов — учёные предполагают, что и те могли выжить, но добраться до них стало невозможно: по крайней мере пока океан кишит страшными чудовищами.</p>
      </div>
    </section>

    <!-- 4. F.A.Q. -->
    <section id="khrn-p3" class="khrn-panel">
      <div class="khrn-panel-inner khrn-texture">
        <div class="khrn-h2">F.A.Q.</div>

        <div class="khrn-faq-q">Как это произошло и за сколько времени это произошло?</div>
        <div class="khrn-faq-a">Земли на Сердцевине (т.е. на континенте где находятся Моленгард и Саргос) были и вот их не стало. Буквально по щелчку пальцев, за считанные минуты — знаете, как расплываются краски на холстах сюрреалистов? Вот так это и произошло, только размылись земли и всё погрузилось в песок. Именно поэтому не существует выживших после феномена Перитеса — кроме тех, кто в этот момент находился на уцелевших территориях.</div>
        <div class="khrn-faq-a" style="margin-top:8px;">Если посмотреть вдаль, допустим, с гор на территории Моленгарда, то вдали за пустыней можно увидеть горы — вот только ни одно существо не способно лететь столько без продыху. А все, кто приземлялся на песок в пустошах, чтобы перевести дух — уже не взлетал снова.</div>
        <div class="khrn-faq-a" style="margin-top:8px;">Люди склонны предполагать, что пустоши — проклятое место. И не суются туда без надобности. Гораздо более перспективным кажется морское направление: все текущие территории за пределом моря звёзд окружены океаном. Но левиафаны хотя бы знакомы людям как явление. Согласно официальной версии это дети разъярённого Ахту. Люди верят, что если Ахту перестанет злиться, то они снова смогут выходить в океан.</div>
        <div class="khrn-faq-a" style="margin-top:8px;">А пока им остаётся лишь испытывать свои корабли на прочность. Но так или иначе, выплыть слишком далеко в океан или слишком надолго — это верная смерть.</div>

        <div class="khrn-faq-q">Можно ли играть в пустошах, океане или степях Саргоса?</div>
        <div class="khrn-faq-a">Степи Саргоса на момент текущий — исключительно сюжетная территория (но, поверьте, и кроме них вам будет чем заняться). В океане вы можете играть борьбу с левиафанами, в пустошах — выжить невозможно (да, нет никаких исключений вне сюжета), но вы можете издалека посмотреть как кого-то съедает что-то неописуемое в песке. Словом, оставьте несчастные пустоши и степи сюжету.</div>
      </div>
    </section>

  </div>
</div>[/html][hideprofile]