[html]
<script src="https://feather-tail.github.io/MyBB-scripts-bundle/js/theme-switcher/theme-iframe.js"></script>
<script src="https://feather-tail.github.io/MyBB-scripts-bundle/js/font-resizer/font-resizer-iframe.js"></script>
<style>
:root {
  --frame-font-size: 14px;
}

html,
body {
  margin: 0;
  padding: 0;
  font-size: var(--frame-font-size) !important;
}

#main-building-interiors,
#main-building-interiors * {
  box-sizing: border-box;
}

#main-building-interiors.academy-section {
  margin: 0;
}

#main-building-interiors .academy-tabs {
  display: grid;
  grid-template-columns: minmax(230px, 320px) minmax(0, 1fr);
  grid-template-areas: "tabs panels";
  gap: 14px;
  align-items: start;
  width: 100%;
  min-width: 0;
  background: var(--htm-clr);
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--bord);
}

#main-building-interiors .academy-tab-control {
  display: none !important;
}

#main-building-interiors .academy-tab-list {
  grid-area: tabs;
  display: grid;
  gap: 10px;
  min-width: 0;
  align-self: start;
  text-align: left;
}

#main-building-interiors .academy-tab-list label {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--bord);
  border-radius: 5px;
  background: var(--quote);
  color: var(--sec-text, #0e0c0b);
  font-family: var(--main-font);
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: inherit !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.06s;
}

#main-building-interiors .academy-tab-list label:hover {
  background: rgba(201, 200, 200, 0.4);
}

#main-building-interiors .academy-tab-list label:active {
  transform: translateY(1px);
}

#main-building-interiors
  .academy-tabs
  > input:nth-of-type(1):checked
  ~ .academy-tab-list
  > label:nth-of-type(1),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(2):checked
  ~ .academy-tab-list
  > label:nth-of-type(2),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(3):checked
  ~ .academy-tab-list
  > label:nth-of-type(3),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(4):checked
  ~ .academy-tab-list
  > label:nth-of-type(4),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(5):checked
  ~ .academy-tab-list
  > label:nth-of-type(5),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(6):checked
  ~ .academy-tab-list
  > label:nth-of-type(6),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(7):checked
  ~ .academy-tab-list
  > label:nth-of-type(7),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(8):checked
  ~ .academy-tab-list
  > label:nth-of-type(8),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(9):checked
  ~ .academy-tab-list
  > label:nth-of-type(9) {
  background: var(--accent2);
  color: var(--bt-bg);
  border-color: var(--accent2);
}

#main-building-interiors .academy-tab-panels {
  grid-area: panels;
  min-width: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  align-self: start;
}

#main-building-interiors .academy-panel {
  display: none;
  min-width: 0;
  border: 1px solid var(--bord);
  border-radius: 5px;
  background: var(--quote);
  overflow: hidden;
  font-family: var(--main-font);
}

#main-building-interiors
  .academy-tabs
  > input:nth-of-type(1):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(1),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(2):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(2),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(3):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(3),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(4):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(4),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(5):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(5),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(6):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(6),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(7):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(7),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(8):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(8),
#main-building-interiors
  .academy-tabs
  > input:nth-of-type(9):checked
  ~ .academy-tab-panels
  > .academy-panel:nth-of-type(9) {
  display: block;
}

#main-building-interiors .academy-panel-header {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background: var(--base-bg2) center / cover no-repeat;
}

#main-building-interiors .academy-panel-header img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  filter: grayscale(1);
}

#main-building-interiors .academy-panel-header::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 45%,
    rgba(0, 0, 0, 0.45) 100%
  );
}

#main-building-interiors .academy-panel-title {
  position: absolute;
  left: 16px;
  bottom: 10px;
  margin: 0;
  color: #fff;
  font-family: var(--sec-font, serif);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#main-building-interiors .academy-panel-body {
  min-width: 0;
  padding: 12px 16px 16px;
  background: var(--htm-clr);
  margin: 20px;
  border-radius: 5px;
  font-size: inherit !important;
}

#main-building-interiors .academy-panel-body p {
  margin: 6px 0 10px;
  color: var(--text, #000);
  font-family: var(--main-font, system-ui, sans-serif);
}

#main-building-interiors .academy-panel-body details {
  margin: 14px 0 0;
  border: 1px solid var(--bord);
  border-radius: 5px;
  background: var(--quote);
  overflow: hidden;
}

#main-building-interiors .academy-panel-body summary {
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 700;
  list-style: none;
  user-select: none;
}

