[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]