Малые расы

[Сказитель]

Основные расы(основная матчасть)

Малые расы(от игроков — эта тема)

► Помимо основных, Старших рас, Терру населяет пестрое множество разумных существ. У Малых рас нет собственной государственности (они часто ассимилируются в державах старших собратьев или занимают малообитаемые области), но все же достаточно многочисленны, чтобы быть вынесенными из бестиария (в отличие от прочих разумных, но разрозненных обитателей Терры).

► Предварительно согласовав с АМС, можно добавить свою Малую расу, если будете активно отыгрывать ее представителя в качестве полноценного персонажа.

► Если выбираете классическую расу (не авторскую), описывайте лишь конкретный ее подвид, так как их много, например: есть центрально-ниппонские кицунэ, и есть другие их виды; бурые гарпии и скальные вовсе отличаются почти как разные расы и пр.

Чек-лист по своей расе или существу

• Помните, что они должны гармонично вписываться в сеттинг; соответствовать антуражу родного региона и общему балансу.
• Не имеют много способностей и не превышают потенциал Старших рас (т.е. без хитрых расовых абилок, которые сложно забалансить).
• Численность и влияние малой расы в мире не настолько велики, чтобы повлиять на международную арену, облик Терры или крупную страну (полноценная государственность есть лишь у Старших рас).
• Малую расу можно добавить, если вы будете вести за нее полноценную игру.
• Существо в бестиарий можно добавить, если оно сыграет роль ваших эпизодах и постах.

[html]<!-- 1. Сама кнопка -->
<div id="spoiler-open-all">
<button id="toggle-spoilers-btn" onclick="toggleSpoilersBeautiful()" onmouseover="updateBeautifulButton(true)" onmouseout="updateBeautifulButton(false)">
📂 Открыть все спойлеры
</button>
<span id="toggle-count"></span>
</div>

<!-- 2. Стили (CSS) -->
<style>
div#spoiler-open-all {
position: fixed;
display: block;
z-index: 9990;

/* РАЗМЕРЫ: Задаем жесткую высоту (четное число), чтобы не мылило */
width: 300px;
height: 30px;

/* ПОЗИЦИЯ: Центрируем математически, без дробных процентов */
top: 50%;
margin-top: -15px; /* Половина высоты 30px. Заменяет translateY(-50%) для четкости */

left: 50%;
margin-left: -688px; /* Ваш настроенный отступ */

/* Поворот кнопки вертикально */
transform: rotate(-90deg);
transform-origin: center center;

text-align: center;

/* Сброс лишнего */
right: auto;
bottom: auto;

/* Плавность при смене позиции */
transition: margin-left 0.3s ease;
}

/* Прижимаем кнопку к краю контейнера */
#toggle-spoilers-btn {
cursor: pointer;
border: none;
background: rgb(151, 67, 55);
color: white;
text-transform: uppercase;

/* ОТСТУПЫ: Подобраны так, чтобы высота кнопки была четной (13шрифт + 3 + 4 = 20px) */
padding: 3px 10px 4px;

/* НОВОЕ: Минимальная ширина, чтобы кнопка не меняла размер скачками при смене текста */
min-width: 210px;

font-family: Playfair, serif !important;
font-size: 13px;
font-weight: bold;
white-space: nowrap;
outline: none;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
border-radius: 0 0 8px 8px;

/* ОБНОВЛЕНО: Очень плавная анимация (0.6s с мягким замедлением) */
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.6s ease, color 0.4s ease;

/* Убираем хаки, возвращаем стандартный рендеринг */
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}

#toggle-count {
color: white;
margin-left: 5px;
font-size: 13px;
font-weight: 500;

/* Анимация исчезновения цифр */
opacity: 1;
transition: opacity 0.4s ease;
display: inline-block; /* Для корректной работы opacity */
}
</style>[/html]