#main-building-interiors .academy-panel-body summary::-webkit-details-marker {
  display: none;
}

#main-building-interiors .academy-panel-body summary::after {
  content: '+';
  float: right;
  font-weight: 700;
}

#main-building-interiors .academy-panel-body details[open] summary::after {
  content: '−';
}

#main-building-interiors .academy-panel-details-content {
  padding: 0 14px 12px;
}

#main-building-interiors .academy-panel-details-content p {
  margin: 8px 0;
}

@media (max-width: 759px) {
  #main-building-interiors .academy-tabs {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "tabs"
      "panels";
  }
}

@media (max-width: 640px) {
  #main-building-interiors .academy-panel-header img {
    aspect-ratio: 16 / 9;
  }
}

:root[data-style='summer'] body::before,
:root[data-style='summer'] body::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
</style>

<section id="main-building-interiors" class="academy-section">
  <div class="academy-tabs" role="tablist" aria-label="Помещения Главного корпуса">
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-1" class="academy-tab-control" checked />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-2" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-3" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-4" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-5" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-6" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-7" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-8" class="academy-tab-control" />
    <input type="radio" name="tabs-main-interiors" id="tab-main-i-9" class="academy-tab-control" />

    <div class="academy-tab-list">
      <label for="tab-main-i-1"><span>Главный корпус</span></label>
      <label for="tab-main-i-2"><span>Административный блок</span></label>
      <label for="tab-main-i-3"><span>Столовая и кухня</span></label>
      <label for="tab-main-i-4"><span>Учебные аудитории</span></label>
      <label for="tab-main-i-5"><span>Помещение дисциплинарного комитета</span></label>
      <label for="tab-main-i-6"><span>Спортивный комплекс</span></label>
      <label for="tab-main-i-7"><span>Библиотека</span></label>
      <label for="tab-main-i-8"><span>Арена</span></label>
      <label for="tab-main-i-9"><span>Большой зал</span></label>
    </div>

    <div class="academy-tab-panels">
      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-1">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Главный корпус</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Главное здание Академии расположено в южной части острова, ближе к открытому побережью. Его архитектура сочетает массивные каменные конструкции и современные элементы: стекло, металл, строгие линии фасада. Здание выглядит устойчивым и замкнутым, словно изначально рассчитанным на суровые погодные условия и постоянное воздействие морского воздуха.
          </p>
          <p>
            Внутренние пространства организованы рационально: здесь расположены учебные аудитории, административные помещения, залы для собраний, спортивный зал с бассейном, кухня со столовой и множество комнат отдыха. Окна помещений выходят к морю, и шум волн нередко становится фоном для занятий и работы. Территория вокруг корпуса оформлена минималистично: каменные дорожки, открытые площадки и низкие ограды не отвлекают внимания от самого здания и окружающего пейзажа.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-2">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Административный блок</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Административный блок располагается в башне восточного крыла Главного корпуса из которой открывается вид на весь остров. Внутри он представляет из себя светлые коридоры с современным дизайном.
          </p>
          <p>
            Здесь находятся канцелярия, кабинеты деканов и директора, архивы текущих дел, а также приёмная, в которой как и прежде на стене висит табличка «Тайна охраняет мир, знание — тех, кто в нём живёт.». В этом крыле всегда пахнет бумагой, кофе и морским ветром, который тянет с улицы, когда кто-то открывает окна.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-3">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Столовая и кухня</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Столовая в Салеме находится на первом этаже Главного корпуса. Просторная и тёплая, с большими окнами, выходящими на гавань, она наполнена как небольшими, так и длинными столами для студентов, тянущимися через всё помещение. В дальнем конце столовой располагаются зоны, где могут уединиться преподаватели и сотрудники Академии, а вдоль большой стены напротив окон стоят островки с готовой едой на которых даже поздно вечером можно найти что-то простое и сытное.
          </p>
          <p>
            Кухня скрыта за отдельным проходом и работает как небольшая фабрика: с раннего утра и до позднего вечера повара трудятся, чтобы накормить всех студентов и сотрудников Академии.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-4">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Учебные аудитории</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Учебные аудитории распределены по всем этажам Главного корпуса и представляют из себя как небольшие кабинеты, так и несколько крупных аудиторий, способных вместить в себя больше сотни студентов.
          </p>
          <p>
            По настроению аудитории очень разные и зависят от дисциплин и преподавателей, которые ведут в них занятия.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-5">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Помещение дисциплинарного комитета</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Кабинет находится в Главном корпусе в дальнем углу на втором этаже западного крыла. Представляет из себя просторное светлое помещение в нейтральных тонах. В центре находится длинный стол, окружённый несколькими стульями, напротив на стене висит доска для заметок и записей на заседаниях, а по бокам расположены шкафчики для хранения личных дел и документов дисциплинарного комитета. В противоположном углу расположился буфет с неиссякаемым запасом чая, кофе и печенья на любой вкус и цвет, а на паре больших окон выстроились горшки неприхотливых домашних растений.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-6">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Спортивный комплекс</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Спортивный комплекс Академии примыкает к западному крылу главного корпуса и занимает 1 и −1 этажи. Вход ведёт в светлый вестибюль с постом дежурного и стойками для инвентаря; дальше пространство расходится на несколько зон, чтобы занятия разных направлений не мешали друг другу.
          </p>
          <p>
            На 1 этаже расположены тренажёрные залы: кардио-секция с беговыми дорожками и дорожками для интервальных тренировок, силовой зал со свободными весами и станциями, а также функциональная зона для растяжки и работы с собственным весом. Там же находятся несколько рингов и площадка для спаррингов с мягким покрытием, настенными экранами для разбора техники и нишами для перчаток, бинтов и защиты. Здесь же находятся основные раздевалки: шкафчики, сушилки, душевые и отдельные кабины для быстрого восстановления (холодный душ/контраст).
          </p>
          <p>
            −1 этаж отдан под «мокрую» часть: бассейн с размеченными дорожками и небольшой зоной для отработки техники, зал реабилитации, кабинет спортивного врача, а также тихая комната для дыхательных практик и растяжки.
          </p>
          <p>
            Сердце комплекса — большое универсальное поле с искусственным газоном размером с футбольное. По периметру располагается внутренний круг для бега и разминки, а рядом — кладовые с мячами, щитами, конусами и переносными воротами. Обычно это поле используется для тренировок фамильяров, но частенько на нём можно увидеть студентов, играющих в какие-либо игры.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-7">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Библиотека</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Библиотека в Салеме располагается в специальной пристройке соединённой с основной частью Главного зала в самой западной его части. Библиотека современная и светлая, и внутри имеется множество высоких книжных полок с передвижными лестницами, чтобы достать необходимое смог каждый даже с самых высоких полок. У входа располагается стойка библиотекаря, где студенты могут получить помощь, оформить выдачу книг или заказать новые.
          </p>
          <p>
            Учебная зона представляет собой множество столов, расставленных «островками» по несколько штук. За ними можно расположиться как в одиночестве, так и небольшой группой. На столах всегда есть канцелярские принадлежности для составления заметок. Часть столов оснащена компьютерами с доступом к открытым библиотечным онлайн-фондам мира.
          </p>
          <p>
            Фонд самой библиотеки включает учебную и художественную литературу, магические фолианты и древние манускрипты. Что-то удалось найти на руинах Фасги, другие — приобретены Академией или получены в дар из частных коллекций. Для быстрого поиска книги можно воспользоваться каталогом, помощью библиотекаря или небольшими зачарованными статуями кота — маскота салемской академии. Достаточно назвать название книги, и статуя подскажет нужный раздел и номер ряда. А если же студентов замучила жажда, то в разных концах помещения находится несколько кулеров с водой.
          </p>

          <details>
            <summary>Подробнее о фондах и зонах библиотеки</summary>
            <div class="academy-panel-details-content">
              <p>
                <strong>Зона открытого доступа:</strong><br>
                · Учебный фонд: Учебники по теории Потока, базовые сборники заклинаний для начинающих, труды по истории магического сообщества, энциклопедии по магической флоре и фауне. Эти книги доступны всем студентам без специального разрешения. Они часто имеют защитные заклинания от выноса и порчи, но не несут в себе опасной информации.<br>
                · Зона ведьм: Здесь можно найти углублённые труды по разным направлениям врождённого дара, сборники заклинаний по стихиям и техникам.<br>
                · Зона фамильяров: Отделы с литературой по кинологии, орнитологии, герпетологии, но в магическом контексте. Книги об усилении звериной формы, техниках восприятия Потока и Скверны, травники и справочники по ингредиентам.
              </p>

              <p>
                <strong>Зона Специальных Коллекций:</strong><br>
                · Фолианты по уникальным дарам: Секции, посвящённые редким и малоизученным проявлениям магии. Доступ к ним получают студенты старших курсов с разрешения профильного декана.<br>
                · Архив Инквизиции (копии): Копии документов, касающихся истории Инквизиции, протоколов допросов и описаний операций. Оригиналы хранятся в штаб-квартирах Инквизиции, но здесь собрана обширная база для изучения истории и тактики.<br>
                · Картографическая комната: Огромная коллекция магических карт, многие из которых постоянно обновляются. Здесь можно найти карты потоков Потока, очагов Скверны, территорий Ковенов.<br>
                · Зал Связи: Небольшая комната, где собраны труды, исследующие феномен Связи между ведьмой и фамильяром. Истории пар, теоретические выкладки, анализ сшивок. Это место пользуется особой популярностью у студентов, пытающихся понять свои отношения.
              </p>

              <p>
                · Зал Запрещённых Книг: Здесь хранятся гримуары, содержащие опасные и тёмные заклинания, связанные со Скверной. Книги, которые «шепчут», пытаются влиять на читателя или сами по себе являются осквернёнными артефактами. Если просто убрать, будет так:
Доступ сюда имеют только преподаватели и изредка — студенты выпускных курсов, выполняющие задания декана полевых операций, и только в сопровождении опытного наставника-библиотекаря.<br>
                · Редкие манускрипты: Древнейшие тексты, написанные до основания Инквизиции. Некоторые на неизвестных языках. Они хранятся в специальных магических капсулах, поддерживающих их сохранность. Изучать их можно только в самом Хранилище под наблюдением.
              </p>

              <p>
                <strong>Зоны тишины и общения:</strong> в Главном зале — абсолютная тишина. В галереях можно перешёптываться, говорить вполголоса.
              </p>

              <p>
                <strong>Выдача и возврат:</strong> книги из открытого доступа выдаются на руки под расписку, которая фиксирует, кто и когда взял книгу. Книги из Специальных коллекций и Крипты из библиотеки не выносятся.
              </p>
            </div>
          </details>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-8">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Арена</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Подземная арена — место, где ведьмы и фамильяры могут использовать свои способности, не боясь рассекречивания и разрушения. Здесь проходят практические занятия и тренировки, а также спарринги и экзамены. При необходимости ведьмы и ведьмаки могут изменить ландшафт арены, создав полосу препятствий или особые климатические условия.
          </p>
          <p>
            Арена представляет собой большое открытое пространство в центре и трибуны вдоль одной из стен. Ничего лишнего здесь нет — даже отделки на стенах и уж тем более какого-то декора. Всё сделано так, чтобы в случае разбушевавшейся магии не пришлось каждый раз переделывать и чинить.
          </p>
          <p>
            Защита повсюду в основном магическая, чтобы способности не могли нанести вред и вырваться куда-то за пределы арены. Во время каких-либо событий трибуну укрывают барьером.
          </p>
        </div>
      </article>

      <article class="academy-panel" role="tabpanel" aria-labelledby="tab-main-i-9">
        <header class="academy-panel-header">
          <div class="academy-panel-img">
            <div><img src="https://forumstatic.ru/files/001c/8d/fd/24675.png" alt="" /></div>
          </div>
          <h3 class="academy-panel-title">Большой зал</h3>
        </header>
        <div class="academy-panel-body">
          <p>
            Большой зал расположен в Главном корпусе и служит пространством, где учебная жизнь легко перетекает в общественную.
          </p>
          <p>
            Это просторное помещение с высоким потолком, длинными окнами и сценой в глубине. В обычные дни здесь могут проходить крупные лекции, семинары и собрания, а по вечерам зал меняется: на сцене ставят спектакли, показывают фильмы, выступают кружки и музыкальные группы, а в праздники пространство заполняют огни, украшения и музыка.
          </p>
          <p>
            Интерьер сочетает академическую строгость и уют. Светлое дерево, тёмный камень, мягкое освещение, плотные шторы и хорошая акустика делают зал одинаково подходящим и для официальных мероприятий, и для чего-то более тёплого, студенческого. Стулья и часть оборудования можно быстро убрать, освобождая место для ярмарок, балов, дискотек или праздничных вечеров.
          </p>
          <p>
            У студентов Большой зал давно считается местом, где Академия особенно ясно ощущается не только как учебное заведение, но и как маленький отдельный мир, в котором все рано или поздно оказываются рядом.
          </p>
        </div>
      </article>
    </div>
  </div>
</section>
[/html]
[hideprofile]