[html]<style>
/* Карточки сами подстраиваются под объём текста. */
section.magic-list .vtabs-wrapper .vtab-content .occ-list {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: max-content !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    position: static !important;
    overflow: visible !important;
    padding-right: 0 !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(180, 132, 83, 0.55) rgba(0, 0, 0, 0.14);
}

/* Начиная с пятой карточки список получает ограничение по высоте и прокрутку. */
section.magic-list .vtabs-wrapper .vtab-content .occ-list:has(> div:nth-child(5)) {
    max-height: 260px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 8px !important;
}

section.magic-list .vtabs-wrapper .vtab-content .occ-list > div {
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    align-self: start !important;
    overflow: visible !important;
}

/* Список владельцев переносится на новые строки и увеличивает карточку. */
section.magic-list .vtabs-wrapper .vtab-content .occ-list spell {
    height: auto !important;
    min-height: 0 !important;
    flex-wrap: wrap !important;
}

section.magic-list .vtabs-wrapper .vtab-content .occ-list spell span {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.magic-list .occ-list::-webkit-scrollbar {
    width: 6px;
}

.magic-list .occ-list::-webkit-scrollbar-thumb {
    background: rgba(180, 132, 83, 0.55);
    border-radius: 10px;
}

.magic-list .occ-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.14);
}
</style>

<!--
ИНСТРУКЦИЯ: КАК ДОБАВИТЬ НОВУЮ СПОСОБНОСТЬ

1. Найдите нужную вкладку и расположенный внутри неё блок <div class='occ-list'>.
2. Скопируйте одну карточку целиком: от открывающего <div> до соответствующего ему </div>.
3. Вставьте копию ПЕРЕД закрывающим тегом </div> блока occ-list.
4. Замените название, описание и владельца. Остальные теги не удаляйте.
5. Пятая и следующие карточки автоматически попадут в прокручиваемую область.

ОБЫЧНАЯ СПОСОБНОСТЬ ИЛИ КЛЕЙМО:
<div>
    <ttl>название способности</ttl>
    Описание способности.
    <spell><span>владелец</span></spell>
</div>

ПРОКЛЯТИЕ:
<div>
    <ttl>название проклятия</ttl>
    Описание проклятия.
    <spell><span>кем наложено</span><span>владелец</span></spell>
</div>

Для ритуальной магии и свитков используется такая же карточка, но строка <spell>...</spell> не нужна.
-->

<section class='magic-list'>
    <h5>магия</h5>

    <div class="vtabs-wrapper">
        <div class="vtabs-cont">

            <div class="vtab-buttons">
                <button class="vtab-btn">Нергос</button>
                <button class="vtab-btn">Танит</button>
                <button class="vtab-btn">Серкес</button>
                <button class="vtab-btn">Логос</button>
                <button class="vtab-btn">Деменций</button>
                <button class="vtab-btn">Магия</button>
                <button class="vtab-btn">Проклятия</button>
                <button class="vtab-btn">Свитки</button>
            </div>

            <!-- НЕРГОС: только владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>астральная проекция</ttl>
                        Выход души из тела, возможность бесшумного перемещения и наблюдения.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>блуждающая тень</ttl>
                        Создание фантомного двойника, способного выполнять простые команды.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>глаз истины</ttl>
                        Способность видеть ауры, эмоции и следы магического воздействия.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>копирование навыков</ttl>
                        Временное заимствование способностей или знаний других людей.
                        <spell><span>владелец</span></spell>
                    </div>

<div>
    <ttl>манипуляция пространством</ttl>
    Позволяет временно искажать структуру пространства.
    <spell><span>владелец</span></spell>
</div>

<div>
    <ttl>память природы</ttl>
    Позволяет видеть события прошлого, запечатлённые в природе – в травах, камнях, реках, деревьях и всех ресурсах, приходящих из лона земли.
    <spell><span>владелец</span></spell>
