[html]<div class="guestbook-header">
  <img src="https://upforme.ru/uploads/001c/b5/f3/2/105060.png" style="width: 100%; height: auto; display: block;">
</div>

<div class="guestbook-main" style="padding: 20px; max-width: 100%; box-sizing: border-box;">
  <div class="guestbook-table" style="display: block; width: 100%;">

    <style>
      .faq-layout {
        display: flex;
        gap: 20px;
        align-items: flex-start;
      }
      .faq-sidebar {
        flex: 0 0 260px;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .faq-main {
        flex: 1 1 400px;
        background: #2e4a3a;
        border: 1px solid #4a6b5a;
        border-radius: 12px;
        color: #e6dcc3;
        box-shadow: 0 4px 6px rgba(0,0,0,0.3);
        height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        line-height: 1.6;
        padding: 20px;
        margin-top: 40px; /* ← теперь блок ответов начинается на уровне первой кнопки */
      }
      .faq-answer {
        display: none;
      }
      .faq-answer.active {
        display: block;
      }
      .faq-question-title {
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        color: #d4edc9;
        margin-bottom: 15px;
      }
      .faq-answer p {
        margin-bottom: 1em;
        text-align: justify;
      }
      .faq-answer ol, .faq-answer ul {
        margin-left: 20px;
        margin-bottom: 1em;
      }
      .faq-section-title {
        font-family: 'Palatino Linotype', serif;
        color: #c6a785;
        font-size: 1.5em;
        text-align: center;
        margin-bottom: 12px;
        font-weight: bold;
        letter-spacing: 0.5px;
        text-transform: uppercase;
      }
      .faq-btn {
        display: block;
        background: #2e4a3a;
        color: #d4edc9;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px solid #4a6b5a;
        font-weight: bold;
        font-size: 0.95em;
        cursor: pointer;
        text-align: left;
        transition: background 0.2s, color 0.2s;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        font-family: 'Palatino Linotype', serif;
      }
      .faq-btn:hover { background: #3a5a4a; color: #fff; }
      .faq-btn.pressed { background: #5a7a5a; border-color: #c6a785; }
      .bottom-note {
        margin-top: 20px;
        font-size: 0.9em;
        text-align: right;
        font-style: italic;
        color: #c6a785;
        line-height: 1.5;
      }
    </style>

    <div class="faq-layout">
      <!-- Левая колонка: кнопки разделов -->
      <div class="faq-sidebar">
        <div class="faq-section-title">Правила</div>
        <button class="faq-btn pressed" onclick="switchAnswer('q1', this)">Общие положения</button>
        <button class="faq-btn" onclick="switchAnswer('q2', this)">Регистрация и внешний вид</button>
        <button class="faq-btn" onclick="switchAnswer('q3', this)">Бронирование ролей и внешностей</button>
        <button class="faq-btn" onclick="switchAnswer('q4', this)">Подача и проверка анкеты</button>
        <button class="faq-btn" onclick="switchAnswer('q5', this)">Игровая активность и удаление профиля</button>
        <button class="faq-btn" onclick="switchAnswer('q6', this)">Вторые и последующие персонажи</button>
        <button class="faq-btn" onclick="switchAnswer('q7', this)">Правила игры (написание постов)</button>
        <button class="faq-btn" onclick="switchAnswer('q8', this)">Этические нормы и поведение</button>
        <button class="faq-btn" onclick="switchAnswer('q9', this)">Краткое резюме по срокам</button>
      </div>

      <!-- Правая область: содержимое разделов -->
      <div class="faq-main" id="faqContainer">
        <!-- Общие положения -->
        <div class="faq-answer active" id="a1">
          <div class="faq-question-title">Общие положения</div>
          <ol>
            <li>1. Рейтинг проекта — 18+. Эпизоды могут содержать сцены жестокости, насилия, описания сексуального характера и нецензурную брань.</li>
            <li>2. Регистрируясь на форуме, вы автоматически соглашаетесь соблюдать действующие правила. Администрация оставляет за собой право дополнять и изменять их с обязательным уведомлением игроков в специальной теме.</li>
            <li>3. Администрация имеет право решать спорные и конфликтные ситуации по своему усмотрению, а также вмешиваться в личные эпизоды игроков без их согласия (например, просить изменить части постов, если они противоречат лору или концепции мира).</li>
          </ol>
        </div>
        <!-- Регистрация и внешний вид персонажа -->
        <div class="faq-answer" id="a2">
          <div class="faq-question-title">Регистрация и внешний вид персонажа</div>
          <ol>
            <li>1. Регистрация — на английском языке. Логин должен быть указан латиницей и представлять собой имя и фамилию персонажа с заглавных букв (например, Ivan Petrov).</li>
            <li>2. Размер аватаров — 180×180 пикселей. Допускаются изображения лёгкой эротики, но они должны соответствовать историческому антуражу проекта.</li>
            <li>3. Подпись оформляется в свободной форме.</li>
            <li>4. Одна и та же внешность может быть использована только при регистрации близнецов. Для регистрации однофамильцев (не родственников) требуется предварительное согласование с уже зарегистрированным игроком.</li>
          </ol>
        </div>
        <!-- Бронирование ролей и внешностей -->
        <div class="faq-answer" id="a3">
          <div class="faq-question-title">Бронирование ролей и внешностей</div>
          <ol>
            <li>1. Роли и внешности удерживаются в гостевой теме в течение <b>3 суток</b>. Бронь можно продлевать до <b>трёх раз</b> (каждое продление — по Вашему запросу).</li>
            <li>2. После принятия в игру вы обязаны:
              <ul>
                <li>- заполнить профиль персонажа,</li>
                <li>- отметиться в списке занятых ролей и внешностей.</li>
              </ul>
            </li>
            <li>Без этого роли и внешности не считаются официально занятыми.</li>
          </ol>
        </div>
        <!-- Подача и проверка анкеты -->
        <div class="faq-answer" id="a4">
          <div class="faq-question-title">Подача и проверка анкеты</div>
          <ol>
            <li>1. Срок подачи анкеты — <b>3 дня</b> с момента регистрации. Если анкета не подана и нет предупреждения о задержке, профиль удаляется.</li>
            <li>2. Анкета заполняется по установленному шаблону и выкладывается в соответствующем разделе.</li>
            <li>3. Проверка анкеты длится до 2–3 суток (ориентировочно — 3 дня, но администрация может дать обратную связь и раньше).</li>
            <li>4. На внесение правок даётся 3 суток. Если правки не сделаны и нет предупреждения о задержке, анкета отправляется в архив, а профиль удаляется.</li>
            <li>5. Администрация вправе отказать в принятии анкеты без объяснения причин.</li>
          </ol>
          <p style="font-style: italic;"><b>Совет:</b> перед подачей проверьте все пункты шаблона и сделайте вычитку текста.</p>
        </div>
        <!-- Игровая активность и удаление профиля -->
        <div class="faq-answer" id="a5">
          <div class="faq-question-title">Игровая активность и удаление профиля</div>
          <ol>
            <li>1. Минимальная активность — <b>один пост в месяц.</b></li>
            <li>2. Профиль может быть удалён или выставлен на замену (для ключевых ролей — в двойном темпе), если:
              <ul>
                <li>- вы отсутствуете на форуме более месяца <b>без предупреждения</b>;</li>
                <li>- последний пост написан более 2 месяца назад (для акционных/ключевых ролей — более 2 недель);</li>
                <li>- после возвращения из отсутствия/лоу вы не написали ни одного поста в течение 1 недели;</li>
                <li>- вы не начали игру в течение 14 дней после принятия анкеты (в отдельных случаях срок может быть продлён до 20 дней).</li>
              </ul>
            </li>
            <li>3. Максимальный срок лоу или полного отсутствия — 2 месяца. Более долгие периоды обсуждаются индивидуально с администрацией.</li>
            <li>4. О всех отлучках, таймаутах и переходе в режим пониженной активности (лоу) нужно заранее предупреждать в специальной теме. Лоу подразумевает редкое, но присутствие на форуме. Если вы написали «лоу», но вообще не появляетесь, это приравнивается к отсутствию без предупреждения.</li>
          </ol>
        </div>
        <!-- Вторые и последующие персонажи -->
        <div class="faq-answer" id="a6">
          <div class="faq-question-title">Вторые и последующие персонажи</div>
          <ol>
            <li>1. Одновременно разрешено вести до 3 персонажей.</li>
            <li>2. Ко всем профилям применяются одинаковые правила активности.</li>
            <li>3. Особые условия для вторых ролей:
              <ul>
                <li>- Если вы не заходите на второй профиль более 2 недель, он попадает в список на удаление.</li>
                <li>- Три таких попадания лишают вас права заводить вторую роль.</li>
                <li>- Не берите дополнительную роль, если не уверены, что сможете её вести.</li>
              </ul>
            </li>
          </ol>
        </div>
        <!-- Правила игры (написание постов) -->
        <div class="faq-answer" id="a7">
          <div class="faq-question-title">Правила игры (написание постов)</div>
          <ul>
            <li>1. Посты можно писать от любого лица, в любом времени, любом объёме и стиле. Исключение — массовые сюжетные эпизоды: в них используется 3-е лицо.</li>
            <li>2. Использование тегов и других оформительских элементов — по желанию и по договорённости с соигроком.</li>
            <li>3. Соблюдайте базовые правила русского языка: заглавные буквы, пунктуация и т.д.</li>
          </ul>
          <p><b>! Запрещено без согласия партнёра:</b></p>
          <ul>
            <li>- описывать действия и слова его персонажа;</li>
            <li>- читать мысли (если только у вашего персонажа нет соответствующей способности);</li>
            <li>- находиться персонажем в двух местах одновременно.</li>
          </ul>
          <p><b>!! Причинение вреда или убийство чужого персонажа возможно только с явного согласия соигрока. Однако в рамках сюжетного эпизода ваш персонаж может получить повреждения.</b></p>
        </div>
        <!-- Этические нормы и поведение на форуме -->
        <div class="faq-answer" id="a8">
          <div class="faq-question-title">Этические нормы и поведение на форуме</div>
          <ol>
            <li>1. Проект создан для отдыха и развлечения. Все личные конфликты, выяснения отношений и ссоры следует решать в личной переписке, а не в публичных темах.
              <p><b>!!! Запрещается:</b></p>
              <ul>
                <li>- оскорблять других участников (независимо от статуса);</li>
                <li>- выносить ссоры на форум («вынос сора из избы»);</li>
                <li>- проявлять расизм, национализм, гомофобию или любые другие формы дискриминации и ненависти.</li>
              </ul>
              <p><b>2. Нарушение этических норм влечёт предупреждение, а при повторном нарушении — удаление профиля без права восстановления.</b></p>
            </li>
            <li>3. Администрация уважает любые религиозные, политические взгляды, национальности, ориентации, возраст, внешность и животных — и призывает к тому же всех игроков. Ваша свобода самовыражения заканчивается там, где начинается дискомфорт других.</li>
            <li>4. Все организационные вопросы решаются в специальных темах:
              <ul>
                <li>- гостевая — для гостей и желающих присоединиться;</li>
                <li>- вопросы и предложения — для принятых игроков.</li>
              </ul>
            </li>
            <li>5. Если администратор не прав, вы можете корректно указать на это в соответствующей теме. <b>Помните: у администратора нет кодекса, по которому он кому-то что-то должен.</b></li>
            <li>6. Эпизоды, неактивные более 1 месяца, переносятся в архив. Вы можете их «поднять» в любой момент. Действия с переносом эпизодов оформляются в специальной теме.</li>
          </ol>
        </div>
        <!-- Краткое резюме по срокам -->
        <div class="faq-answer" id="a9">
          <div class="faq-question-title">Краткое резюме по срокам</div>
          <p style="text-align: center;">
            ~ бронь роли/внешности: <b>~ 3 дня (можно продлить до 3 раз) ~</b><br>
            ~ подача анкеты после регистрации: <b>~3 дня ~</b><br>
            ~ проверка анкеты: <b>~3 дня ~</b><br>
            ~ исправление ошибок в анкете: <b>~3 дня ~</b><br>
            ~ начало игры после принятия:<b>~ 14 дней ~</b><br>
            ~ отсутствие без предупреждения: <b>~ 1 месяц → удаление ~</b><br>
            ~ последний пост:<b> ~ 2 месяца → удаление ~</b><br>
            ~ максимальный срок лоу/отсутствия: <b>~ 2 месяца ~</b>
          </p>
        </div>
      </div>
    </div>

    <!-- Нижняя фраза -->
    <div class="bottom-note">
      Мы оставляем за собой право дополнять и изменять правила проекта, а также решать спорные вопросы и конфликтные моменты на своё усмотрение; право вмешиваться в личные эпизоды игроков без их на то согласия и технически — например, попросить вас изменить некоторые вещи в постах, если они не вписываются в концепт мира или противоречат лору.
    </div>

    <script>
      function switchAnswer(answerId, btn) {
        document.querySelectorAll('.faq-answer').forEach(function(el) {
          el.classList.remove('active');
        });
        var target = document.getElementById('a' + answerId.slice(1));
        if (target) target.classList.add('active');

        document.querySelectorAll('.faq-btn').forEach(function(b) {
          b.classList.remove('pressed');
        });
        if (btn) btn.classList.add('pressed');
      }
    </script>

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

[hideprofile]