diff --git a/output/pdf/cargo-filling-2.pdf b/output/pdf/cargo-filling-2.pdf
new file mode 100644
index 0000000..b66ec2e
Binary files /dev/null and b/output/pdf/cargo-filling-2.pdf differ
diff --git a/tasks/cargo-filling/docs/cargo-filling-2.data.json b/tasks/cargo-filling/docs/cargo-filling-2.data.json
new file mode 100644
index 0000000..79b147c
--- /dev/null
+++ b/tasks/cargo-filling/docs/cargo-filling-2.data.json
@@ -0,0 +1,886 @@
+{
+  "pages": [
+    {
+      "page": 1,
+      "cards": [
+        {
+          "index": 0,
+          "asteroidScale": 0.85,
+          "innerAst": {
+            "left": 60
+          },
+          "badge": {
+            "left": 36,
+            "top": 33
+          }
+        },
+        {
+          "index": 1,
+          "asteroidScale": 0.95,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 61
+          },
+          "badge": {
+            "left": 23
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -24.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 47,
+            "top": 61
+          },
+          "badge": {
+            "left": 22,
+            "top": 41
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -14.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 67
+          },
+          "badge": {
+            "left": 29,
+            "top": 49
+          }
+        },
+        {
+          "index": 4,
+          "asteroidScale": 1.2,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 44,
+            "top": 51
+          },
+          "badge": {
+            "left": 27
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 53,
+            "top": 67
+          },
+          "badge": {
+            "left": 24
+          }
+        }
+      ]
+    },
+    {
+      "page": 2,
+      "cards": [
+        {
+          "index": 0,
+          "asteroidScale": 1.95,
+          "ship": {
+            "right": -22.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 49,
+            "top": 42
+          },
+          "badge": {
+            "left": 25,
+            "top": 33
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -22.5
+          },
+          "innerAst": {
+            "left": 39,
+            "top": 44
+          },
+          "badge": {
+            "left": 27
+          }
+        },
+        {
+          "index": 2,
+          "asteroidScale": 2,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 52,
+            "top": 60
+          },
+          "badge": {
+            "left": 23,
+            "top": 37
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 55,
+            "top": 62
+          },
+          "badge": {
+            "left": 27,
+            "top": 38
+          }
+        },
+        {
+          "index": 4,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 46,
+            "top": 51
+          },
+          "badge": {
+            "left": 26,
+            "top": 42
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -22.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 53,
+            "top": 56
+          },
+          "badge": {
+            "left": 22
+          }
+        }
+      ]
+    },
+    {
+      "page": 3,
+      "cards": [
+        {
+          "index": 0,
+          "ship": {
+            "right": -14.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 61
+          },
+          "badge": {
+            "left": 28,
+            "top": 48
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -22.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 51,
+            "top": 58
+          },
+          "badge": {
+            "left": 22,
+            "top": 42
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -18.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 45,
+            "top": 49
+          },
+          "badge": {
+            "left": 26,
+            "top": 44
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -20.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 39,
+            "top": 34
+          },
+          "badge": {
+            "left": 23,
+            "top": 36
+          }
+        },
+        {
+          "index": 4,
+          "ship": {
+            "right": -16.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 59,
+            "top": 68
+          },
+          "badge": {
+            "left": 25,
+            "top": 31
+          }
+        },
+        {
+          "index": 5,
+          "innerAst": {
+            "left": 61,
+            "top": 75
+          },
+          "badge": {
+            "left": 35,
+            "top": 32
+          }
+        }
+      ]
+    },
+    {
+      "page": 4,
+      "cards": [
+        {
+          "index": 0,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 47,
+            "top": 49
+          },
+          "badge": {
+            "left": 27,
+            "top": 36
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -20.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 64,
+            "top": 43
+          },
+          "badge": {
+            "left": 23,
+            "top": 35
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -24.5
+          },
+          "badge": {
+            "left": 26
+          }
+        },
+        {
+          "index": 3,
+          "innerAst": {
+            "left": 62,
+            "top": 72
+          },
+          "badge": {
+            "left": 35,
+            "top": 32
+          }
+        },
+        {
+          "index": 4,
+          "asteroidScale": 2,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "top": 60
+          },
+          "badge": {
+            "left": 23
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -26.5
+          },
+          "innerAst": {
+            "left": 48,
+            "top": 56
+          },
+          "badge": {
+            "left": 22,
+            "top": 40
+          }
+        }
+      ]
+    },
+    {
+      "page": 5,
+      "cards": [
+        {
+          "index": 0,
+          "asteroidScale": 1.25,
+          "ship": {
+            "right": -22.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 53,
+            "top": 51
+          },
+          "badge": {
+            "left": 45,
+            "top": 78
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -18.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 59,
+            "top": 67
+          },
+          "badge": {
+            "left": 27,
+            "top": 35
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 55
+          },
+          "badge": {
+            "left": 51,
+            "top": 20
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 56,
+            "top": 55
+          },
+          "badge": {
+            "left": 18,
+            "top": 49
+          }
+        },
+        {
+          "index": 4,
+          "ship": {
+            "right": -22.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 44,
+            "top": 38
+          },
+          "badge": {
+            "left": 24,
+            "top": 34
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 61,
+            "top": 49
+          },
+          "badge": {
+            "left": 27,
+            "top": 36
+          }
+        }
+      ]
+    },
+    {
+      "page": 6,
+      "cards": [
+        {
+          "index": 0,
+          "ship": {
+            "right": -22.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 52,
+            "top": 56
+          },
+          "badge": {
+            "left": 23
+          }
+        },
+        {
+          "index": 1,
+          "innerAst": {
+            "left": 73,
+            "top": 66
+          },
+          "badge": {
+            "left": 36,
+            "top": 33
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -18.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 66,
+            "top": 43
+          },
+          "badge": {
+            "left": 24,
+            "top": 36
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 48,
+            "top": 53
+          },
+          "badge": {
+            "left": 27,
+            "top": 40
+          }
+        },
+        {
+          "index": 4,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "top": 61
+          },
+          "badge": {
+            "left": 27,
+            "top": 36
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 53,
+            "top": 61
+          },
+          "badge": {
+            "left": 32,
+            "top": 43
+          }
+        }
+      ]
+    },
+    {
+      "page": 7,
+      "cards": [
+        {
+          "index": 0,
+          "asteroidScale": 1.35,
+          "ship": {
+            "right": -24.5
+          },
+          "innerAst": {
+            "left": 55,
+            "top": 55
+          },
+          "badge": {
+            "left": 24
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -14.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 56
+          },
+          "badge": {
+            "left": 34,
+            "top": 48
+          }
+        },
+        {
+          "index": 2,
+          "asteroidScale": 2,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 39
+          },
+          "badge": {
+            "left": 27,
+            "top": 34
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -22.5
+          },
+          "innerAst": {
+            "left": 54,
+            "top": 41
+          },
+          "badge": {
+            "left": 27
+          }
+        },
+        {
+          "index": 4,
+          "asteroidScale": 1.9,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "badge": {
+            "left": 23,
+            "top": 37
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "top": -7
+          },
+          "innerAst": {
+            "left": 60
+          },
+          "badge": {
+            "left": 35,
+            "top": 31
+          }
+        }
+      ]
+    },
+    {
+      "page": 8,
+      "cards": [
+        {
+          "index": 0,
+          "ship": {
+            "right": -22.5
+          },
+          "innerAst": {
+            "left": 42,
+            "top": 44
+          },
+          "badge": {
+            "left": 27
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -18.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 48,
+            "top": 50
+          },
+          "badge": {
+            "left": 27,
+            "top": 38
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -20.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 55,
+            "top": 57
+          },
+          "badge": {
+            "left": 23,
+            "top": 40
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -18.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 49,
+            "top": 39
+          },
+          "badge": {
+            "left": 26,
+            "top": 33
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -18.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 62,
+            "top": 58
+          },
+          "badge": {
+            "left": 26,
+            "top": 45
+          }
+        }
+      ]
+    },
+    {
+      "page": 9,
+      "cards": [
+        {
+          "index": 0,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "top": 64
+          },
+          "badge": {
+            "left": 24,
+            "top": 37
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -20.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 49,
+            "top": 50
+          },
+          "badge": {
+            "left": 28,
+            "top": 48
+          }
+        },
+        {
+          "index": 2,
+          "ship": {
+            "right": -24.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 39,
+            "top": 62
+          },
+          "badge": {
+            "left": 22,
+            "top": 46
+          }
+        },
+        {
+          "index": 3,
+          "asteroidScale": 1.95,
+          "ship": {
+            "right": -14.5,
+            "top": -9
+          },
+          "innerAst": {
+            "left": 59,
+            "top": 59
+          },
+          "badge": {
+            "left": 38,
+            "top": 44
+          }
+        },
+        {
+          "index": 4,
+          "asteroidScale": 1.85,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 60,
+            "top": 58
+          },
+          "badge": {
+            "left": 23
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -18.5
+          },
+          "innerAst": {
+            "left": 59,
+            "top": 52
+          },
+          "badge": {
+            "left": 28,
+            "top": 35
+          }
+        }
+      ]
+    },
+    {
+      "page": 10,
+      "cards": [
+        {
+          "index": 0,
+          "asteroidScale": 1.95,
+          "ship": {
+            "right": -22.5,
+            "top": -3
+          },
+          "innerAst": {
+            "left": 49,
+            "top": 42
+          },
+          "badge": {
+            "left": 25,
+            "top": 33
+          }
+        },
+        {
+          "index": 1,
+          "ship": {
+            "right": -22.5
+          },
+          "innerAst": {
+            "left": 39,
+            "top": 44
+          },
+          "badge": {
+            "left": 27
+          }
+        },
+        {
+          "index": 2,
+          "asteroidScale": 2,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 52,
+            "top": 60
+          },
+          "badge": {
+            "left": 23,
+            "top": 37
+          }
+        },
+        {
+          "index": 3,
+          "ship": {
+            "right": -20.5
+          },
+          "innerAst": {
+            "left": 55,
+            "top": 62
+          },
+          "badge": {
+            "left": 27,
+            "top": 38
+          }
+        },
+        {
+          "index": 4,
+          "ship": {
+            "right": -20.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 46,
+            "top": 51
+          },
+          "badge": {
+            "left": 26,
+            "top": 42
+          }
+        },
+        {
+          "index": 5,
+          "ship": {
+            "right": -22.5,
+            "top": -7
+          },
+          "innerAst": {
+            "left": 53,
+            "top": 56
+          },
+          "badge": {
+            "left": 22
+          }
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/tasks/cargo-filling/docs/cargo-filling-2.md b/tasks/cargo-filling/docs/cargo-filling-2.md
new file mode 100644
index 0000000..d7d6bb4
--- /dev/null
+++ b/tasks/cargo-filling/docs/cargo-filling-2.md
@@ -0,0 +1,43 @@
+# Cargo Filling — Document 2
+
+Addition crossing the **tens** boundary (odd pages) and the **twenties** boundary (even pages).
+10 pages, 6 cards per page, 60 problems total.
+
+Same ships, asteroids, hero/footer images and element positions as Document 1 — **only the numbers changed**
+(positions are preserved via `cargo-filling-2.data.json`, copied from Doc 1; page 10 reuses page 2's layout).
+
+## Crossing rule (the only difference from Doc 1)
+
+- **Odd pages (1, 3, 5, 7, 9)** — cross **10**: cargo capacity badge = `10`, A already in cargo (1–9),
+  N = 10 − A, brace value `10`.
+- **Even pages (2, 4, 6, 8, 10)** — cross **20**: cargo capacity badge = `20`, A already in cargo (11–19),
+  N = 20 − A, brace value `20`.
+- **Floating asteroid B is always 1–9** on every page. The child splits B = N + M so A + N hits the boundary.
+- Full expression: `A + B = (A + N) + M = C`.
+
+Numbers are **randomly spread**: each page draws 6 **distinct** A values spread across the whole valid
+A-range, each paired with a varied B (preferring B values not yet used on the page). Only the constraints
+you set apply: asteroid B=1–9, capacity 10/20, crossing with non-zero fill N and non-zero remnant M.
+Generated with seeded RNG (`mulberry32(20260622)`) in `/tmp/build-cf2.cjs` so the set is reproducible.
+
+Card 1 of page 1 is the worked **example** (answers filled in handwriting style): A=5, B=9 → N=5, M=4, C=14.
+
+## Numbers per page (A + B)
+
+| Page | Boundary | Problems (A+B) |
+|------|----------|----------------|
+| 1 | 10 | 5+9, 3+8, 4+7, 2+9, 6+6, 9+4 |
+| 2 | 20 | 19+3, 17+4, 15+6, 18+7, 14+9, 12+9 |
+| 3 | 10 | 3+8, 5+6, 6+7, 2+9, 8+5, 4+8 |
+| 4 | 20 | 12+9, 18+3, 19+2, 14+9, 17+5, 16+7 |
+| 5 | 10 | 9+2, 3+8, 5+7, 7+5, 8+3, 4+9 |
+| 6 | 20 | 16+5, 14+7, 17+9, 12+9, 19+8, 15+6 |
+| 7 | 10 | 5+6, 6+5, 7+7, 8+4, 3+8, 2+9 |
+| 8 | 20 | 18+9, 12+9, 17+5, 19+3, 15+8, 13+9 |
+| 9 | 10 | 8+6, 4+7, 5+9, 9+3, 6+5, 3+8 |
+| 10 | 20 | 17+7, 18+6, 13+8, 16+9, 15+6, 19+2 |
+
+## Hero orientation
+
+Odd pages = hero on the right (`flex-row-reverse`), even pages = hero on the left (matches Doc 1 convention).
+Page 10 reuses page 2's hero/footer (splitter6 / cabin3).
diff --git a/tasks/cargo-filling/docs/cargo-filling-2.template.html b/tasks/cargo-filling/docs/cargo-filling-2.template.html
new file mode 100644
index 0000000..d86cbef
--- /dev/null
+++ b/tasks/cargo-filling/docs/cargo-filling-2.template.html
@@ -0,0 +1,2576 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script src="https://cdn.tailwindcss.com"></script>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
+  <title>Заполни Трюм</title>
+  <script>
+    tailwind.config = { theme: { extend: { fontFamily: { nunito: ['Nunito', 'sans-serif'] } } } }
+  </script>
+  <style>
+    @page { size: A4; margin: 0; }
+    .number-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.7), 0 0 12px rgba(99, 102, 241, 0.5); }
+    .number-shadow-sm { text-shadow: 1px 1px 3px rgba(0,0,0,0.8), 0 0 6px rgba(99, 102, 241, 0.4); }
+    .card-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-template-rows: 1fr 1fr 1fr;
+      gap: 0;
+      flex: 1;
+    }
+    .task-card {
+      border-bottom: 1.5px solid #334155;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      position: relative;
+      overflow: visible;
+    }
+    .card-inner {
+      margin: 1.5mm;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      position: relative;
+    }
+    .task-card:nth-child(odd) { border-right: 1.5px solid #334155; }
+    .task-card:nth-child(5), .task-card:nth-child(6) { border-bottom: none; }
+
+    .card-visual {
+      position: relative;
+      flex: 1;
+      min-height: 0;
+    }
+
+    /* Space asteroid (left, larger) — z-index above arrows */
+    .space-asteroid {
+      position: absolute;
+      left: -7.5mm;
+      top: 18.5mm;
+      width: 28mm;
+      height: 28mm;
+      filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.3));
+      z-index: 6;
+    }
+    .space-asteroid img { width: 100%; height: 100%; object-fit: contain; }
+    .space-asteroid .num {
+      position: absolute; inset: 0;
+      display: flex; align-items: center; justify-content: center;
+      font-size: 1.8rem; font-weight: 900; color: white;
+      text-shadow: 2px 2px 4px rgba(0,0,0,0.7), 0 0 10px rgba(99,102,241,0.5);
+    }
+
+    /* Cargo bay ship (right, large, flipped) */
+    .cargo-ship {
+      position: absolute;
+      right: -12.5mm;
+      top: -5mm;
+      width: 90mm;
+      height: 42mm;
+      z-index: 1;
+    }
+    .cargo-ship .ship-img {
+      width: 100%; height: 100%; object-fit: contain;
+      transform: scaleX(-1);
+    }
+    .cargo-ship .badge-10 {
+      position: absolute;
+      left: 40%;
+      top: 39%;
+      transform: translate(-50%, -50%);
+      width: 22px; height: 22px;
+      border-radius: 50%;
+      background: #4f46e5;
+      border: 2px solid #a5b4fc;
+      display: flex; align-items: center; justify-content: center;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.25);
+      z-index: 3;
+    }
+    .cargo-ship .badge-10 span {
+      color: white; font-weight: 800; font-size: 0.6rem;
+    }
+    /* Inner asteroid: outline shape with number */
+    .cargo-ship .inner-ast {
+      position: absolute;
+      left: 58%;
+      top: 73%;
+      transform: translate(-50%, -50%);
+      width: 14mm; height: 14mm;
+      z-index: 2;
+    }
+    .cargo-ship .inner-ast img {
+      width: 100%; height: 100%; object-fit: contain;
+      opacity: 0.7;
+    }
+    .cargo-ship .inner-ast .num {
+      position: absolute; inset: 0;
+      display: flex; align-items: center; justify-content: center;
+      font-size: 1.1rem; font-weight: 900; color: white;
+      text-shadow: 1px 1px 3px rgba(0,0,0,0.6), 0 0 6px rgba(99,102,241,0.4);
+    }
+
+    /* SVG arrows overlay */
+    .arrows-svg {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 4;
+      pointer-events: none;
+      overflow: visible;
+    }
+
+    /* Input box at arrow-to-ship endpoint */
+    .arrow-input-box {
+      position: absolute;
+      left: calc(52% - 2mm);
+      top: calc(45.5% - 1mm);
+      transform: translateY(-100%);
+      width: 10mm;
+      height: 8mm;
+      background: white;
+      border: 1px solid #c7d2fe;
+      border-radius: 1.5mm;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 7;
+    }
+    .arrow-input-box span {
+      display: inline-block;
+      width: 7mm;
+      border-bottom: 1.5px solid #a5b4fc;
+    }
+
+    /* Remnant asteroid shape — outline asteroid with blank */
+    .remnant-shape {
+      position: absolute;
+      left: 61%;
+      bottom: 7mm;
+      z-index: 5;
+      display: flex;
+      align-items: center;
+      gap: 0.5mm;
+    }
+    .remnant-shape .shape-container {
+      position: relative;
+      width: 16mm;
+      height: 16mm;
+      flex-shrink: 0;
+    }
+    .remnant-shape .shape-container img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      opacity: 0.5;
+    }
+    .remnant-shape .shape-container .shape-blank {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .remnant-shape .shape-container .shape-blank span {
+      display: inline-block;
+      width: 7mm;
+      border-bottom: 1.5px solid #6366f1;
+    }
+    .remnant-shape .shape-question {
+      font-size: 1.4rem;
+      font-weight: 900;
+      color: #a5b4fc;
+      line-height: 1;
+    }
+
+    /* Formula section */
+    .card-formula {
+      flex-shrink: 0;
+      text-align: center;
+      padding: 0 1mm 2mm;
+      margin-top: -2mm;
+    }
+    .formula-label {
+      font-size: 0.45rem;
+      font-weight: 600;
+      color: #818cf8;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 3.5mm;
+    }
+    .formula-row {
+      display: flex;
+      align-items: baseline;
+      justify-content: center;
+      gap: 1mm;
+      font-size: 0.85rem;
+      font-weight: 700;
+      color: #1e1b4b;
+      line-height: 1;
+    }
+    .formula-row .blank {
+      display: inline-block;
+      width: 8mm;
+      border-bottom: 1.5px solid #a5b4fc;
+    }
+    .brace-group {
+      display: inline-flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    /* Handwritten answers for example card */
+    .answer {
+      font-family: 'Caveat', cursive;
+      font-weight: 700;
+      color: #4338ca;
+    }
+
+    .brace-group .brace-content {
+      display: flex;
+      align-items: baseline;
+      gap: 0.5mm;
+      white-space: nowrap;
+    }
+    .brace-group .brace-svg {
+      width: 90%;
+      height: 3mm;
+      margin-top: 2.5mm;
+      display: block;
+    }
+    .brace-group .brace-val {
+      font-size: 0.6rem;
+      font-weight: 800;
+      color: #6366f1;
+      line-height: 1;
+      margin-top: 0.3mm;
+    }
+  </style>
+</head>
+<body class="bg-gray-200 font-nunito">
+
+<!-- Shared SVG defs for arrowheads -->
+<svg style="position:absolute;width:0;height:0" aria-hidden="true">
+  <defs>
+    <marker id="ah" markerWidth="6" markerHeight="4" refX="5" refY="2" orient="auto">
+      <polygon points="0 0, 6 2, 0 4" fill="#6366f1"/>
+    </marker>
+  </defs>
+</svg>
+
+  <!-- PAGE 1: cross-10 — splitter3 right, cabin1 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin1.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1 flex-row-reverse">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter3.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=5, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt="">
+                <span class="num">5</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span class="answer" style="font-size:1.1rem">5</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span class="answer" style="font-size:1.3rem">4</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label" style="color:#4338ca">пример</div>
+            <div class="formula-row">
+              <span>5</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank"><span class="answer" style="font-size:1.1rem">5</span></span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank"><span class="answer" style="font-size:1.1rem">4</span></span><span>=</span><span class="blank"><span class="answer" style="font-size:1.1rem">14</span></span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=3, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid2.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt="">
+                <span class="num">3</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>3</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=4, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt="">
+                <span class="num">4</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>4</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>4</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=2, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid4.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt="">
+                <span class="num">2</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>2</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>2</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=6, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt="">
+                <span class="num">6</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>6</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=9, B=4 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.png" alt="">
+              <span class="num">4</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt="">
+                <span class="num">9</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>9</span><span>+</span><span>4</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>9</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 2: cross-20 — splitter6 left, cabin3 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin3.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter6.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=19, B=3 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.png" alt="">
+              <span class="num">3</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt="">
+                <span class="num">19</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>19</span><span>+</span><span>3</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>19</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=17, B=4 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.png" alt="">
+              <span class="num">4</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt="">
+                <span class="num">17</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>17</span><span>+</span><span>4</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>17</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=15, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt="">
+                <span class="num">15</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>15</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>15</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=18, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid10.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt="">
+                <span class="num">18</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>18</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>18</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=14, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt="">
+                <span class="num">14</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>14</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>14</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=12, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid12.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt="">
+                <span class="num">12</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>12</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>12</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 3: cross-10 — splitter9 right, cabin5 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin5.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1 flex-row-reverse">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter9.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=3, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid13.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt="">
+                <span class="num">3</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>3</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=5, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt="">
+                <span class="num">5</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>5</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=6, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt="">
+                <span class="num">6</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>6</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=2, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid16.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt="">
+                <span class="num">2</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>2</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>2</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=8, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt="">
+                <span class="num">8</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>8</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=4, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid2.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt="">
+                <span class="num">4</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>4</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>4</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 4: cross-20 — splitter1 left, cabin2 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin2.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter1.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=12, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt="">
+                <span class="num">12</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>12</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>12</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=18, B=3 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid4.png" alt="">
+              <span class="num">3</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt="">
+                <span class="num">18</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>18</span><span>+</span><span>3</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>18</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=19, B=2 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt="">
+              <span class="num">2</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt="">
+                <span class="num">19</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>19</span><span>+</span><span>2</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>19</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=14, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt="">
+                <span class="num">14</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>14</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>14</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=17, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt="">
+                <span class="num">17</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>17</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>17</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=16, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt="">
+                <span class="num">16</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>16</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>16</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 5: cross-10 — splitter4 right, cabin4 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin4.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1 flex-row-reverse">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter4.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=9, B=2 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt="">
+              <span class="num">2</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt="">
+                <span class="num">9</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>9</span><span>+</span><span>2</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>9</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=3, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid10.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt="">
+                <span class="num">3</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>3</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=5, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt="">
+                <span class="num">5</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>5</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=7, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid12.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt="">
+                <span class="num">7</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>7</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>7</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=8, B=3 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid13.png" alt="">
+              <span class="num">3</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt="">
+                <span class="num">8</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>8</span><span>+</span><span>3</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=4, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt="">
+                <span class="num">4</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>4</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>4</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 6: cross-20 — splitter7 left, cabin6 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin6.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter7.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=16, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt="">
+                <span class="num">16</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>16</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>16</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=14, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid16.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt="">
+                <span class="num">14</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>14</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>14</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=17, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt="">
+                <span class="num">17</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>17</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>17</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=12, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid2.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt="">
+                <span class="num">12</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>12</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>12</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=19, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt="">
+                <span class="num">19</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>19</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>19</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=15, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid4.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt="">
+                <span class="num">15</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>15</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>15</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 7: cross-10 — splitter2 right, cabin7 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin7.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1 flex-row-reverse">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter2.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=5, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt="">
+                <span class="num">5</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>5</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=6, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt="">
+                <span class="num">6</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>6</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=7, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt="">
+                <span class="num">7</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>7</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>7</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=8, B=4 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.png" alt="">
+              <span class="num">4</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt="">
+                <span class="num">8</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>8</span><span>+</span><span>4</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=3, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt="">
+                <span class="num">3</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>3</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=2, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid10.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt="">
+                <span class="num">2</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>2</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>2</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 8: cross-20 — splitter5 left, cabin8 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin8.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter5.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=18, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt="">
+                <span class="num">18</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>18</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>18</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=12, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid12.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt="">
+                <span class="num">12</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>12</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>12</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=17, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid13.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt="">
+                <span class="num">17</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>17</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>17</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=19, B=3 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.png" alt="">
+              <span class="num">3</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt="">
+                <span class="num">19</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>19</span><span>+</span><span>3</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>19</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=15, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt="">
+                <span class="num">15</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>15</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>15</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=13, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid16.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt="">
+                <span class="num">13</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>13</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>13</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 9: cross-10 — splitter8 right, cabin9 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin9.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1 flex-row-reverse">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter8.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=8, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt="">
+                <span class="num">8</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>8</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=4, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt="">
+                <span class="num">4</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>4</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>4</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=5, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt="">
+                <span class="num">5</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>5</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=9, B=3 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.png" alt="">
+              <span class="num">3</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt="">
+                <span class="num">9</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>9</span><span>+</span><span>3</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>9</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=6, B=5 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt="">
+              <span class="num">5</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt="">
+                <span class="num">6</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>6</span><span>+</span><span>5</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=3, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>10</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt="">
+                <span class="num">3</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>3</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">10</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+  <!-- PAGE 10: cross-20 — splitter6 left, cabin3 -->
+  <div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
+    <div class="absolute bottom-0 left-0 right-0 h-[28mm] z-0">
+      <img src="/assets/themes/nms/footers/cabin3.jpeg" class="w-full h-full object-cover object-center" alt="">
+    </div>
+    <div class="relative z-10 w-full h-full px-[8mm] pt-[3mm] pb-[28mm] flex flex-col">
+      <!-- Header -->
+      <div class="flex items-center gap-2 mb-1">
+        <img src="/assets/themes/nms/hero-images/splitters/splitter6.png" class="w-[42%] shrink-0 object-contain" alt="">
+        <div class="flex-1 flex flex-col items-center justify-center text-center px-1">
+          <h1 class="text-[1.3rem] font-extrabold leading-tight tracking-tight text-indigo-950">Заполни Трюм</h1>
+          <p class="text-[0.55rem] font-medium text-indigo-400 mt-0.5 leading-snug">На какие части нужно расщепить астероид, чтобы заполнить свободное место в трюме? Какой кусочек останется в космосе? Каков общий объём?</p>
+        </div>
+      </div>
+
+      <div class="card-grid">
+
+        <!-- Card 1: A=17, B=7 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.png" alt="">
+              <span class="num">7</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay4.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt="">
+                <span class="num">17</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>17</span><span>+</span><span>7</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>17</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 2: A=18, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay8.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt="">
+                <span class="num">18</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>18</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>18</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 3: A=13, B=8 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt="">
+              <span class="num">8</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt="">
+                <span class="num">13</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>13</span><span>+</span><span>8</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>13</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 4: A=16, B=9 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid10.png" alt="">
+              <span class="num">9</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay2.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt="">
+                <span class="num">16</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>16</span><span>+</span><span>9</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>16</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 5: A=15, B=6 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt="">
+              <span class="num">6</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt="">
+                <span class="num">15</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>15</span><span>+</span><span>6</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>15</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+        <!-- Card 6: A=19, B=2 -->
+        <div class="task-card"><div class="card-inner">
+          <div class="card-visual">
+            <div class="space-asteroid">
+              <img src="/assets/themes/nms/icons/pack3-asteroids/asteroid12.png" alt="">
+              <span class="num">2</span>
+            </div>
+            <div class="cargo-ship">
+              <img src="/assets/themes/nms/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
+              <div class="badge-10"><span>20</span></div>
+              <div class="inner-ast">
+                <img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt="">
+                <span class="num">19</span>
+              </div>
+            </div>
+            <svg class="arrows-svg" viewBox="0 0 100 55">
+              <path d="M7,30 Q30,45 52,25" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+              <path d="M7,30 Q24,57 61,47" fill="none" stroke="#6366f1" stroke-width="0.5" marker-end="url(#ah)"/>
+            </svg>
+            <div class="arrow-input-box"><span>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
+          </div>
+          <div class="card-formula">
+            <div class="formula-label">запиши формулу для пилота</div>
+            <div class="formula-row">
+              <span>19</span><span>+</span><span>2</span><span>=</span>
+              <div class="brace-group">
+                <span class="brace-content"><span>(</span><span>19</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span>
+                <svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
+                <span class="brace-val">20</span>
+              </div>
+              <span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
+            </div>
+          </div>
+        </div></div>
+
+      </div>
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/tasks/cargo-filling/index.html b/tasks/cargo-filling/index.html
index db5f6af..09fecff 100644
--- a/tasks/cargo-filling/index.html
+++ b/tasks/cargo-filling/index.html
@@ -162,6 +162,23 @@
         </div>
       </div>
 
+      <div class="doc-card">
+        <div class="doc-preview"><img src="/tasks/cargo-filling/temp/cargo-filling-2-page-1.png" alt="Preview"></div>
+        <div class="doc-info">
+          <h3>Cargo Filling 2</h3>
+          <div class="doc-details">
+            <span class="tag tag-pages">10 pages</span>
+            <span class="tag tag-diff">Through 10 &amp; 20</span><br>
+            6 cards per page &bull; Same ships &amp; layout as Doc 1 &bull; Odd pages cross 10, even pages cross 20
+          </div>
+          <div class="doc-actions">
+            <a class="btn-preview" href="/tasks/cargo-filling/docs/cargo-filling-2.output.html">Preview</a>
+            <a class="btn-pdf" href="/output/pdf/cargo-filling-2.pdf" download><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>PDF</a>
+            <a class="btn-edit" href="/tasks/cargo-filling/editor.html?file=cargo-filling-2">Editor</a>
+          </div>
+        </div>
+      </div>
+
     </div>
   </div>
 </div>