[html]<div class="rusty-root">
<div class="rusty-container">
<div class="rusty-header">
<div class="rusty-sub">Фракции, династии и сословия — фильтрация по странам и статусам</div>
</div>
<div class="rusty-filter-panel">
<div class="rusty-filter-group">
<label><i class="fas fa-globe"></i> Страна / блок</label>
<select id="rustyCountryFilter">
<!--Сюда страны добавлять для фильтра-->
<option value="all">Все страны</option>
<option value="caldaria">Кальдария</option>
<option value="caliphate">Эзуаханский халифат</option>
<option value="kokuyo">Империя Кокуёй</option>
<option value="medria">Священный Собор Медрии</option>
<option value="tuagleso">Туаглесо</option>
</select>
</div>
<div class="rusty-filter-group">
<label><i class="fas fa-tag"></i> Статус / роль</label>
<select id="rustyStatusFilter">
<!--Сюда для фильтров статусы населения-->
<option value="all">Все статусы</option>
<option value="aristocrat">Знать</option>
<option value="priesthood">Жречество</option>
<option value="commoner">Простолюдин</option>
<option value="caliph-family">Семья халифа</option>
<option value="emir">Эмират (правитель/знать)</option>
<option value="bureaucrat">Бюрократ</option>
<option value="official">Чиновник / сановник</option>
<option value="temple_rank">Служители собора</option>
<option value="resident_tuagleso">Житель туаглесо</option>
<option value="magus">Маг</option>
</select>
</div>
<div class="rusty-filter-group">
<label><i class="fas fa-search"></i> Быстрый поиск</label>
<input type="text" id="rustySearchInput" placeholder="Имя, титул, регион...">
</div>
<button class="rusty-reset-btn" id="rustyResetBtn"><i class="fas fa-undo-alt"></i> Сбросить всё</button>
<div class="rusty-stats-badge" id="rustyStatsDisplay">0 персонажей</div>
</div>
<div class="rusty-grid" id="rustyGrid">
<!-- КАЛЬДАРИЯ -->
<div class="rusty-block" data-country="caldaria">
<div class="rusty-block-header" data-block="caldaria">
<div class="rusty-block-title">
<i class="fas fa-shield-haltered"></i>
<city>Кальдария</city>
</div>
<div style="display: flex; gap: 12px; align-items: center;">
<div class="rusty-block-meta"><i class="fas fa-users"></i> <span class="rusty-count">0</span> персонажей</div>
<div class="rusty-toggle-icon"><i class="fas fa-chevron-up"></i></div>
</div>
</div>
<div class="rusty-cards-container">
<!-- Аристократы Кальдарии -->
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-chess-queen"></i><a href="https://rustycrowns.rusff.me/profile.php?id=13">Аделина Канурхельмская</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="magus">Член королевского дома</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Королевский домен</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Принцесса</div>
</div>
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-chess-queen"></i> <a href="https://rustycrowns.rusff.me/profile.php?id=20">Эсмерей Абернати</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">аристократка</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> герцогство Дреания</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> дочь герцога Дреании</div>
</div>
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-hammer"></i><a href="https://rustycrowns.rusff.me/profile.php?id=9">Рэйчел Велморн</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">алхимик</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> герцогство Дреания</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> казначей и архивариус банковского дома Велморн, алхимик</div>
</div>
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-chess-queen"></i> <a href="https://rustycrowns.rusff.me/profile.php?id=29">Иштван Вереш</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">аристократ</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> герцогство Агрейн</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Первый сын герцога Агрейн</div>
</div>
<!-- Простолюдины Кальдарии -->
<div class="rusty-card" data-status="priesthood">
<div class="rusty-card-name">
<span><i class="fas fa-hammer"></i><a href="https://rustycrowns.rusff.me/profile.php?id=6">Меропа из Аретиона</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="priesthood">жрица Аглы</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> герцогство Деодор</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i>жрица богини Аглы, гетера</div>
</div>
<div class="rusty-card" data-status="commoner">
<div class="rusty-card-name">
<span><i class="fas fa-hammer"></i><a href="https://rustycrowns.rusff.me/profile.php?id=8">Эрик Иварссон</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="commoner">воин</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> странник</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i>жертва некромантии</div>
</div>
<div class="rusty-card" data-status="magus">
<div class="rusty-card-name">
<span><i class="fas fa-hammer"></i><a href="https://rustycrowns.rusff.me/profile.php?id=18">Крессида Мунк</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="magus">некромант</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> странница</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i>некромант, "хозяйка" Эрика Иварссона</div>
</div>
<div class="rusty-card" data-status="commoner">
<div class="rusty-card-name">
<span><i class="fas fa-hammer"></i><a href="https://rustycrowns.rusff.me/profile.php?id=23">Робиннета-Сиглинда Дьюар</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="commoner">исследовательница</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> странница</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i>исследовательница, ботаник, писательница натуралистичных справочников</div>
</div>
</div>
</div>
<!--КОНЕЦ РЕГИОНА-->
<!-- ХАЛИФАТ -->
<div class="rusty-block" data-country="caliphate">
<div class="rusty-block-header" data-block="caliphate">
<div class="rusty-block-title">
<city>Эзуаханский Халифат</city>
</div>
<div style="display: flex; gap: 12px; align-items: center;">
<div class="rusty-block-meta"><i class="fas fa-users"></i> <span class="rusty-count">0</span> персонажей</div>
<div class="rusty-toggle-icon"><i class="fas fa-chevron-up"></i></div>
</div>
</div>
<div class="rusty-cards-container">
<!-- Семья халифа -->
<div class="rusty-card" data-status="caliph-family">
<div class="rusty-card-name">
<span><i class="fas fa-star-and-crescent"></i> Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="caliph-family">Семья халифа</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Мина</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<div class="rusty-card" data-status="caliph-family">
<div class="rusty-card-name">
<span><i class="fas fa-star-and-crescent"></i> Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="caliph-family">Семья халифа</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Мина</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<!-- Эмиры -->
<div class="rusty-card" data-status="emir">
<div class="rusty-card-name">
<span><i class="fas fa-landmark"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="emir">Эмир</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Эмират</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Правитель эмирата</div>
</div>
<div class="rusty-card" data-status="emir">
<div class="rusty-card-name">
<span><i class="fas fa-landmark"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="emir">Эмир</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Эмират</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Правитель эмирата</div>
</div>
<div class="rusty-card" data-status="emir">
<div class="rusty-card-name">
<span><i class="fas fa-landmark"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="emir">Эмир</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Эмират</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Правитель эмирата</div>
</div>
</div>
</div>
<!--КОНЕЦ-->
<!-- ИМПЕРИЯ КОКУЁЙ -->
<div class="rusty-block" data-country="kokuyo">
<div class="rusty-block-header" data-block="kokuyo">
<div class="rusty-block-title">
<city>Империя Кокуёй</city>
</div>
<div style="display: flex; gap: 12px; align-items: center;">
<div class="rusty-block-meta"><i class="fas fa-users"></i> <span class="rusty-count">0</span> персонажей</div>
<div class="rusty-toggle-icon"><i class="fas fa-chevron-up"></i></div>
</div>
</div>
<div class="rusty-cards-container">
<!-- Винтики бюрократии -->
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">Императрица Кокуёй</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Тяньмин</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Императрица</div>
</div>
<div class="rusty-card" data-status="aristocrat">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i><a href="https://rustycrowns.rusff.me/profile.php?id=19">Хань Юй</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">аристократ</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Северные провинции</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Наследник наместника Зимнего двора</div>
</div>
<div class="rusty-card" data-status="official">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i>Фамилия Имя</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="official">Статус</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Локация</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<div class="rusty-card" data-status="bureaucrat">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="bureaucrat">Бюрократ</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Локация</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<!-- Чиновники -->
<div class="rusty-card" data-status="official">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="bureaucrat">Бюрократ</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Локация</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<div class="rusty-card" data-status="official">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i>Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="bureaucrat">Бюрократ</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Локация</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
</div>
</div>
<!--КОНЕЦ РЕГИОНА-->
<!-- ЕЩЕ ОДНА СТРАНА (КОПИРОВАТЬ И ЗАПОЛНЯТЬ) -->
<div class="rusty-block" data-country="medria">
<div class="rusty-block-header" data-block="medria">
<div class="rusty-block-title">
<city>Священный Собор Медрии</city>
</div>
<div style="display: flex; gap: 12px; align-items: center;">
<div class="rusty-block-meta"><i class="fas fa-users"></i> <span class="rusty-count">0</span> персонажей</div>
<div class="rusty-toggle-icon"><i class="fas fa-chevron-up"></i></div>
</div>
</div>
<div class="rusty-cards-container">
<!-- Винтики бюрократии -->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="temple_rank">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> <a href="https://rustycrowns.rusff.me/profile.php?id=13">Сиена</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="temple_rank">Настоятельница, Софистка</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Священный Собор</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> член Совета Дочерей</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="temple_rank">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="temple_rank">Соборный сан</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Священный Собор</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="temple_ran">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="temple_rank">Соборный сан</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> Священный Собор</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
</div>
</div>
<!--КОНЕЦ РЕГИОНА-->
<!-- ЕЩЕ ОДНА СТРАНА (КОПИРОВАТЬ И ЗАПОЛНЯТЬ) -->
<div class="rusty-block" data-country="tuagleso">
<div class="rusty-block-header" data-block="tuagleso">
<div class="rusty-block-title">
<city>Туаглесо</city>
</div>
<div style="display: flex; gap: 12px; align-items: center;">
<div class="rusty-block-meta"><i class="fas fa-users"></i> <span class="rusty-count">0</span> персонажей</div>
<div class="rusty-toggle-icon"><i class="fas fa-chevron-up"></i></div>
</div>
</div>
<div class="rusty-cards-container">
<!-- Винтики бюрократии -->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="tuagleso">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> <a href="https://rustycrowns.rusff.me/profile.php?id=7">Чикоме Шипе Текутли</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="aristocrat">тлатоани</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i>Йолотль</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Правитель Йолотля</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="tuagleso">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> <a href="https://rustycrowns.rusff.me/profile.php?id=21">Антай Почацапутли</a></span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="tuagleso">Простолюдин</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> врата Заката</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Токоанитзин</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
<!--НАЧАЛО КАРТОЧКИ-->
<div class="rusty-card" data-status="tuagleso">
<div class="rusty-card-name">
<span><i class="fas fa-building"></i> Имя фамилия</span>
<i class="fas fa-info-circle" style="opacity:0.6; font-size:0.8rem;"></i>
</div>
<div class="rusty-card-status" data-status="tuagleso">Статус</div>
<div class="rusty-card-desc"><i class="fas fa-map-pin"></i> город Восьмиградья</div>
<div class="rusty-card-desc"><i class="fas fa-feather-alt"></i> Роль</div>
</div>
<!--КОНЕЦ КАРТОЧКИ-->
</div>
</div>
<!--КОНЕЦ РЕГИОНА-->
</div>
</div>
</div>[/html] [hideprofile]
