Песочница/Pok/3

☰

❮

Категория 1

Категория 2

❯

Пункт 1.1

Пункт 1.2

Пункт 1.3

Пункт 2.1

Пункт 2.2

Пункт 2.3

Контент для пункта 1.1

Контент для пункта 1.2

Контент для пункта 1.3

Контент для пункта 2.1

Контент для пункта 2.2

Контент для пункта 2.3

1

3

//	Строители	Хищники	Воины	Плеваки	Время для эволюции
T0	Эволюционирует в: Не имеет эволюций Младший дрон	Откладывает Грудолома Лицехват		Эволюционирует в: Трутень Бегун Защитник Часовой Грудолом
T1	Эволюционирует в: Лорд улья Королева Трутень	Эволюционирует в: Охотник Бегун	Эволюционирует в: Воин Защитник	Эволюционирует в: Плевака Часовой	5 минут
T2	Эволюционирует в: Не имеет эволюций Лорд улья	Эволюционирует в: Руни Охотник	Эволюционирует в: Крушитель Преторианец Воин	Эволюционирует в: Бойлер Плевака	9 минут
T3		Эволюционирует в: Не имеет эволюций Руни	Эволюционирует в: Не имеет эволюций Крушитель	Эволюционирует в: Не имеет эволюций Бойлер	9 минут
T4	Эволюционирует в: Не имеет эволюций Королева				9 минут

svg { position: absolute; pointer-events: none; z-index: 1; } /* Общие стили для таблицы */ .table-container { max-width: 100%; margin: auto; padding: 5px; overflow-x: auto; color: white; font-weight: bold; border-radius: 10px; width: 100%; border-collapse: collapse; white-space: nowrap; padding: 100px; text-align: center; background-color: #2B1438; border: 1px solid black; }

/* Стили для ячеек заголовков */ .header-cell { padding: 10px; border: 1px solid #000; background-color: #4B285B; }

/* Стили для ячеек данных */ .data-cell { padding: 5px; border: 1px solid #000; background-color: #4B285B; }

/* Стили для разделительных линий */ .separator { border-bottom: 2px dashed #90449C; }

/* Стили для текста внутри ячеек */ .text-cell { display: inline-block; margin: 10px; padding: 7px 12.5px; border-radius: 8px; background: #4B285B; border: 1.7px solid #151D28; }