[html]
<style>
/* 1. ГЛАВНЫЙ КОНТЕЙНЕР */
.artifact-box-wrapper {
    max-width: 600px;
    margin: 20px auto;
    font-family: 'Times New Roman', serif;
    position: relative;
    padding-top: 15px;
}

/* ГЛАВНЫЙ ЗАГОЛОВОК */
.artifact-header {
    background-color: #5D4A66;
    color: white;
    padding: 8px 15px;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
}

/* 2. ОСНОВНОЙ КОНТЕНТ (МЕНЮ + КОНТЕНТ) */
.artifact-main-container {
    display: flex;
    border: 3px solid #B8A8C7;
    background-color: #FFFDF8;
    border-radius: 0 0 10px 10px;
    height: 580px;
    position: relative;
}

/* ЛЕВОЕ МЕНЮ */
.artifact-tabs-vertical {
    width: 150px;
    background-color: #EFEFEF;
    border-right: 1px solid #D3D3D3;
    border-radius: 0 0 0 7px;
    padding-top: 8px;
    flex-shrink: 0;
}

/* КНОПКА ПО УМОЛЧАНИЮ (НЕАКТИВНАЯ) - ФИОЛЕТОВАЯ С ОБВОДКОЙ */
.artifact-tab-button {
    display: block;
    width: 90%;
    text-align: left;
    padding: 8px 10px;
    margin-bottom: 5px;
    margin-left: 5px;
    cursor: pointer;
   
    /* СТИЛЬ ПО УМОЛЧАНИЮ (ФИОЛЕТОВАЯ КНОПКА) */
    border: 2px solid #5D4A66;
    background-color: #5D4A66;
    font-family: 'Times New Roman', serif;
    font-size: 12px;
    font-weight: bold;
    color: white; /* Белый текст */
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    border-radius: 5px;
}

/* КНОПКА ПРИ АКТИВАЦИИ (АКТИВНАЯ) - ПРОЗРАЧНАЯ БЕЗ ОБВОДКИ */
.artifact-tab-active {
    background-color: transparent !important; /* Прозрачный фон */
    color: #5D4A66 !important; /* Фиолетовый текст */
    border: 0px solid transparent !important; /* Без обводки */
    border-left: 5px solid #89515A !important; /* Левая линия-акцент */
    margin-left: 0px !important; /* Смещаем, чтобы линия была на месте */
    padding-left: 15px !important; /* Сдвигаем текст */
}

/* 3. ПРАВЫЙ КОНТЕНТ (СКРОЛЛ + БАННЕР) */
.artifact-content-area {
    flex-grow: 1;
    overflow-y: hidden;
    position: relative;
}

.artifact-content-banner {
    width: 100%;
    height: 90px;
    background-color: #D3D3D3;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.artifact-section-title {
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #5D4A66;
    color: white;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 5;
}

/* СКРОЛЛИРУЕМАЯ ОБЛАСТЬ ДЛЯ КОНТЕНТА */
.artifact-content-scroll {
    padding: 10px 15px 15px 15px;
    height: calc(580px - 90px);
    overflow-y: auto;
    position: relative;
    z-index: 2;
}

/* СТРОГОЕ ОПИСАНИЕ КАТЕГОРИИ */
.category-description {
    font-size: 11px;
    padding: 10px;
    color: #555;
    background-color: #F8F8F8;
    margin-bottom: 15px;
    border: 1px dashed #B8A8C7;
    border-radius: 4px;
    line-height: 1.4;
}
.category-description strong {
    color: #5D4A66;
}

/* СТИЛИ СПИСКА */
.artifact-list-item {
    margin-bottom: 15px;
    padding: 5px 0;
}

.artifact-name-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3px;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
}

.artifact-icon {
    margin-right: 7px;
    font-size: 14px;
    font-weight: bold;
    color: #5D4A66;
}

.artifact-name {
    font-weight: bold;
    color: #5D4A66;
    font-size: 13px;
    flex-grow: 1;
}

.artifact-price {
    font-weight: bold;
    color: #89515A;
    white-space: nowrap;
    font-size: 12px;
    margin-left: 15px;
}

.artifact-effect {
    font-size: 11px;
    color: #333;
    display: block;
    padding-left: 22px;
}