</div>
                </div>
            </div>

            <!-- ТАНИТ: только владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>исцеляющая длань (*)</ttl>
                       Клеймо даёт способность манипулировать плотью: сращивать её, излечивать и даже омолаживать, позволяя продлевать жизнь. Требует обязательного физического контакта.
                        <spell><span>эйр линдвин</span></spell>
                    </div>

                    <div>
                        <ttl>драконье дыхание</ttl>
                        Организм производит особые вещества, которые при выдохе воспламеняются, создавая мощные потоки огня. температуру и силу можно контролировать.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>живая броня</ttl>
                        Способность временно делать кожу прочнее металла, понижая урон от ударов и клинков.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>костяной кузнец</ttl>
                        Возможность управления собственными костьми, в том числе создание из них оружия и брони.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>новолуние</ttl>
                        Позволяет менять внешний облик в ночное время, дает частичную невосприимчивость к боли и ранам, улучшенную регенерацию.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>оборотень</ttl>
                        Временное превращение в конкретное животное с сохранением разума.
                        <spell><span>владелец</span></spell>
                    </div>
                </div>
            </div>

            <!-- СЕРКЕС: только владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>индрик-зверь (*)</ttl>
                        Клеймо наделяет способностью отдавать приказы животным, тварям и людям принявшим их облик. Для того чтобы приказ подействовал, животное должно находиться достаточно близко, чтобы его услышать.
                        <spell><span>редгрейв липпе</span></spell>
                    </div>

                    <div>
                        <ttl>манипуляция тенью</ttl>
                        Позволяет перемещаться через тени и управлять чужими телами путем воздействия на их тень.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>исповедь мертвеца</ttl>
                        Позволяет увидеть последнее воспоминание мертвеца, зачастую связанное с тем, как он умер.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>осколки прошлого</ttl>
                        Видение событий, связанных с предметами или местами.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>иссушение</ttl>
                        Вытягивание чужих жизненных сил через прикосновение.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>поглощение плоти</ttl>
                        Возможность временно присоединять к своему телу чужие органы или конечности, получая их свойства.
                        <spell><span>владелец</span></spell>
                    </div>
                </div>
            </div>

            <!-- ЛОГОС: только владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>фантомная боль</ttl>
                        Создание ощущения сильных ранений или мучений без реального повреждения.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>чужая маска</ttl>
                        Изменение восприятия собственной внешности в глазах окружающих.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>усиление дара</ttl>
                        Кратковременное увеличение чужих способностей.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>телепатия</ttl>
                        Передача и чтение мыслей на расстоянии.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>прорицание</ttl>
                        Спонтанные или осознанные видения вероятных событий будущего.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>иллюзии</ttl>
                        Создание реалистичных зрительных, слуховых или тактильных образов.
                        <spell><span>владелец</span></spell>
                    </div>
                </div>
            </div>

            <!-- ДЕМЕНЦИЙ: только владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>безумие</ttl>
                        Способность постепенно внушать безумие, которая воздействует на разум окружающих, обостряя скрытые слабости, подавленные страхи и вытягивая на поверхность самые тёмные уголки подсознания.
                        <spell><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>гипноз</ttl>
                        Внушение команд или убеждений, влияющих на поведение, но не остающихся в памяти цели.
                        <spell><span>владелец</span></spell>
                    </div>
                </div>
            </div>

            <!-- РИТУАЛЬНАЯ МАГИЯ: без владельца и без поля «кем наложено» -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>название ритуала</ttl>
                        Описание ритуала: необходимые условия, порядок проведения, эффект и возможная цена.
                    </div>

                    <div>
                        <ttl>название ритуала</ttl>
                        Описание ритуала: необходимые условия, порядок проведения, эффект и возможная цена.
                    </div>
                </div>
            </div>

            <!-- ПРОКЛЯТИЯ: кем наложено + владелец -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>название проклятия</ttl>
                        Описание проклятия: проявления, условия действия, ограничения и известный способ снятия.
                        <spell><span>кем наложено</span><span>владелец</span></spell>
                    </div>

                    <div>
                        <ttl>название проклятия</ttl>
                        Второй контейнер оставлен для примера. Его можно заполнить или удалить целиком.
                        <spell><span>кем наложено</span><span>владелец</span></spell>
                    </div>
                </div>
            </div>

            <!-- СВИТКИ: без владельца и без поля «кем наложено» -->
            <div class="vtab-content">
                <div class='occ-list'>
                    <div>
                        <ttl>название свитка</ttl>
                        Описание свитка: заключённый эффект, способ применения, ограничения и редкость.
                    </div>

                    <div>
                        <ttl>название свитка</ttl>
                        Второй контейнер оставлен для примера пополняющегося перечня свитков.
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
[/html]

Если клеймо, проклятие, свиток или ритуальное заклинание помечено (*) — оно является уникальным и не может быть использовано другим игроком. Нергос, Танит и Серкес могут даровать клеймо с любой способностью. Логос — только клеймо с ментальной способностью, а Деменций — только клеймо, связанное с искажением сознания (безумием). В таблице представлены как способности игровых персонажей, так и примерные клейма для упрощения понимания список будет дополняться. Разные боги могут давать схожие способности.[hideprofile]