[html]
<!-- ========================================================= -->
<!-- ЧАСТЬ 1: СТИЛИ, БАННЕР И КНОПКИ ВКЛАДОК                     -->
<!-- ========================================================= -->
<style>
  @import url('https://googleapis.com');
 
  :root {
    --frpg-banner-url: url('https://upforme.ru/uploads/0017/2a/64/36/637975.jpg');
    --frpg-bg-main: #898d93;       /* Темный фон подложки форума */
    --frpg-bg-card: #979b9f;       /* Цвет инфо-плашки и подложки под карточки */
    --frpg-text-title: #cfa75e;    /* Золотой цвет заголовков */
    --frpg-text-celeb: #181a26;    /* Цвет имени персонажа */
    --frpg-color-accent: #1c2638;  /* Цвет текста описания */
    --frpg-text-muted: #313942;    /* Цвет мелкого текста */
    --frpg-color-tag: rgba(16, 24, 41, 0.85); /* Темно-синий бар с картинки */
   
    --frpg-scroll-height: 500px;   /* Высота зоны прокрутки вкладки */
    --frpg-scroll-color: #74787e;  /* Фирменный цвет бегунка скролла */
  }
 
  .frpg-layout { max-width: 850px; margin: 20px auto; font-family: 'Arsenal', sans-serif; background-color: var(--frpg-bg-main); padding: 30px 20px; border: 1px solid rgba(255,255,255,0.05); border-radius: 0 !important; box-sizing: border-box; }
  .frpg-header-banner { background-image: var(--frpg-banner-url); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; height: 180px; margin-bottom: 60px; display: flex; justify-content: center; align-items: flex-end; border: 1px solid rgba(0,0,0,0.15); position: relative; }
  .frpg-header-card { background-color: var(--frpg-bg-card); max-width: 420px; padding: 12px 20px; text-align: center; border: 1px solid rgba(0,0,0,0.2); border-radius: 0 !important; margin-bottom: -20px; position: relative; z-index: 10; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
  .frpg-header-card h2 { font-family: 'Oranienbaum', serif; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 5px 0; color: var(--frpg-text-title); font-weight: 400; }
  .frpg-header-card p { font-size: 11px; line-height: 1.4; color: var(--frpg-text-muted); margin: 0 0 10px 0; }
 
  .frpg-search-wrapper { padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.15); }
  .frpg-search-input { width: 100%; padding: 6px 12px; background: var(--frpg-bg-main); border: 1px solid rgba(0,0,0,0.2); font-family: 'Arsenal', sans-serif; font-size: 12px; color: var(--frpg-text-celeb); box-sizing: border-box; outline: none; text-align: center; }
  .frpg-search-input::placeholder { color: #bebebe !important; opacity: 1 !important; }

 
  .frpg-tabs-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; margin-bottom: 25px; }
  .frpg-tab-btn { background-color: var(--frpg-color-tag); color: var(--frpg-text-title); border: 1px solid rgba(0,0,0,0.2); font-family: 'Oranienbaum', serif; font-size: 14px; text-transform: lowercase; padding: 8px 18px; cursor: pointer; transition: all 0.2s ease; }
  .frpg-tab-btn:hover, .frpg-tab-btn.active { background-color: #232733; border-color: var(--frpg-text-title); color: #bebebe; }

 
  .frpg-tab-content { display: none; }
  .frpg-tab-content.active { display: block; }
 
  .frpg-scroll-box { max-height: var(--frpg-scroll-height); overflow-y: auto; padding-right: 8px; scroll-behavior: smooth; }
  .frpg-scroll-box::-webkit-scrollbar { width: 4px; }
  .frpg-scroll-box::-webkit-scrollbar-track { background: transparent; }
  .frpg-scroll-box::-webkit-scrollbar-thumb { background: var(--frpg-scroll-color); }
 
  /* ИСПРАВЛЕНО: Карточки теперь красиво центрируются, если их мало в блоке */
  .frpg-cards-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
    width: 100%;
  }
 
  /* Фиксируем точную ширину карточки под 3 колонки (с учетом отступов) */
  .frpg-char-card {
    width: calc(33.333% - 10px);
    flex-shrink: 0;
  }
 
  /* ИСПРАВЛЕНО: Все карточки жестко 160px высоты, излишек текста скроллится */
  .frpg-char-card {
    background-color: rgba(255, 255, 255, 0.12); border: 1px solid rgba(0,0,0,0.15);
    padding: 12px 15px; height: 160px; max-height: 160px; display: flex; flex-direction: column; text-align: left; box-sizing: border-box;
    overflow: hidden; position: relative;
  }
  .frpg-char-card b { font-size: 15px; color: var(--frpg-text-celeb); font-weight: 700; display: block; margin-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 3px; flex-shrink: 0; }
  .frpg-char-card b a { color: var(--frpg-text-celeb); text-decoration: none; }
  .frpg-char-card b a:hover { text-decoration: underline; }
  .frpg-char-card sup { color: var(--frpg-text-celeb) !important; font-weight: 700; font-size: 10px; margin-left: 2px; }
 
  /* Внутренний скролл для длинного текста описания внутри карточки */
  .frpg-char-card p { margin: 0; font-size: 13px; line-height: 1.4; color: var(--frpg-color-accent); text-align: justify; overflow-y: auto; padding-right: 10px; height: 100%; }
  .frpg-char-card p::-webkit-scrollbar { width: 3px; }
  .frpg-char-card p::-webkit-scrollbar-track { background: transparent; }
  .frpg-char-card p::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }
 
  .frpg-tab-content i { text-align: center; font-size: 13px; color: var(--frpg-text-muted); margin: 25px auto 15px auto; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; border-bottom: 1px dashed rgba(0,0,0,0.15) !important; padding-bottom: 3px; display: block; font-style: normal; width: 100%; }
  .frpg-tab-content i:first-of-type { margin-top: 5px; }
 
  .frpg-char-card s, .frpg-char-card s a, .frpg-char-card s p { color: #444 !important; opacity: 0.5; text-decoration: line-through; }
 
  /* ИСПРАВЛЕННАЯ МОБИЛЬНАЯ АДАПТАЦИЯ ДЛЯ ЦЕНТРИРОВАНИЯ КАРТОЧЕК */
  @media (max-width: 800px) {
    .frpg-header-banner { background-size: cover !important; background-position: center !important; height: 150px !important; margin-bottom: 45px !important; }
    .frpg-header-card { max-width: 80%; margin-bottom: -20px !important; box-sizing: border-box; }
    .frpg-char-card p { text-align: left; }
    .frpg-scroll-box { max-height: none; padding-right: 0; }
   
    /* На планшетах карточки перестраиваются по 2 штуки в один ряд */
    .frpg-char-card { width: calc(50% - 8px) !important; }
  }
 
  @media (max-width: 550px) {
    .frpg-tab-btn { width: 100%; text-align: center; }
   
    /* На мобильных телефонах карточки встают строго по 1 штуке на всю ширину экрана */
    .frpg-char-card { width: 100% !important; }
  }

</style>

<div class="frpg-layout" id="frpg-chars-wrapper">
  <div class="frpg-header-banner">
    <div class="frpg-header-card">
      <h2>Картотека персонажей</h2>
      <p>Выберите интересующий вас вид. Для быстрого поиска введите имя персонажа или ключевое слово.</p>
      <div class="frpg-search-wrapper">
        <input type="text" id="frpg-db-search" class="frpg-search-input" placeholder="Поиск персонажа по ключевым словам..." onkeyup="frpgDatabaseSearch()">
      </div>
    </div>
  </div>

  <div class="frpg-tabs-nav">
    <button class="frpg-tab-btn active" onclick="frpgSwitchTab(event, 'race-vampires')">вампиры</button>
    <button class="frpg-tab-btn" onclick="frpgSwitchTab(event, 'race-werewolves')">оборотни и ламии</button>
    <button class="frpg-tab-btn" onclick="frpgSwitchTab(event, 'race-humans')">люди</button>
    <button class="frpg-tab-btn" onclick="frpgSwitchTab(event, 'race-fae')">фэйрэ</button>
  </div>
<!-- ========================================================= -->
  <!-- ВКЛАДКА 1: ВАМПИРЫ                                         -->
  <!-- ========================================================= -->
  <div id="race-vampires" class="frpg-tab-content active">
    <div class="frpg-scroll-box">
     
      <i>Линия крови Белль Морт</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=6">Asher</a></b><p>вампир в ранге Мастера, Принц Сент-Луисского Поцелуя вампиров; владелец корпорации «JC», за которой числится ряд вампирских заведений: «Запретный плод», «Цирк проклятых» и «Данс Макабр».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=931">Chantal</a><sup>NPC</sup></b><p>вампир в ранге Мастера; реставратор мебели, владеет несколькими мастерскими по ручному изготовлению тканей, фурнитуры и прочего «как раньше», для реставрационных целей. Птенец Ашера.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=238">Solange</a></b><p>вампир в ранге Мастера, птенец Ашера;  совладелеца ночного клуба «Jardin d'Eden» и салона красоты «L’existence» (Лион, Франция).</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=270">Severin Bonnet</a></b><p>вампир в ранге Мастера, линия крови Белль Морт;младший птенец Ашера, Принца Сент-Луиса. Témoin и фаворит Бланки, Принцессы Лиона. В Лионе вместе с сестрой владеет ночным клубом «Jardin d'Eden» и салоном красоты «L’existence».</p></div>
      </div>

      <i>Линия крови Моровен</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=182">Alexander Norwood</a></b><p>вампир в ранге Мастера; является анонимным совладельцем нескольких казино в Вегасе и Сент-Луисе. Для особо искушённых в бизнесе — частный инвестор и владелец акций нескольких крупных компаний. В конце 2006 года создал рок-группу «Wingbreakers».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=57">Charlotte</a></b><p>вампир в ранге Мастера, палач Сент-Луисского Поцелуя вампира, а так же палач Моровен; отельер, владелица сети спа-отелей.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=184">Darn</a></b><p>вампир в ранге Мастера; лэнд-лорд округа Монмутшир (Уэльс, Англия), владелец местных шахт по добыче руды и угля, арендодатель. Глава «Сusan bach» (вал. «маленький Поцелуй»), состоящего из Агаты Харрелл, Александра Норвуда и Индрани А. Верма. Миниатюрист.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=951">Nikolaos</a><sup>NPC</sup></b><p>вампир в ранге Мастера, экс-Принцесса Сент-Луисского Поцелуя вампиров; владелица ряда вампирских заведений. Мертва с 20 июня 2012 года.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=947">Skew Ingvar</a><sup>NPC</sup></b><p>вампир в ранге Мастера, генерал Моровен, отпущенный «до востребования»; человек, который познал бесконечность, вольный байкер, никому и никогда не скажет, откуда добывает деньги.</p></div>
      </div>

      <i>Линия крови Морт Д`Амура</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1043#p171820">Yvette</a><sup>NPC</sup></b><p>вампир, официальный представитель и приближённая Морт д'Амура. Также является его сосудом.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=960">Merriwether Banks</a><sup>NPC</sup></b><p>вампир в ранге Мастера, посол Сент-Луисского Поцелуя вампиров; владелец букинистической лавки.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=269">Luther</a></b><p>вампир в ранге Мастера, последние 30 лет был "одолжен" своим создателем двору Бланки в Лионе. Генерал. Для людей - консультант по средневековому оружию и военной истории.</p></div>
      </div>

      <i>Линия крови Странника</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=117">Dorian</a></b><p>вампир в ранге Мастера; танцор, стриптизер в «Запретном плоде». С 2016 года связан Триумвиратом силы с Оливером Хьюстоном (Зверь Зова) и Шевонн Хьюз (Человек-слуга).</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=950">Giovanotti</a><sup>NPC</sup></b><p>вампир; музыкант, певец, автор музыки и текстов песен. Выступает в «Данс Макабр».</p></div>
      </div>

      <i>Линия крови Падмы</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=932">Alastair Lindsay</a><sup>NPC</sup></b><p>вампир в ранге Мастера, посол Сент-Луисского Поцелуя вампиров; продюссирует фильмы для взрослых.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=957">Magnar Lund</a><sup>NPC</sup></b><p>вампир; перекати-море, последний северный пират, первый норвежский хиппи, подлый мздоимец, возможно организовал несколько сект, курьер-фрилансер, открыт для трудовых предложений.</p></div>
      </div>

      <i>Линия крови Дракон</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=21">Asse Freyer</a></b><p>вампир в ранге Мастера, телохранитель Принца Сент-Луисского Поцелуя вампиров; глава охраны «Цирка проклятых», силовик, судовладелец.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=991">Siegfried Oddger</a><sup>NPC</sup></b><p>вампир в ранге Мастера; координатор новообращенных вампиров, телохранитель Принца. Неофициально - второй по силе вампир в городе.</p></div>
      </div>

      <i>Истоки</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1001">Mort D'amour</a><sup>NPC</sup></b><p>Исток Линии крови. Место пребывания - Франция.</p></div>
        <div class="frpg-char-card"><b><s>Belle Mort</s></b><p>Исток Линии крови. Место пребывания - Франция.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=974#p160430">The Dragon<sup>NPC</a></sup></b><p>Исток Линии крови. Место пребывания - Норвегия.</p></div>
        <div class="frpg-char-card"><b><s>Mr. Oliver</s></b><p><s>Исток Линии крови. Мертв.</s></p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=948">Moroven</a><sup>NPC</sup></b><p>Исток Линии крови. Место пребывания - Ирландия.</p></div>
        <div class="frpg-char-card"><b><s>Marmee Noir</s></b><p><s>Мать Всей Тьмы, породившей многие Линии Крови. Пребывает во сне.</s></p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=975">The Traveler</a><sup>NPC</sup></b><p>Исток Линии крови. Место пребывания - Швейцария.</p></div>
        <div class="frpg-char-card"><b><s>Padma</s></b><p><s>Исток Линии крови. Место пребывания - ???</s></p></div>
      </div>

    </div>
  </div>
  <!-- ========================================================= -->
  <!-- ВКЛАДКА 2: ОБОРОТНИ И ЛАМИИ                               -->
  <!-- ========================================================= -->
  <div id="race-werewolves" class="frpg-tab-content">
    <div class="frpg-scroll-box">
     
      <i>Вервольфы</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=94">Dante Rossetti</a></b><p>Альфа, Хигунн стаи «Тронос Рокке»; владелец фамильного ритуального бюро «Rossetti&co».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=84">Gordon Walsh</a></b><p>Альфа, Ульфрик стаи «Тронос Рокке»; владелец металлургического завода, владелец бара «Кафе лунатиков».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=69">Riley Cavanaugh</a></b><p>Альфа, Больверк стаи «Тронос Рокке»; охранник в пабе «Голова Принцессы», владелец автомастерской.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=70">Riley Thompson</a></b><p>Альфа, Варгамор стаи «Тронос Рокке»; официантка в пабе «Голова Принцессы».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=23">Micaella Oha</a></b><p>альфа, Варгамор стаи «Тронос Рокке»; член «Мохнатой Коалиции», танцовщица в клубе «Black Rum».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=138">Nina Walsh</a></b><p>альфа, Кюна стаи «Тронос Рокке»; член правления корпорации «Doe Run Resources», консультант владельцев малого бизнеса в построении процессов продаж.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=85">William Walsh</a></b><p>альфа, сын Ульфрика «Тронос Рокке»; психотерапевт-психоаналитик, консультант полиции по вопросам поведения и вычисления маньяков-убийц (профайлер).</p></div>
      </div>

      <i>Крысолюды</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=25">Claudia Casado</a></b><p>альфа, Раттис Максимус Рома родере «Черной короны»; начальник охраны «Цирка проклятых».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=180">Jeremy Graves</a></b><p>альфа; ведущий на радиостанции St. Louis Classic Rock, коуч при «Мохнатой Коалиции».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=133">Lilian Palmieri</a></b><p>бета; доктор, была главой одного из сент-луисских травматологических центров, ныне возглавляет подпольный госпиталь для ликантропов под протекторатом «Мохнатой коалиции».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=158">Oliver Houston</a></b><p>бета, Зверь Зова Дориана; артист труппы «Цирка Проклятых», волонтер. С 2016 года связан с Дорианом и Шевонн Хьюз узами Триумвирата.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=59">Raphael Valdez</a></b><p>альфа, Ром родере «Черной короны»; владелец фирмы по утилизации отходов «Эко-патруль», заместитель главы «Мохнатой Коалиции».</p></div>
      </div>

      <i>Верльвы</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=5">Dominic Boehmer</a></b><p>альфа, Зверь Зова Принца Сент-Луисского Поцелуя вампиров; артист музыкального жанра, состоит в труппе театра «Фокс».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=106">Lionel Prime</a></b><p>альфа, Рекс прайда «Солем Нокс»; владелец сети авто- и мото-салонов по продаже и прокату.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=62">Vincent Kaleo</a></b><p>альфа; фокусник, иллюзионист, бармен, супер-фрилансер.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=76">Jonathan Castellano</a></b><p>омега, эмпат; охотник за головами.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=964">Felicia Dewitt</a><sup>NPC</sup></b><p>омега; старшеклассница.</p></div>
        </div>

      <i>Верлеопарды</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=221">Anthony Nelson</a></b><p>альфа; тренер, волонтер в собачьем приюте «Lucky Paws», донор Церкви Вечной Жизни.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=183">Indrani A. Verma</a></b><p>альфа, Зверь Зова Александра Норвуда; гитаристка в группе «Wingbreakers».</p></div>
      </div>

      <i>Гиенолаки</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=224">Agnes Porter</a></b><p>бета, в будущем Окп'ота клана «Серебряных Цепей»; швея, модельер-конструктор, занимается в основном индивидуальными заказами в собственном маленьком ателье.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=961">Marianna Lavoisier</a><sup>NPC</sup></b><p>альфа, Пара клана «Серебряных Цепей»; шеф-повар и владелица небольшого кафе «У Матушки».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=153">Narcissus</a></b><p>альфа, Обей клана «Серебряных Цепей»; владелец клуба «Нарцисс в цепях».</p></div>
      </div>

      <i>Вертигры</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=29">Vatare Sumeregava</a></b><p>Омега, черный тигр, сноходец; тату-мастер, студентка.</p></div>
      </div>

      <i>Медведолаки</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=136">Michael Shelter</a></b><p>Бета, гризли; вольный наёмник, до августа 2016 - федеральный маршал Миссури.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=265">Isaac Moreau</a></b><p>альфа, пиззли. Агент ФБР, официально «не существующий» отдел «Bound» по расследованию и предотвращению преступлений, связанных со сверхъестественным, а также борьбе с представляющими опасность индивидуумами; в 2014 направлен в Миссури для консультационной помощи, раскрытия нераскрытого и закрытия открытого.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1012">Robert Bushe</a><sup>NPC</sup></b><p>альфа, барибал, второй по силе в клане «Моненс Барн»; тренер по фитнесу днём, тренер в клубе «Valhalla» ночью.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=111">Pia Aasen-Lund</a></b><p>альфа, белый медведь, Урса клана «Моненс Барн»; владелица сети мясных лавок «Nordlys», сети булочных «Kanel», а так же бойцовского клуба для «иных» – «Valhalla».</p></div>
      </div>

      <i>Ламии</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href=https://jkisdead.rusff.me/profile.php?id=82">Esfira</a></b><p>танцовщица, гимнастка и акробат в «Цирке проклятых».</p></div>
      </div>

    </div>
  </div>
  <!-- ========================================================= -->
  <!-- ВКЛАДКА 3: ЛЮДИ                                           -->
  <!-- ========================================================= -->
  <div id="race-humans" class="frpg-tab-content">
    <div class="frpg-scroll-box">
     
      <i>Аниматоры и Некроманты</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href=https://jkisdead.rusff.me/profile.php?id=30">Noah Swan</a></b><p>некромант; детектив РГРПС, консультант по вопросам сверхъестественного.</p></div>
      </div>

      <i>Ведьмы и Колдуны</i>
      <div class="frpg-cards-grid">
        <!-- Ровно 20 заготовок карточек для АМС -->
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=185">Agatha Harrell</a></b><p>человек-слуга Дарна; ранее - врач, сейчас - иллюстратор книг, художник обложек музыкальных альбомов. В качестве хобби изготавливает на заказ колоды Таро.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=939">Anthony Goodwin</a><sup>NPC</sup></b><p>мастер проклятий; преподаватель истории в университете, египтолог, наёмный убийца, коллекционер.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=930">Augustus Sherman</a><sup>NPC</sup></b><p>чернокнижник, демонолог; священник, внештатный сотрудник РГРПС.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=225">Hans Kaufmann</a></b><p>колдун; охранник в Цирке Проклятых, личный телохранитель Эсфиры, торговец редкими магическими ингредиентами.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=933">Janos Bihari</a><sup>NPC</sup></b><p>гений в магии амулетов, оберегов и прочей магии, связанной с заклинанием и заговором вещей на ту или иную защиту или, напротив, проклятье; делает деньги на скачках.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=71">Kaylan Grant</a></b><p>специализируется на поисковой магии; частный детектив, владелец сыскного агентства «Tracer».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=952">Kigan</a><sup>NPC</sup></b><p>друид, человек-слуга Моровен. Местонахождение - Ирландия.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=80">Lawrence G. Cary</a></b><p>безошибочно определяет причину и место заболевания/травмы; хирург в больнице св. Луки, судмедэксперт при РГРПС.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=124">Livia Vandermeer</a></b><p>экспериментатор по части зелий и заклинаний, проклята; меценат, владелица сети танцевальных студий «Fallen Stars», бывшая танцовщица бурлеска.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1139">Logan Hayes</a><sup>NPC</sup></b><p>специализируется на заговорах предметов на нужные свойства, в том числе открытие сокрытого; владелец антикварной лавки «Лампа Алладина».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=40">Mark Garland</a></b><p>экс-Верховный Финикса, в потенциале Верховный Колдун Сент-Луисского ковена; доктор противоестественной биологии, преподаватель и декан кафедры в Медицинской школе Университета Вашингтона в Сент-Луисе.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=955">Melvin B. Montgomery</a><sup>NPC</sup></b><p>осколок выродившегося ковена; уличный музыкант, студент 2-ого курса, клептоман.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=75">Murren Grant</a></b><p>специалист-ритуалист и артефактолог; детектив РГРПС, ведьма-консультант.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=41">Richard Kramer</a></b><p>чернокнижник, демонолог, проклят. Человек-слуга Шарлотты; владелец паба «Голова Принцессы», коллекционер артефактов и мелкого магического «хлама».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=123">Shevonne Hughes</a></b><p>чернокнижница, проклята; абитуриент Университета Миссури.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=260">Sofia St.James</a></b><p>ведьма, старшая сестра Виктора Кастеллано, реставратор произведений изобразительного и декоративно-прикладного искусства.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=227">Udo Kaufmann</a></b><p>колдун; писатель, лингвист и переводчик. Сын Ганса Кауфмана и в некотором роде воспитанник Эсфиры.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=77">Victor Castellano</a></b><p>четвертый отпрыск главы мафиозного клана Кастеллано, прокурор, специализирующийся на делах, связанных с противоестественным во всех его проявлениях.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=67">Vena de Vries</a></b><p>специализируется на проклятиях, шувани; совладелица фирмы «Кракатук», держатель контрольного пакета акций «Cotfort Construction», благотворитель, экс-танцовщица бурлеска.</p></div>
      </div>

      <i>Вудуисты</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=32">Roger Swan</a></b><p>аниматор-вудуист в фирме «Аниматор Inc.»; кукольник.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1096#p177914">Thais</a><sup>NPC</sup></b><p>мамбо; эксперт по магии вуду в агентстве "Кракатук", держит крохотную оккультную лавочку-забегаловку креольской кухни "Fet Guede".</p></div>
      </div>

      <i>Медиумы</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=36">Alma Murphy</a></b><p>физический медиум; судмедэксперт-патологоанатом при РГРПС.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=943">Adam Morgan</a><sup>NPC</sup></b><p>призрак, дух-наставник Альмы Мёрфи.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=944">Audra Finch</a><sup>NPC</sup></b><p>ментальный медиум; стрингер, журналист-фрилансер, блогер, студентка UMass Boston.</p></div>
      </div>

      <i>Метафизики</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=86">Alice Bеyz</a></b><p>пирокинетик; безработная, промышляет мелкими кражами.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=199">Benjamin Evans</a></b><p>эмпат; практикующий психотерапевт и вольный художник.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=261">Castor St.James</a></b><p>телепат, отельер.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=198">Judy Evans</a></b><p>телекенетик; парамедик в скорой при Университетской больнице Сент-Луиса, на данный момент проходит заочное обучение в магистратуре на хирурга.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=213">Lukas Lind</a></b><p>телекенетик; официально считается мертвым с 2009 года, наемник, работает на немецкую организацию "Zeitgeist".</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=200">Roy Anvin</a></b><p>телепат; фельдшер в скорой при Университетской больнице Сент-Луиса (SLU).</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=68">Vega Grant</a></b><p>целитель; совладелица фирмы «Кракатук».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=89">Vanessa Keeffe</a></b><p>потомок сидхе; гримёр-постижёр в театре «Фокс».</p></div>
      </div>

      <i>Сноходцы</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=228">Gisher Sanoyan</a></b><p>сноходец (танатос); студент.</p></div>
      </div>

      <i>Без способностей</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=73">Alvey Rosenman</a></b><p>фотокорреспондент в «St. Louis Post-Dispatch».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=60">Albertina Dietrich</a></b><p>юрист-консультант, адвокат в «David&Goliath», отправлена в Сент-Луис для открытия дочерней компании.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=1232#p199179">Arthur Gable</a><sup>NPC</sup></b><p>аспирант физического факультета, ассистент преподавателя и учитель физики в старших классах.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=928">Bastian Boehmer</a><sup>NPC</sup></b><p>сын Доминика Бёмера. Теперь уже сын Доминика и Ашера. Внук Альбертины Дитрих. Бойкий и бесстрашный ребёнок, с талантом к манипулированию людьми.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=219">Ceris Reed</a></b><p>актриса музыкального жанра, состоит в труппе театра «Фокс», певица лейбла "Balza group".</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=107">Cillian Doherty</a></b><p>сержант РГРПС.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=230">Finn Graham</a></b><p>репортер в «St. Louis Post-Dispatch», где помимо основной работы, отвечает за связь с общественностью, сбором новостных сводок и слежкой за другими СМИ.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=929">Golda Rosenzweig</a><sup>NPC</sup></b><p>в соавторстве с мужем под псевдонимом Эмма и Ноэль Нельсон пишет романы эротического содержания по выведенной ею самой формуле, что приносит несказанный успех и неплохие гонорары.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=101">Jerzy Zerbrowski</a></b><p>сержант РГРПС.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=946">John W. Horn</a><sup>NPC</sup></b><p>журналист, трёхкратный лауреат Пулитцеровской премии (1983, 1988, 2002), член Американского философского общества (2003). Начиная с 1988 года - главный редактор «St. Louis Post-Dispatch».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=78">Maxwell Bones</a></b><p>метафизический «ноль»; военный врач, хирург.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=941">Sophia Prime</a><sup>NPC</sup></b><p>младшая дочь Лайонела Прайма. Ходит в кружок по единоборствам, собирает выброшенные плюшевые игрушки, оказывает первую помощь и предоставляет жильё.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=220">Steven Jones</a></b><p>экс-раннинбек «Даллас Ковбойс», территориальный менеджер по продажам Emerson Electric Co.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/profile.php?id=266">Warren Prime</a></b><p> студент 2 курса медицинского факультета в университете Сент-Луиса (направление - хирургия). Благодаря отцовским связям подрабатывает санитаром в больнице у доктора Лилиан Пальмьери, где и планирует потом работать, чтобы помогать оборотням. Сын Рекса прайда «Солем Нокс».</p></div>
      </div>

    </div>
  </div>

  <!-- ========================================================= -->
  <!-- ВКЛАДКА 4: ФЭЙРЭ                                          -->
  <!-- ========================================================= -->
  <div id="race-fae" class="frpg-tab-content">
    <div class="frpg-scroll-box">
     
      <i>Благий Двор</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="CСЫЛКА">Имя Персонажа</a></b><p>Описание деятельности и способностей.</p></div>
        <div class="frpg-char-card"><b><a href="CСЫЛКА">Имя Персонажа</a><sup>NPC</sup></b><p>Описание деятельности и способностей.</p></div>
      </div>

      <i>Неблагий Двор</i>
      <div class="frpg-cards-grid">
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=949">Eonon</a><sup>NPC</sup></b><p>сын сидхейской богини Неотвратимой судьбы, брат-близнец Этейн, страж Сумрачной рощи, воин-лучник, чистокровный сидхе-изгнанник; писатель, автор нескольких популярных серий графических романов.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=965">Etain</a><sup>NPC</sup></b><p>дочь сидхейской богини Неотвратимой судьбы, сестра-близнец Энона, страж Сумрачной рощи, воин-копейщик, чистокровная сидхе-изгнанница; портниха-модельер, партнер модного дома «Diablo Route».</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=959">Mormore Tarlach Teige</a><sup>NPC</sup></b><p>фея-крошка; менестрель племени Туата Де Дананн, личный бард Моровен.</p></div>
        <div class="frpg-char-card"><b><a href="https://jkisdead.rusff.me/viewtopic.php?id=958">Roark McGuinnessа</a><sup>NPC</sup></b><p>шелки, Зверь Зова Моровен; владелец винокурен, выпускающих виски под брендом «Морриган», правитель шелки. Место пребывания - Ирландия.</p></div>
      </div>

    </div>
  </div>

</div> <!-- КОНЕЦ ТАБЛИЦЫ -->

<script>
  function frpgSortCards() {
    var container = document.getElementById("frpg-chars-wrapper"); if (!container) return;
    var grids = container.getElementsByClassName("frpg-cards-grid");
    for (var i = 0; i < grids.length; i++) {
      var grid = grids[i]; var cards = Array.from(grid.getElementsByClassName("frpg-char-card"));
      cards.sort(function(a, b) {
        var textA = a.getElementsByTagName("b")[0].textContent.toLowerCase().trim();
        var textB = b.getElementsByTagName("b")[0].textContent.toLowerCase().trim();
        return textA.localeCompare(textB, 'en', { sensitivity: 'base' });
      });
      cards.forEach(function(card) { grid.appendChild(card); });
    }
  }
  document.addEventListener("DOMContentLoaded", frpgSortCards); setTimeout(frpgSortCards, 600);

  function frpgSwitchTab(evt, tabId) {
    var container = document.getElementById("frpg-chars-wrapper");
    var contents = container.getElementsByClassName("frpg-tab-content");
    for (var i = 0; i < contents.length; i++) contents[i].classList.remove("active");
    var buttons = container.getElementsByClassName("frpg-tab-btn");
    for (var i = 0; i < buttons.length; i++) buttons[i].classList.remove("active");
    document.getElementById(tabId).classList.add("active"); evt.currentTarget.classList.add("active");
    document.getElementById("frpg-db-search").value = ""; frpgDatabaseSearch();
  }

  function frpgDatabaseSearch() {
    var input = document.getElementById("frpg-db-search"); var filter = input.value.toLowerCase();
    var container = document.getElementById("frpg-chars-wrapper"); var cards = container.getElementsByClassName("frpg-char-card");
    var contents = container.getElementsByClassName("frpg-tab-content"); var buttons = container.getElementsByClassName("frpg-tab-btn");
    var dividers = container.getElementsByTagName("i");
    if (filter === "") {
      for (var i = 0; i < cards.length; i++) cards[i].style.display = "";
      for (var i = 0; i < dividers.length; i++) dividers[i].style.display = ""; return;
    }
    for (var i = 0; i < contents.length; i++) {
      var blockCards = contents[i].getElementsByClassName("frpg-char-card"); var visibleInTab = 0;
      for (var j = 0; j < blockCards.length; j++) {
        var cardText = blockCards[j].textContent || blockCards[j].innerText;
        if (cardText.toLowerCase().indexOf(filter) > -1) { blockCards[j].style.display = ""; visibleInTab++; } else blockCards[j].style.display = "none";
      }
      var tabDividers = contents[i].getElementsByTagName("i");
      for (var d = 0; d < tabDividers.length; d++) {
        var nextGrid = tabDividers[d].nextElementSibling;
        if (nextGrid && nextGrid.classList.contains("frpg-cards-grid")) {
          var gridCards = Array.from(nextGrid.getElementsByClassName("frpg-char-card"));
          var anyVisible = gridCards.some(c => c.style.display !== "none"); tabDividers[d].style.display = anyVisible ? "" : "none";
        }
      }
      if (visibleInTab > 0) {
        for (var k = 0; k < contents.length; k++) { contents[k].classList.remove("active"); buttons[k].classList.remove("active"); }
        contents[i].classList.add("active"); buttons[i].classList.add("active");
      }
    }
  }
</script>
[/html]