/* Скрываем неактивные вкладки */
.artifact-tab-content-block {
    display: none;
}
.artifact-tab-content-block.active {
    display: block;
}
</style>

<div class="artifact-box-wrapper">
    <div class="artifact-header">
        ОФИЦИАЛЬНЫЙ РЕЕСТР МАГИЧЕСКИХ АРТЕФАКТОВ (1925 Г.)
    </div>
   
    <div class="artifact-main-container">
        <div class="artifact-tabs-vertical">
            <button onclick="showArtifactTabVertical('legendary', this, 'I. ЛЕГЕНДАРНЫЕ')" class="artifact-tab-button artifact-tab-active" id="btn-legendary">I. ЛЕГЕНДАРНЫЕ</button>
            <button onclick="showArtifactTabVertical('epic', this, 'II. ЭПИЧЕСКИЕ')" class="artifact-tab-button" id="btn-epic">II. ЭПИЧЕСКИЕ</button>
            <button onclick="showArtifactTabVertical('standard', this, 'III. ЦЕННЫЕ')" class="artifact-tab-button" id="btn-standard">III. ЦЕННЫЕ</button>
            <button onclick="showArtifactTabVertical('utility', this, 'IV. БЫТОВЫЕ')" class="artifact-tab-button" id="btn-utility">IV. БЫТОВЫЕ</button>
            <button onclick="showArtifactTabVertical('scrolls', this, 'V. СВИТКИ')" class="artifact-tab-button" id="btn-scrolls">V. СВИТКИ</button>
            <button onclick="showArtifactTabVertical('potions', this, 'VI. ЗЕЛЬЯ')" class="artifact-tab-button" id="btn-potions">VI. ЗЕЛЬЯ</button>
            <button onclick="showArtifactTabVertical('strange', this, 'VII. СТРАННЫЕ')" class="artifact-tab-button" id="btn-strange">VII. СТРАННЫЕ</button>
            <button onclick="showArtifactTabVertical('dark', this, 'VIII. ТЁМНЫЕ АРТ.')" class="artifact-tab-button" id="btn-dark">VIII. ТЁМНЫЕ АРТ.</button>
            <button onclick="showArtifactTabVertical('worn', this, 'IX. НОСИМЫЕ')" class="artifact-tab-button" id="btn-worn">IX. НОСИМЫЕ</button>
        </div>

        <div class="artifact-content-area">
            <div class="artifact-content-banner">
                <img src="https://forumstatic.ru/files/001c/8f/35/97003.jpg?v=1" style="width: 100%; height: 100%; object-fit: cover;">
            </div>
           
            <div class="artifact-section-title" id="artifact-section-dynamic-title">
                I. ЛЕГЕНДАРНЫЕ
            </div>
           
            <div class="artifact-content-scroll">
               
                <div id="legendary" class="artifact-tab-content-block active">
                    <div class="category-description">
                        **ЛЕГЕНДАРНЫЕ** — Мощнейшие артефакты, доступные только через завершение ключевых сюжетных линий или великие награды. Не имеют фиксированной цены.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Мантия-невидимка</span><span class="artifact-price">--</span></div><span class="artifact-effect">Абсолютная невидимость.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Бузинная палочка</span><span class="artifact-price">--</span></div><span class="artifact-effect">Непревзойденная сила заклинаний.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Маховик Времени</span><span class="artifact-price">--</span></div><span class="artifact-effect">Позволяет вернуться на один час назад (строго ограничено).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Меч Гриффиндора</span><span class="artifact-price">--</span></div><span class="artifact-effect">Уничтожает тёмные сущности и поглощает яды.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Слёзы Феникса</span><span class="artifact-price">--</span></div><span class="artifact-effect">Полное мгновенное исцеление любых ран и отравлений (1 доза).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Философский камень</span><span class="artifact-price">--</span></div><span class="artifact-effect">Создание Эликсира Жизни и золота.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♦</span><span class="artifact-name">Зеркало Познания</span><span class="artifact-price">--</span></div><span class="artifact-effect">Показывает ближайшее местонахождение любого лица, если оно находится в здании (Аналог Карты Мародёров, доступный в 1925 году).</span></div>
                </div>

                <div id="epic" class="artifact-tab-content-block">
                    <div class="category-description">
                        **ЭПИЧЕСКИЕ** — Чрезвычайно мощные артефакты. **Общий лимит на владение — 3** предмета данной категории на персонажа.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Омут Памяти</span><span class="artifact-price">1000 Гал.</span></div><span class="artifact-effect">Извлечение, просмотр и изменение воспоминаний.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Шкаф Исчезновения (парный)</span><span class="artifact-price">900 Гал.</span></div><span class="artifact-effect">Мгновенное перемещение к парному шкафу (при наличии второго).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Лампада Жизни</span><span class="artifact-price">1200 Гал.</span></div><span class="artifact-effect">Залечивает одну критическую рану (1 раз в месяц).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Зеркало связи (мастер-копия)</span><span class="artifact-price">650 Гал.</span></div><span class="artifact-effect">Обеспечивает постоянную голосовую связь с пятью парными зеркалами.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Обнаружитель Секретов</span><span class="artifact-price">550 Гал.</span></div><span class="artifact-effect">Светится при лжи, скрытых намерениях или нарушении обетов.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Наручники Блокировки</span><span class="artifact-price">700 Гал.</span></div><span class="artifact-effect">Временно блокируют заклинания цели (1 ход, сложность снятия: 15).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Анти-легилименция Настойка</span><span class="artifact-price">600 Гал.</span></div><span class="artifact-effect">Даёт временный ментальный щит (+2 к защите от Легилименции).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⋆</span><span class="artifact-name">Посох Отражения</span><span class="artifact-price">1050 Гал.</span></div><span class="artifact-effect">Позволяет один раз в день отразить обратно слабое заклинание.</span></div>
                </div>

                <div id="standard" class="artifact-tab-content-block">
                    <div class="category-description">
                        **ЦЕННЫЕ** — Полезные, функциональные предметы с уникальными эффектами, не являющиеся одеждой или расходными материалами. Без лимита на владение.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Кошелёк Расширения</span><span class="artifact-price">300 Гал.</span></div><span class="artifact-effect">Бесконечное хранилище (внутри помещается небольшой сундук).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Перо-Стенографистка</span><span class="artifact-price">150 Гал.</span></div><span class="artifact-effect">Автоматически записывает произнесенный в радиусе 1 метра текст.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Зеркало связи (парное)</span><span class="artifact-price">200 Гал.</span></div><span class="artifact-effect">Обеспечивает голосовую связь с парным зеркалом.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Увеличительная лампа</span><span class="artifact-price">180 Гал.</span></div><span class="artifact-effect">Обнаружение невидимых чернил, слабых иллюзий и улик.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Набор отпираний</span><span class="artifact-price">220 Гал.</span></div><span class="artifact-effect">Улучшает эффективность "Алохомора" (+1 к силе).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Очарованный чемодан</span><span class="artifact-price">350 Гал.</span></div><span class="artifact-effect">Скрытое хранилище с расширенным пространством (для живых существ).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Зеркальце чар</span><span class="artifact-price">160 Гал.</span></div><span class="artifact-effect">Дрожит при использовании поблизости Темной магии.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Автоматический компас</span><span class="artifact-price">130 Гал.</span></div><span class="artifact-effect">Указывает на заданный город или улицу.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Нестираемый дневник</span><span class="artifact-price">70 Гал.</span></div><span class="artifact-effect">Записи нельзя удалить или изменить магическим путём.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Генератор Шума</span><span class="artifact-price">95 Гал.</span></div><span class="artifact-effect">Создает громкий, отвлекающий шум для маскировки (1 использование).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Карманный Обсерватор</span><span class="artifact-price">280 Гал.</span></div><span class="artifact-effect">Показывает расположение звезд, планет и их магическое влияние.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">∘</span><span class="artifact-name">Переносной Котел (саморазогревающийся)</span><span class="artifact-price">400 Гал.</span></div><span class="artifact-effect">Сам поддерживает необходимую температуру для варки зелий.</span></div>
                </div>
               
                <div id="utility" class="artifact-tab-content-block">
                    <div class="category-description">
                        **БЫТОВЫЕ** — Обязательная база и снаряжение для волшебника. Эти предметы могут **ломаться или быть израсходованы** и требуют покупки нового.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Метла (Базовая)</span><span class="artifact-price">100 Гал.</span></div><span class="artifact-effect">Стандартная метла для перемещения (скорость: 30 км/ч).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Котел (Оловянный)</span><span class="artifact-price">15 Гал.</span></div><span class="artifact-effect">Необходим для варки зелий (можно разбить).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Летучий Порох (10 доз)</span><span class="artifact-price">20 Гал.</span></div><span class="artifact-effect">Для путешествий по каминной сети (расходуется).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Набор юного зельевара</span><span class="artifact-price">20 Гал.</span></div><span class="artifact-effect">Базовый набор ингредиентов для создания простых зелий (расходуется).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Книга заклинаний</span><span class="artifact-price">50 Гал.</span></div><span class="artifact-effect">Базовый учебник, необходимый для записи и хранения заклинаний.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Комплект для ремонта метлы</span><span class="artifact-price">40 Гал.</span></div><span class="artifact-effect">Магическое исправление мелких повреждений метлы (1 использование, расходуется).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Золотые весы для ингредиентов</span><span class="artifact-price">35 Гал.</span></div><span class="artifact-effect">Обеспечивают точность взвешивания до магической частицы.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Противопожарные перчатки</span><span class="artifact-price">25 Гал.</span></div><span class="artifact-effect">Защита рук от ожогов при работе с огнём или зельями.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Фляга-термос</span><span class="artifact-price">18 Гал.</span></div><span class="artifact-effect">Сохраняет напиток горячим или холодным магическим способом.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">†</span><span class="artifact-name">Набор антидотов (3 дозы)</span><span class="artifact-price">60 Гал.</span></div><span class="artifact-effect">Базовый набор против слабых ядов (расходуется).</span></div>
                </div>

                <div id="scrolls" class="artifact-tab-content-block">
                    <div class="category-description">
                        **СВИТКИ** — Пергаменты, содержащие готовые к применению заклинания. Они **расходуются** после одного использования, независимо от успеха.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Конфундус"</span><span class="artifact-price">120 Гал.</span></div><span class="artifact-effect">Позволяет применить заклинание "Конфундус" (Путаница).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Петрификус"</span><span class="artifact-price">180 Гал.</span></div><span class="artifact-effect">Позволяет применить заклинание "Петрификус Тоталус" (Оцепенение).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Щит"</span><span class="artifact-price">80 Гал.</span></div><span class="artifact-effect">Мгновенно создает магический щит от одного удара.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Освобождение"</span><span class="artifact-price">150 Гал.</span></div><span class="artifact-effect">Снимает слабый магический замок или оковы.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Иллюзия"</span><span class="artifact-price">90 Гал.</span></div><span class="artifact-effect">Создает простую визуальную иллюзию на несколько минут.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Вспышка Света"</span><span class="artifact-price">60 Гал.</span></div><span class="artifact-effect">Создает яркую, ослепляющую вспышку.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♁</span><span class="artifact-name">Свиток "Левитации"</span><span class="artifact-price">75 Гал.</span></div><span class="artifact-effect">Позволяет поднять один предмет в воздух на 1 минуту.</span></div>
                </div>
               
                <div id="potions" class="artifact-tab-content-block">
                    <div class="category-description">
                        **ЗЕЛЬЯ** — Жидкие субстанции с временным эффектом. **Расходуются** после применения. **Лимит на владение — 5** готовых зелий одновременно.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Зелье Сна (Малое)</span><span class="artifact-price">50 Гал.</span></div><span class="artifact-effect">Вызывает сон на 1 час.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Зелье Лечения (Среднее)</span><span class="artifact-price">150 Гал.</span></div><span class="artifact-effect">Снимает сильные ушибы и переломы.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Зелье Удачной Смены</span><span class="artifact-price">100 Гал.</span></div><span class="artifact-effect">Улучшает результат одной проверки.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Зелье Невидимости</span><span class="artifact-price">200 Гал.</span></div><span class="artifact-effect">Временная невидимость (1 минута).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Освежающий Эликсир</span><span class="artifact-price">40 Гал.</span></div><span class="artifact-effect">Снимает усталость и восстанавливает концентрацию.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Сыворотка Храбрости</span><span class="artifact-price">70 Гал.</span></div><span class="artifact-effect">Временно убирает эффект страха и нерешительности.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Яд Забвения</span><span class="artifact-price">130 Гал.</span></div><span class="artifact-effect">Вызывает краткую потерю памяти (1 час).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Зелье Головокружения</span><span class="artifact-price">65 Гал.</span></div><span class="artifact-effect">Вызывает легкое головокружение и дезориентацию у цели (10 минут).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">⚗</span><span class="artifact-name">Эликсир Чистоты</span><span class="artifact-price">90 Гал.</span></div><span class="artifact-effect">Очищает кожу и одежду от грязи и мелких пятен.</span></div>
                </div>

                <div id="strange" class="artifact-tab-content-block">
                    <div class="category-description">
                        **СТРАННЫЕ** — Необычные, специфические или малополезные предметы. Часто используются для развлечения или в очень узких ситуациях.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Кулон с портретом</span><span class="artifact-price">300 Гал.</span></div><span class="artifact-effect">Портрет внутри двигается, моргает и отвечает на простые вопросы.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Магическая Камера</span><span class="artifact-price">450 Гал.</span></div><span class="artifact-effect">Фотографирует астральную проекцию или ауру человека.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Вечнодымящая Бутылка</span><span class="artifact-price">250 Гал.</span></div><span class="artifact-effect">Всегда выделяет густой неядовитый дым.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Флейта-Пересмешник</span><span class="artifact-price">280 Гал.</span></div><span class="artifact-effect">Может в точности воспроизвести любой услышанный звук.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Набор Смеющихся Пастилок (2 шт.)</span><span class="artifact-price">80 Гал.</span></div><span class="artifact-effect">Вызывает неудержимый смех у съевшего (расходуется).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Заколдованный Спутник</span><span class="artifact-price">170 Гал.</span></div><span class="artifact-effect">Маленький летающий шар, который следует за владельцем и подсвечивает путь.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Перо-щекотун</span><span class="artifact-price">50 Гал.</span></div><span class="artifact-effect">Начинает писать щекочущим почерком, если владелец ленится.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">✣</span><span class="artifact-name">Самоскладывающийся рюкзак</span><span class="artifact-price">220 Гал.</span></div><span class="artifact-effect">Автоматически выкладывает содержимое, если его положить на землю.</span></div>
                </div>

                <div id="dark" class="artifact-tab-content-block">
                    <div class="category-description">
                        **ТЁМНЫЕ АРТЕФАКТЫ** — Опасные, проклятые или нестабильные предметы. Использование требует особой проверки на **Коррупцию** или приводит к **негативным последствиям**.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Амулет Ненасытной Жадности</span><span class="artifact-price">1500 Гал.</span></div><span class="artifact-effect">Увеличивает силу заклинаний (+1) ценой истощения жизненной энергии.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Кольцо Жадности</span><span class="artifact-price">800 Гал.</span></div><span class="artifact-effect">Владелец не может добровольно расстаться ни с одним предметом (Проклятие).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Медальон Мыслей</span><span class="artifact-price">950 Гал.</span></div><span class="artifact-effect">Непрерывно транслирует самые громкие мысли владельца вслух.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Кистень Ненависти</span><span class="artifact-price">1100 Гал.</span></div><span class="artifact-effect">Увеличивает физическую силу, но вызывает агрессию к окружающим.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Зеркало Обмана</span><span class="artifact-price">750 Гал.</span></div><span class="artifact-effect">Показывает владельцу лишь то, что он хочет видеть (искажение реальности).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Черная Свеча</span><span class="artifact-price">1300 Гал.</span></div><span class="artifact-effect">Позволяет установить временную связь с Тёмной сущностью (Проверка).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Пыль Проклятия (2 дозы)</span><span class="artifact-price">600 Гал.</span></div><span class="artifact-effect">Насылает лёгкое проклятие на того, кто вдохнёт пыль (расходуется).</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Камень Молчания</span><span class="artifact-price">450 Гал.</span></div><span class="artifact-effect">Запрещает владельцу говорить в течение 24 часов после использования.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">☠</span><span class="artifact-name">Часы Остановки</span><span class="artifact-price">1200 Гал.</span></div><span class="artifact-effect">Временно обездвиживают одного неигрового персонажа (1 ход, сильный откат).</span></div>
                </div>

                <div id="worn" class="artifact-tab-content-block">
                    <div class="category-description">
                        **НОСИМЫЕ ПРЕДМЕТЫ** — Предметы с пассивным или постоянным эффектом. **Лимит на ношение:** один амулет, одно кольцо, одна мантия/плащ.
                    </div>
                   
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Сапоги Бесшумности</span><span class="artifact-price">400 Гал.</span></div><span class="artifact-effect">Делают шаги владельца абсолютно бесшумными.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Очки Орлиного Зрения</span><span class="artifact-price">380 Гал.</span></div><span class="artifact-effect">Позволяют видеть магические следы, ауры и скрытые детали.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Перчатки Хватки</span><span class="artifact-price">350 Гал.</span></div><span class="artifact-effect">Не дают уронить предмет.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Кольцо Теплоты</span><span class="artifact-price">250 Гал.</span></div><span class="artifact-effect">Защищает владельца от экстремального холода.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Плащ Сопротивления (Мантия)</span><span class="artifact-price">550 Гал.</span></div><span class="artifact-effect">Даёт небольшой пассивный бонус к защите от стихийной магии.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Брошь Очарования</span><span class="artifact-price">320 Гал.</span></div><span class="artifact-effect">Улучшает харизму владельца при общении с незнакомцами.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Амулет Интуиции</span><span class="artifact-price">480 Гал.</span></div><span class="artifact-effect">Даёт небольшое предчувствие опасности.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Пояс Тяжеловеса</span><span class="artifact-price">420 Гал.</span></div><span class="artifact-effect">Позволяет переносить вдвое больший вес без усилий.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Кольцо Неутомимости</span><span class="artifact-price">510 Гал.</span></div><span class="artifact-effect">Уменьшает усталость и потребность во сне на 2 часа.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Шарф Защиты от Пыли</span><span class="artifact-price">200 Гал.</span></div><span class="artifact-effect">Защищает дыхательные пути от магической пыли и газов.</span></div>
                    <div class="artifact-list-item"><div class="artifact-name-row"><span class="artifact-icon">♃</span><span class="artifact-name">Плащ Маскировки</span><span class="artifact-price">600 Гал.</span></div><span class="artifact-effect">Делает владельца менее заметным для глаз (не полная невидимость).</span></div>
                </div>
               
            </div>
        </div>
    </div>
   
    <div style="
        padding: 10px 15px;
        background-color: #EFEFEF;
        color: #555;
        font-size: 11px;
        text-align: justify;
        border: 1px solid #B8A8C7;
        margin-top: 5px;
        border-radius: 5px;
    ">
        **КЛЮЧЕВЫЕ ПРАВИЛА:** **I** (Легендарные) — только сюжет. **II** (Эпические) — лимит **3** предмета. **VIII** (Тёмные) — требует проверки на **Коррупцию** и имеет риски. **IX** (Носимые) — строгий лимит по типу (1 амулет, 1 кольцо, 1 мантия). **IV, V, VI** являются **расходными**.
    </div>
