usulpro/math-tasks
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: split assets

Browse Source
This commit is contained in:
usulpro
2026-04-27 19:12:29 +07:00
parent 2d1dbccd28
commit 9eda551aea
425 changed files with 1506 additions and 1415 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tasks/cargo-filling/CLAUDE.md
+7 -5
View File
@@ -1,5 +1,7 @@
# Cargo Filling Task Type
**Theme:** nms (`assets/themes/nms/`)
Split an asteroid to fill a spaceship cargo bay to exactly 10. Combines asteroid splitting with cargo bay loading. Teaches addition crossing the tens boundary.
## Math Concept
@@ -73,11 +75,11 @@ A + B = (A + __) + __ = __
## Asset Conventions
- **Cargo bays:** `assets/icons/pack4-cargobay/cargo-bay{1-9}.png` — 6 unique per page
- **Asteroids (colored):** `assets/icons/pack3-asteroids/asteroid{1-16}.png` — for big asteroid in space
- **Asteroids (outline):** `assets/items/asteroid-shapes/asteroid{1-16}.png` — for inner asteroid & remnant
- **Hero images:** `assets/hero-images/splitters/splitter{1-9}.png`
- **Footer images:** `assets/footers/cabin{1-9}.jpeg`
- **Cargo bays:** `assets/themes/nms/icons/pack4-cargobay/cargo-bay{1-9}.png` — 6 unique per page
- **Asteroids (colored):** `assets/themes/nms/icons/pack3-asteroids/asteroid{1-16}.png` — for big asteroid in space
- **Asteroids (outline):** `assets/themes/nms/items/asteroid-shapes/asteroid{1-16}.png` — for inner asteroid & remnant
- **Hero images:** `assets/themes/nms/hero-images/splitters/splitter{1-9}.png`
- **Footer images:** `assets/themes/nms/footers/cabin{1-9}.jpeg`
## Problem Range
tasks/cargo-filling/docs/cargo-filling-1.template.html
+186 -186
View File
@@ -265,12 +265,12 @@
<!-- PAGE 1: Easy (A=8,9) — 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/footers/cabin1.jpeg" class="w-full h-full object-cover object-center" alt="">
<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/hero-images/splitters/splitter3.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -283,14 +283,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid1.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt="">
<span class="num">5</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay1.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid1.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid1.png" alt="">
<span class="num">6</span>
</div>
</div>
@@ -298,7 +298,7 @@
<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">4</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span class="answer" style="font-size:1.3rem">1</span></div></div><span class="shape-question">?</span></div>
<div class="arrow-input-box"><span class="answer" style="font-size:1.1rem">4</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">1</span></div></div><span class="shape-question">?</span></div>
</div>
<div class="card-formula">
<div class="formula-label" style="color:#4338ca">пример</div>
@@ -318,14 +318,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid2.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid2.png" alt="">
<span class="num">9</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid2.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.png" alt="">
<span class="num">9</span>
</div>
</div>
@@ -333,7 +333,7 @@
<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/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -353,14 +353,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid3.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt="">
<span class="num">7</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay3.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid3.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid3.png" alt="">
<span class="num">7</span>
</div>
</div>
@@ -368,7 +368,7 @@
<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/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -388,14 +388,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid4.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid4.png" alt="">
<span class="num">6</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay7.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid4.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid4.png" alt="">
<span class="num">6</span>
</div>
</div>
@@ -403,7 +403,7 @@
<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/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -423,14 +423,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid5.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt="">
<span class="num">3</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid5.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid5.png" alt="">
<span class="num">8</span>
</div>
</div>
@@ -438,7 +438,7 @@
<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/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -458,14 +458,14 @@
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid6.png" alt="">
<img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.png" alt="">
<span class="num">8</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay6.png" class="ship-img" alt="">
<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/items/asteroid-shapes/asteroid6.png" alt="">
<img src="/assets/themes/nms/items/asteroid-shapes/asteroid6.png" alt="">
<span class="num">7</span>
</div>
</div>
@@ -473,7 +473,7 @@
<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/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -496,11 +496,11 @@
<!-- PAGE 2: Medium (A=5,6,7) — 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/footers/cabin3.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1">
<img src="/assets/hero-images/splitters/splitter6.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -512,10 +512,10 @@
<!-- Card 1: A=7, B=4 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid7.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid7.png" alt=""><span class="num">9</span></div></div>
<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">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/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</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>
@@ -523,10 +523,10 @@
<!-- 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/icons/pack3-asteroids/asteroid8.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid8.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.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>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/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</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>
@@ -534,10 +534,10 @@
<!-- Card 3: A=7, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid9.png" alt=""><span class="num">4</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid9.png" alt=""><span class="num">7</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.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/asteroid9.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/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>4</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>
@@ -545,10 +545,10 @@
<!-- Card 4: A=5, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid10.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid10.png" alt=""><span class="num">5</span></div></div>
<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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid10.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/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -556,10 +556,10 @@
<!-- Card 5: A=6, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid11.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid11.png" alt=""><span class="num">9</span></div></div>
<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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid11.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/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>9</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>
@@ -567,10 +567,10 @@
<!-- Card 6: A=7, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid12.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid12.png" alt=""><span class="num">3</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid12.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/asteroid12.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/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -582,11 +582,11 @@
<!-- PAGE 3: Hard (A=2,3,4) — 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/footers/cabin5.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1 flex-row-reverse">
<img src="/assets/hero-images/splitters/splitter9.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -598,10 +598,10 @@
<!-- Card 1: A=4, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid13.png" alt=""><span class="num">4</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid13.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid13.png" alt=""><span class="num">4</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">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/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -609,10 +609,10 @@
<!-- 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/icons/pack3-asteroids/asteroid14.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid14.png" alt=""><span class="num">6</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.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/asteroid14.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/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -620,10 +620,10 @@
<!-- Card 3: A=4, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid15.png" alt=""><span class="num">2</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid15.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.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/asteroid15.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/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -631,10 +631,10 @@
<!-- Card 4: A=3, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid16.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid16.png" alt=""><span class="num">3</span></div></div>
<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">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/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>3</span><span>+</span><span>9</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>
@@ -642,10 +642,10 @@
<!-- Card 5: A=4, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid1.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid1.png" alt=""><span class="num">5</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.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/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>&nbsp;</span></div><div class="remnant-shape"><div class="shape-container"><img src="/assets/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>5</span><span>+</span><span>8</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>
@@ -653,10 +653,10 @@
<!-- 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/icons/pack3-asteroids/asteroid2.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid2.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid2.png" alt=""><span class="num">6</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">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/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>6</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>
@@ -669,11 +669,11 @@
<!-- PAGE 4 — 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/footers/cabin2.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1">
<img src="/assets/hero-images/splitters/splitter1.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -685,10 +685,10 @@
<!-- Card: A=9, B=2 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid3.png" alt=""><span class="num">4</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid3.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.png" alt=""><span class="num">4</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/asteroid3.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/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -696,10 +696,10 @@
<!-- Card: A=8, B=4 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid4.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid4.png" alt=""><span class="num">2</span></div></div>
<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-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/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/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -707,10 +707,10 @@
<!-- Card: A=9, B=3 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid5.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid5.png" alt=""><span class="num">5</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid5.png" alt=""><span class="num">7</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/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/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -718,10 +718,10 @@
<!-- Card: A=8, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid6.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid6.png" alt=""><span class="num">7</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.png" alt=""><span class="num">6</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/asteroid6.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/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>6</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>
@@ -729,10 +729,10 @@
<!-- Card: A=9, B=5 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid7.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid7.png" alt=""><span class="num">4</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.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/asteroid7.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/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -740,10 +740,10 @@
<!-- Card: A=8, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid8.png" alt=""><span class="num">5</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid8.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.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/asteroid8.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/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>5</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>
@@ -755,11 +755,11 @@
<!-- PAGE 5 — 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/footers/cabin4.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1 flex-row-reverse">
<img src="/assets/hero-images/splitters/splitter4.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -771,10 +771,10 @@
<!-- Card: A=7, B=5 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid9.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid9.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid9.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/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>8</span><span>+</span><span>9</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>
@@ -782,10 +782,10 @@
<!-- Card: A=6, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid10.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid10.png" alt=""><span class="num">5</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid10.png" alt=""><span class="num">6</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">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/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -793,10 +793,10 @@
<!-- Card: A=5, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid11.png" alt=""><span class="num">4</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid11.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid11.png" alt=""><span class="num">4</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">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/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -804,10 +804,10 @@
<!-- Card: A=6, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid12.png" alt=""><span class="num">5</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid12.png" alt=""><span class="num">7</span></div></div>
<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/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -815,10 +815,10 @@
<!-- Card: A=7, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid13.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid13.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid13.png" alt=""><span class="num">7</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/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</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>
@@ -826,10 +826,10 @@
<!-- Card: A=5, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid14.png" alt=""><span class="num">2</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid14.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.png" alt=""><span class="num">2</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">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/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -841,11 +841,11 @@
<!-- PAGE 6 — 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/footers/cabin6.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1">
<img src="/assets/hero-images/splitters/splitter7.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -857,10 +857,10 @@
<!-- Card: A=9, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid15.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid15.png" alt=""><span class="num">7</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid15.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/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>9</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>
@@ -868,10 +868,10 @@
<!-- Card: A=8, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid16.png" alt=""><span class="num">5</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid16.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid16.png" alt=""><span class="num">5</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/asteroid16.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/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -879,10 +879,10 @@
<!-- Card: A=9, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid1.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid1.png" alt=""><span class="num">9</span></div></div>
<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">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/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>6</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>
@@ -890,10 +890,10 @@
<!-- Card: A=7, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid2.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid2.png" alt=""><span class="num">5</span></div></div>
<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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid2.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/items/asteroid-shapes/asteroid2.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -901,10 +901,10 @@
<!-- Card: A=6, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid3.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid3.png" alt=""><span class="num">4</span></div></div>
<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-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/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/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -912,10 +912,10 @@
<!-- Card: A=5, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid4.png" alt=""><span class="num">5</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid4.png" alt=""><span class="num">7</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid4.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/asteroid4.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/items/asteroid-shapes/asteroid4.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -927,11 +927,11 @@
<!-- PAGE 7 — 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/footers/cabin7.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1 flex-row-reverse">
<img src="/assets/hero-images/splitters/splitter2.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -943,10 +943,10 @@
<!-- Card: A=9, B=2 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid5.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid5.png" alt=""><span class="num">6</span></div></div>
<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">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/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</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>
@@ -954,10 +954,10 @@
<!-- Card: A=8, B=3 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid6.png" alt=""><span class="num">3</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid6.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid6.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/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/items/asteroid-shapes/asteroid6.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -965,10 +965,10 @@
<!-- Card: A=9, B=4 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid7.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid7.png" alt=""><span class="num">7</span></div></div>
<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/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>
@@ -976,10 +976,10 @@
<!-- Card: A=8, B=5 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid8.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid8.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid8.png" alt=""><span class="num">8</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/items/asteroid-shapes/asteroid8.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>8</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>
@@ -987,10 +987,10 @@
<!-- Card: A=9, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid9.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid9.png" alt=""><span class="num">6</span></div></div>
<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>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/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -998,10 +998,10 @@
<!-- Card: A=8, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid10.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid10.png" alt=""><span class="num">9</span></div></div>
<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-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">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/items/asteroid-shapes/asteroid10.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>7</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>
@@ -1013,11 +1013,11 @@
<!-- PAGE 8 — 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/footers/cabin8.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1">
<img src="/assets/hero-images/splitters/splitter5.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -1029,10 +1029,10 @@
<!-- Card: A=7, B=4 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid11.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid11.png" alt=""><span class="num">7</span></div></div>
<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-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/asteroid11.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/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>8</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>
@@ -1040,10 +1040,10 @@
<!-- Card: A=6, B=5 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid12.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid12.png" alt=""><span class="num">4</span></div></div>
<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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid12.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/items/asteroid-shapes/asteroid12.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -1051,10 +1051,10 @@
<!-- Card: A=5, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid13.png" alt=""><span class="num">5</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid13.png" alt=""><span class="num">9</span></div></div>
<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>10</span></div><div class="inner-ast"><img src="/assets/themes/nms/items/asteroid-shapes/asteroid13.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/items/asteroid-shapes/asteroid13.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>5</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>
@@ -1062,10 +1062,10 @@
<!-- Card: A=7, B=6 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid14.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid14.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid14.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/asteroid14.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/items/asteroid-shapes/asteroid14.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>8</span><span>+</span><span>7</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>
@@ -1073,10 +1073,10 @@
<!-- Card: A=6, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid15.png" alt=""><span class="num">4</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid15.png" alt=""><span class="num">7</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid15.png" alt=""><span class="num">4</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/asteroid15.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/items/asteroid-shapes/asteroid15.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>4</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>
@@ -1084,10 +1084,10 @@
<!-- Card: A=7, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid16.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid16.png" alt=""><span class="num">9</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid16.png" alt=""><span class="num">8</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/asteroid16.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/items/asteroid-shapes/asteroid16.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>9</span><span>+</span><span>8</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>
@@ -1099,11 +1099,11 @@
<!-- PAGE 9 — 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/footers/cabin9.jpeg" class="w-full h-full object-cover object-center" alt="">
<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">
<div class="flex items-center gap-2 mb-1 flex-row-reverse">
<img src="/assets/hero-images/splitters/splitter8.png" class="w-[42%] shrink-0 object-contain" alt="">
<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>
@@ -1115,10 +1115,10 @@
<!-- Card: A=4, B=7 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid1.png" alt=""><span class="num">7</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid1.png" alt=""><span class="num">6</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid1.png" alt=""><span class="num">7</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">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/items/asteroid-shapes/asteroid1.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -1126,10 +1126,10 @@
<!-- Card: A=3, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid3.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid3.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid3.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/asteroid3.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/items/asteroid-shapes/asteroid3.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -1137,10 +1137,10 @@
<!-- Card: A=4, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid5.png" alt=""><span class="num">9</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid5.png" alt=""><span class="num">7</span></div></div>
<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">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/items/asteroid-shapes/asteroid5.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>9</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>
@@ -1148,10 +1148,10 @@
<!-- Card: A=3, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid7.png" alt=""><span class="num">8</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid7.png" alt=""><span class="num">6</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid7.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/asteroid7.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/items/asteroid-shapes/asteroid7.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>6</span><span>+</span><span>8</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>
@@ -1159,10 +1159,10 @@
<!-- Card: A=2, B=9 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid9.png" alt=""><span class="num">3</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid9.png" alt=""><span class="num">8</span></div></div>
<div class="space-asteroid"><img src="/assets/themes/nms/icons/pack3-asteroids/asteroid9.png" alt=""><span class="num">3</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">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/items/asteroid-shapes/asteroid9.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>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>
@@ -1170,10 +1170,10 @@
<!-- Card: A=4, B=8 -->
<div class="task-card"><div class="card-inner">
<div class="card-visual">
<div class="space-asteroid"><img src="/assets/icons/pack3-asteroids/asteroid11.png" alt=""><span class="num">6</span></div>
<div class="cargo-ship"><img src="/assets/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/items/asteroid-shapes/asteroid11.png" alt=""><span class="num">7</span></div></div>
<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-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">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/items/asteroid-shapes/asteroid11.png" alt=""><div class="shape-blank"><span>&nbsp;</span></div></div><span class="shape-question">?</span></div>
<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>7</span><span>+</span><span>6</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>