Игра запускается и играется: три рантайм-бага и адаптивная вёрстка

Проверено вживую в Chrome: лобби -> матч -> бот ходит -> результат ->
статистика в лобби. Полный матч отыгран, оба исхода видел.

Баги, которые собирались и типизировались, но падали только в рантайме:

1. Canvas не менял размер под экран. Своего cc.Widget у него не было,
   а alignCanvasWithScreen правит только камеру. Canvas оставался
   1280x720, и все растянутые по нему дети — тоже.
2. [...map.values()] превращается сборкой в [].concat(map.values()),
   а concat не разворачивает итератор, а кладёт его одним элементом.
   Отсюда "view.cancelAnimations is not a function" на первой же уборке
   карт. Теперь Array.from.
3. Рубашка козыря рисовалась поверх колоды, а не под ней.

Вёрстка переделана под требование UI.md (4:3 .. 21:9):
- fitWidth даёт постоянную ширину, но не высоту: на 4:3 видно только
  ±720 юнитов. Кнопка "Leave" на y=840 и низ руки на -860 были за
  экраном именно там, где это важнее всего
- рука и панель действий считаются от нижней границы экрана,
  "Leave" прибит виджетом к левому верхнему углу
- стол — один ряд до шести карт вместо двух рядов по три: экономит
  ~215 юнитов высоты, которых на 4:3 нет. Ряд центрируется по тем
  картам, что реально на столе
- затемнение под окном результата рисуется непрозрачным спрайтом:
  тонировать и без того полупрозрачный спрайт почти ничего не даёт

Инструменты:
- npm run serve — отдаёт сборку и роут /_aspects: игра в трёх
  фиксированных iframe-ах 4:3 / 16:9 / 21:9. Движок подгоняет себя
  под окно, поэтому iframe — единственный простой способ увидеть
  вёрстку в форме, которой окно не имеет
- npm run check:spreads — ловит спред неитерируемого в массив
- npm run check — чистота core, спреды, сцены, типы, тесты

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

scripts/check-scenes.mjs

@@ -49,6 +49,8 @@ function checkLayers(path, objects) {
     }
 }
 
+const ALIGN_ALL = 45; // top | bottom | left | right
+
 function checkCanvas(path, objects) {
     const canvases = objects.filter((o) => o && o.__type__ === 'cc.Canvas');
     if (path.endsWith('.scene') && canvases.length === 0) {
@@ -58,6 +60,27 @@ function checkCanvas(path, objects) {
         if (!canvas._cameraComponent) {
             problems.push(`${path}: a Canvas has no camera assigned`);
         }
+
+        // The Canvas node needs its own Widget stretched to all four edges. It
+        // is what keeps the Canvas the size of the screen; without it the Canvas
+        // keeps whatever size it was authored at (1280x720 by default) and every
+        // widget-stretched child inherits that wrong size. `alignCanvasWithScreen`
+        // does NOT do this — it only adjusts the camera.
+        const node = objects[canvas.node?.__id__];
+        const components = (node?._components ?? []).map((ref) => objects[ref.__id__]);
+        const widget = components.find((c) => c && c.__type__ === 'cc.Widget');
+
+        if (!widget) {
+            problems.push(
+                `${path}: the Canvas node has no cc.Widget, so it will not resize `
+                + `to the screen and every stretched child will be the wrong size`,
+            );
+        } else if (widget._alignFlags !== ALIGN_ALL) {
+            problems.push(
+                `${path}: the Canvas Widget is not stretched to all four edges `
+                + `(alignFlags ${widget._alignFlags}, expected ${ALIGN_ALL})`,
+            );
+        }
     }
 }