</div>

<script>
    function showArtifactTabVertical(tabId, clickedButton, sectionTitle) {
        // Снять активный стиль со всех кнопок
        const buttons = document.querySelectorAll('.artifact-tab-button');
        buttons.forEach(button => {
            button.classList.remove('artifact-tab-active');
        });

        // Установить активный стиль на выбранной кнопке
        if (clickedButton) {
            clickedButton.classList.add('artifact-tab-active');
        }
       
        // Скрыть весь контент
        const contents = document.querySelectorAll('.artifact-tab-content-block');
        contents.forEach(content => {
            content.classList.remove('active');
        });

        // Показать выбранный контент
        const activeContent = document.getElementById(tabId);
        if (activeContent) {
            activeContent.classList.add('active');
            const scrollArea = document.querySelector('.artifact-content-scroll');
            if(scrollArea) {
                scrollArea.scrollTop = 0;
            }
        }

        // Обновить динамический заголовок
        const dynamicTitleElement = document.getElementById('artifact-section-dynamic-title');
        if (dynamicTitleElement) {
            dynamicTitleElement.textContent = sectionTitle;
        }
    }

    // Инициализация при загрузке
    document.addEventListener('DOMContentLoaded', () => {
        const initialButton = document.getElementById('btn-legendary');
        showArtifactTabVertical('legendary', initialButton, 'I. ЛЕГЕНДАРНЫЕ');
    });
</script>
[/html]