fix(labs): таблица Менделеева + UX качественных реакций + анимации стехиометрии

- Менделеев: clamp() для font-size символа элемента (2.4rem..4.4rem) + padding-top 28px → символ не обрезается на узких панелях
- Качественные реакции: в Свободно/Тренировке Проб1-4 содержат известные ионы (видна подпись), в Тренировке Образец — отдельный неизвестный; в Экзамене можно переключаться между пробирками и ответить отдельно для каждой (verdict сохраняется)
- Стехиометрия: непрерывный анимационный цикл — волна на поверхности жидкости, пузырьки в газах/растворах, пульсирующая красная рамка + ЛИМИТ-лейбл у лимитирующего реагента, искры вдоль стрелки реакции, glow на стрелке во время реакции

frontend/css/lab.css

@@ -1634,25 +1634,28 @@ canvas[data-draggable]:active { cursor: grabbing; }
 .ptbl-hero {
   position: relative;
   text-align: center;
-  padding: 14px 10px 10px;
+  padding: 28px 10px 12px;
   border-bottom: 1px solid rgba(255,255,255,0.07);
   flex-shrink: 0;
+  overflow: hidden;
 }
 .ptbl-hero-z {
   position: absolute;
   top: 8px;
   left: 10px;
-  font-size: .72rem;
+  font-size: .82rem;
   font-weight: 700;
-  color: rgba(255,255,255,0.35);
+  color: rgba(255,255,255,0.55);
   line-height: 1;
 }
 .ptbl-hero-sym {
-  font-size: 6rem;
+  font-size: clamp(2.4rem, 14vw, 4.4rem);
   font-weight: 900;
   color: var(--el-col, #7B8EF7);
-  line-height: 1;
-  letter-spacing: -2px;
+  line-height: 1.05;
+  letter-spacing: -1px;
+  display: block;
+  overflow: visible;
 }
 .ptbl-hero-name {
   font-size: 1rem;