[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="country_name">Еще одна страна</option>
                    <option value="country_name2">А тут другая</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="commoner">Простолюдин (Кальдария)</option>
                    <option value="caliph-family">Семья халифа</option>
                    <option value="emir">Эмират (правитель/знать)</option>
                    <option value="bureaucrat">Винтик бюрократии</option>
                    <option value="official">Чиновник / сановник</option>
                    <option value="status_name">Винтик бюрократии</option>
                    <option value="status_name2">Чиновник / сановник</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> Лорд Артемий Верон</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-feather-alt"></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-gem"></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="commoner">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-hammer"></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="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="commoner">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-bread-slice"></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="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-moon"></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-camel"></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-coins"></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="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="bureaucrat">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-file-alt"></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="bureaucrat">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-pen-fancy"></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="bureaucrat">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-scroll"></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-clipboard-list"></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="official">
                        <div class="rusty-card-name">
                            <span><i class="fas fa-gavel"></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>
            </div>
<!--КОНЕЦ РЕГИОНА-->

<!-- ЕЩЕ ОДНА СТРАНА (КОПИРОВАТЬ И ЗАПОЛНЯТЬ) -->
            <div class="rusty-block" data-country="country_name">
                <div class="rusty-block-header" data-block="country_name">
                    <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="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="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="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>
            </div>
<!--КОНЕЦ РЕГИОНА-->

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

[html]<div class="cs-rusty"><name><maj>Название страны (региона)</maj> <dbl>доп названия если есть</dbl></name>
<csr-text>такой вот антураж These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.</csr-text>

<div class="about-cs"><!--Сначала картиночка-->
<div class="crowns-c"><img src="https://forumstatic.ru/files/001c/ae/e3/69075.jpg"></div>

<!--Остальное-->
<div class="other-inf">
<infot><b>Столица (псевдокласс)</b> название</infot>
<infot><b>Форма правления (псевдокласс)</b> название</infot>
<infot><b>Правитель (псевдокласс)</b> название</infot>
<infot><b>Религия (псевдокласс)</b> название</infot>
<infot><b>Язык (псевдокласс)</b> название</infot>
<infot><b>Демоним (псевдокласс)</b> название</infot>
<infot><b>Система наследования (псевдокласс)</b> название</infot>
</div>

</div>

<!--Спойлеры-->
<div class="rc-spoilers">

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>тут текст сам</p></blockquote></div>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers. She clicks again and the ancient printer next to the desk whirs to life. “As far as I can tell there were more books in the original donation, it’s possible that they were too fragile for circulation or damaged. These twelve are what’s out there, maybe the one you have is a second volume of something?” She hands Zachary the printed list of titles and authors and call numbers.
</p></blockquote></div>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>тут текст сам</p></blockquote></div>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>тут текст сам</p></blockquote></div>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>тут текст сам</p></blockquote></div>

<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Спойлер для текста</div><blockquote><p>тут текст сам</p></blockquote></div>

</div>

</div>[/html][hideprofile]