fix(biochem 3D): корректная глубина + объёмные связи-цилиндры

Два дефекта, из-за которых 3D читался как плоская диаграмма:
- painter-сортировка была по возрастанию z (ближние первыми) — дальние
  атомы рисовались поверх ближних. Теперь единый список примитивов
  (атомы + половинки связей) сортируется по убыванию z (дальние первыми).
- связи были тонкими плоскими линиями. Теперь — затенённые «цилиндры»:
  толстый штрих с поперечным градиентом (центр светлее, края темнее),
  двухцветные (каждая половина под цвет своего атома) — фирменный вид
  ball-and-stick. Ширина зависит от перспективы (ближе — толще).
- усилена перспектива (fov 900→700), добавлен тёмный ободок сфер для объёма.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/js/labs/lab-glue.js

@@ -20,11 +20,25 @@
   }
 
   function renderSims() {
-    const base = _catFilter === 'all' ? SIMS : SIMS.filter(s => s.cat === _catFilter);
+    // Контент-движок: мёрж код-реестра поверх legacy SIMS.
+    // Порядок берём из SIMS; для мигрированных id используем манифест реестра;
+    // registry-only записи добавляем в конец.
+    const _reg = (window.LabRegistry ? window.LabRegistry.all() : []);
+    const _regById = {};
+    _reg.forEach(m => { _regById[m.id] = m; });
+    const _seen = {};
+    const _merged = [];
+    SIMS.forEach(s => {
+      _merged.push(s.id && _regById[s.id] ? _regById[s.id] : s);
+      if (s.id) _seen[s.id] = 1;
+    });
+    _reg.forEach(m => { if (!_seen[m.id]) _merged.push(m); });
+
+    const base = _catFilter === 'all' ? _merged : _merged.filter(s => s.cat === _catFilter);
     const list = base.filter(s => !s.id || !_disabledSimIds.has(s.id));
     document.getElementById('sim-grid').innerHTML = list.map(s => `
       <div class="sim-card ${s.id ? '' : 'soon'}" ${s.id ? `onclick="openSim('${s.id}')"` : ''}>
-        ${s.preview}
+        ${window.LabRegistry ? window.LabRegistry.resolvePreview(s) : s.preview}
         <div class="sim-body">
           <div class="sim-cat ${s.cat}">${s.cat === 'math' ? '∑ Математика' : s.cat === 'chem' ? '<svg class="ic" viewBox="0 0 24 24"><path d="M9 3h6m-4.5 0v5.5l-4 7.5a1 1 0 0 0 .9 1.5h8.2a1 1 0 0 0 .9-1.5l-4-7.5V3"/></svg> Химия' : s.cat === 'bio' ? '<svg class="ic" viewBox="0 0 24 24"><path d="M2 15c6.667-6 13.333 0 20-6"/><path d="M9 22c1.798-2 2.518-4 2.807-6"/><path d="M15 2c-1.798 2-2.518 4-2.807 6"/><path d="m17 6-2.5-2.5M14 8 13 7M7 18l2.5 2.5M3.5 14.5l.5.5M20 9l.5.5M6.5 12.5l1 1M16.5 10.5l1 1M10 16l1.5 1.5"/></svg> Биология' : s.cat === 'game' ? '<svg class="ic" viewBox="0 0 24 24"><line x1="6" y1="12" x2="10" y2="12"/><line x1="8" y1="10" x2="8" y2="14"/><line x1="15" y1="13" x2="15.01" y2="13"/><line x1="18" y1="11" x2="18.01" y2="11"/><rect x="2" y="6" width="20" height="12" rx="2"/></svg> Игры' : LS.icon('zap',14) + ' Физика'}</div>
           <div class="sim-title">${s.title}</div>