feat: promotion

This commit is contained in:
2026-04-24 11:45:42 +07:00
parent df04cb1d09
commit 15077adf47
15 changed files with 2939 additions and 153 deletions
@@ -6,23 +6,786 @@
{
"index": 0,
"asteroidScale": 0.85,
"innerAst": {
"left": 60
},
"badge": {
"left": 36,
"top": 33
}
},
{
"index": 1,
"asteroidScale": 0.95,
"ship": {
"right": -20.5,
"top": -7
},
"innerAst": {
"left": 57,
"top": 70
"left": 54,
"top": 61
},
"badge": {
"left": 23
}
},
{
"index": 2,
"ship": {
"right": -24.5,
"top": -7
},
"innerAst": {
"left": 47,
"top": 61
},
"badge": {
"left": 22,
"top": 41
}
},
{
"index": 3,
"ship": {
"right": -14.5,
"top": -9
},
"innerAst": {
"left": 54,
"top": 67
},
"badge": {
"left": 29,
"top": 49
}
},
{
"index": 4,
"asteroidScale": 1.2,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 44,
"top": 51
},
"badge": {
"left": 27
}
},
{
"index": 5,
"ship": {
"right": -20.5
},
"innerAst": {
"left": 53,
"top": 67
},
"badge": {
"left": 24
}
}
]
},
{
"page": 2,
"cards": [
{
"index": 0,
"asteroidScale": 1.95,
"ship": {
"right": -22.5,
"top": -3
},
"innerAst": {
"left": 49,
"top": 42
},
"badge": {
"left": 25,
"top": 33
}
},
{
"index": 1,
"ship": {
"right": -26.5,
"right": -22.5
},
"innerAst": {
"left": 39,
"top": 44
},
"badge": {
"left": 27
}
},
{
"index": 2,
"asteroidScale": 2,
"ship": {
"right": -20.5
},
"innerAst": {
"left": 52,
"top": 60
},
"badge": {
"left": 23,
"top": 37
}
},
{
"index": 3,
"ship": {
"right": -20.5
},
"innerAst": {
"left": 55,
"top": 62
},
"badge": {
"left": 27,
"top": 38
}
},
{
"index": 4,
"ship": {
"right": -20.5,
"top": -7
},
"innerAst": {
"left": 40,
"left": 46,
"top": 51
},
"badge": {
"left": 26,
"top": 42
}
},
{
"index": 5,
"ship": {
"right": -22.5,
"top": -7
},
"innerAst": {
"left": 53,
"top": 56
},
"badge": {
"left": 22
}
}
]
},
{
"page": 3,
"cards": [
{
"index": 0,
"ship": {
"right": -14.5,
"top": -9
},
"innerAst": {
"left": 54,
"top": 61
},
"badge": {
"left": 28,
"top": 48
}
},
{
"index": 1,
"ship": {
"right": -22.5,
"top": -9
},
"innerAst": {
"left": 51,
"top": 58
},
"badge": {
"left": 22,
"top": 42
}
},
{
"index": 2,
"ship": {
"right": -18.5,
"top": -7
},
"innerAst": {
"left": 45,
"top": 49
},
"badge": {
"left": 26,
"top": 44
}
},
{
"index": 3,
"ship": {
"right": -20.5,
"top": -3
},
"innerAst": {
"left": 39,
"top": 34
},
"badge": {
"left": 23,
"top": 36
}
},
{
"index": 4,
"ship": {
"right": -16.5,
"top": -3
},
"innerAst": {
"left": 59,
"top": 68
},
"badge": {
"left": 25,
"top": 31
}
},
{
"index": 5,
"innerAst": {
"left": 61,
"top": 75
},
"badge": {
"left": 35,
"top": 32
}
}
]
},
{
"page": 4,
"cards": [
{
"index": 0,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 47,
"top": 49
},
"badge": {
"left": 27,
"top": 36
}
},
{
"index": 1,
"ship": {
"right": -20.5,
"top": -3
},
"innerAst": {
"left": 64,
"top": 43
},
"badge": {
"left": 23,
"top": 35
}
},
{
"index": 2,
"ship": {
"right": -24.5
},
"badge": {
"left": 26
}
},
{
"index": 3,
"innerAst": {
"left": 62,
"top": 72
},
"badge": {
"left": 35,
"top": 32
}
},
{
"index": 4,
"asteroidScale": 2,
"ship": {
"right": -20.5,
"top": -7
},
"innerAst": {
"top": 60
},
"badge": {
"left": 23
}
},
{
"index": 5,
"ship": {
"right": -26.5
},
"innerAst": {
"left": 48,
"top": 56
},
"badge": {
"left": 22,
"top": 40
}
}
]
},
{
"page": 5,
"cards": [
{
"index": 0,
"asteroidScale": 1.25,
"ship": {
"right": -22.5,
"top": -3
},
"innerAst": {
"left": 53,
"top": 51
},
"badge": {
"left": 45,
"top": 78
}
},
{
"index": 1,
"ship": {
"right": -18.5,
"top": -7
},
"innerAst": {
"left": 59,
"top": 67
},
"badge": {
"left": 27,
"top": 35
}
},
{
"index": 2,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 54,
"top": 55
},
"badge": {
"left": 51,
"top": 20
}
},
{
"index": 3,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 56,
"top": 55
},
"badge": {
"left": 18,
"top": 49
}
},
{
"index": 4,
"ship": {
"right": -22.5,
"top": -3
},
"innerAst": {
"left": 44,
"top": 38
},
"badge": {
"left": 24,
"top": 34
}
},
{
"index": 5,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 61,
"top": 49
},
"badge": {
"left": 27,
"top": 36
}
}
]
},
{
"page": 6,
"cards": [
{
"index": 0,
"ship": {
"right": -22.5,
"top": -7
},
"innerAst": {
"left": 52,
"top": 56
},
"badge": {
"left": 23
}
},
{
"index": 1,
"innerAst": {
"left": 73,
"top": 66
},
"badge": {
"left": 36,
"top": 33
}
},
{
"index": 2,
"ship": {
"right": -18.5,
"top": -7
},
"innerAst": {
"left": 66,
"top": 43
},
"badge": {
"left": 24,
"top": 36
}
},
{
"index": 3,
"ship": {
"right": -20.5
},
"innerAst": {
"left": 48,
"top": 53
},
"badge": {
"left": 27,
"top": 40
}
},
{
"index": 4,
"ship": {
"right": -18.5
},
"innerAst": {
"top": 61
},
"badge": {
"left": 27,
"top": 36
}
},
{
"index": 5,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 53,
"top": 61
},
"badge": {
"left": 32,
"top": 43
}
}
]
},
{
"page": 7,
"cards": [
{
"index": 0,
"asteroidScale": 1.35,
"ship": {
"right": -24.5
},
"innerAst": {
"left": 55,
"top": 55
},
"badge": {
"left": 24
}
},
{
"index": 1,
"ship": {
"right": -14.5,
"top": -9
},
"innerAst": {
"left": 56
},
"badge": {
"left": 34,
"top": 48
}
},
{
"index": 2,
"asteroidScale": 2,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 54,
"top": 39
},
"badge": {
"left": 27,
"top": 34
}
},
{
"index": 3,
"ship": {
"right": -22.5
},
"innerAst": {
"left": 54,
"top": 41
},
"badge": {
"left": 27
}
},
{
"index": 4,
"asteroidScale": 1.9,
"ship": {
"right": -20.5,
"top": -7
},
"badge": {
"left": 23,
"top": 37
}
},
{
"index": 5,
"ship": {
"top": -7
},
"innerAst": {
"left": 60
},
"badge": {
"left": 35,
"top": 31
}
}
]
},
{
"page": 8,
"cards": [
{
"index": 0,
"ship": {
"right": -22.5
},
"innerAst": {
"left": 42,
"top": 44
},
"badge": {
"left": 27
}
},
{
"index": 1,
"ship": {
"right": -18.5,
"top": -7
},
"innerAst": {
"left": 48,
"top": 50
},
"badge": {
"left": 27,
"top": 38
}
},
{
"index": 2,
"ship": {
"right": -20.5,
"top": -9
},
"innerAst": {
"left": 55,
"top": 57
},
"badge": {
"left": 23,
"top": 40
}
},
{
"index": 3,
"ship": {
"right": -18.5,
"top": -9
},
"innerAst": {
"left": 49,
"top": 39
},
"badge": {
"left": 26,
"top": 33
}
},
{
"index": 5,
"ship": {
"right": -18.5,
"top": -7
},
"innerAst": {
"left": 62,
"top": 58
},
"badge": {
"left": 26,
"top": 45
}
}
]
},
{
"page": 9,
"cards": [
{
"index": 0,
"ship": {
"right": -20.5,
"top": -7
},
"innerAst": {
"top": 64
},
"badge": {
"left": 24,
"top": 37
}
},
{
"index": 1,
"ship": {
"right": -20.5,
"top": -9
},
"innerAst": {
"left": 49,
"top": 50
},
"badge": {
"left": 28,
"top": 48
}
},
{
"index": 2,
"ship": {
"right": -24.5,
"top": -9
},
"innerAst": {
"left": 39,
"top": 62
},
"badge": {
"left": 22,
"top": 46
}
},
{
"index": 3,
"asteroidScale": 1.95,
"ship": {
"right": -14.5,
"top": -9
},
"innerAst": {
"left": 59,
"top": 59
},
"badge": {
"left": 38,
"top": 44
}
},
{
"index": 4,
"asteroidScale": 1.85,
"ship": {
"right": -20.5,
"top": -7
},
"innerAst": {
"left": 60,
"top": 58
},
"badge": {
"left": 23
}
},
{
"index": 5,
"ship": {
"right": -18.5
},
"innerAst": {
"left": 59,
"top": 52
},
"badge": {
"left": 28,
"top": 35
}
}
]
@@ -6,7 +6,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<title>Заполни Трюм</title>
<script>
tailwind.config = { theme: { extend: { fontFamily: { nunito: ['Nunito', 'sans-serif'] } } } }
@@ -223,6 +223,13 @@
flex-direction: column;
align-items: center;
}
/* Handwritten answers for example card */
.answer {
font-family: 'Caveat', cursive;
font-weight: 700;
color: #4338ca;
}
.brace-group .brace-content {
display: flex;
align-items: baseline;
@@ -277,32 +284,32 @@
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid1.png" alt="">
<span class="num">3</span>
<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/asteroid1.png" alt="">
<span class="num">8</span>
<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 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>
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-label" style="color:#4338ca">пример</div>
<div class="formula-row">
<span>8</span><span>+</span><span>3</span><span>=</span>
<span>6</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>
<span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank"><span class="answer" style="font-size:1.1rem">4</span></span><span>)</span></span>
<svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg>
<span class="brace-val">10</span>
</div>
<span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span>
<span>+</span><span class="blank"><span class="answer" style="font-size:1.1rem">1</span></span><span>=</span><span class="blank"><span class="answer" style="font-size:1.1rem">11</span></span>
</div>
</div>
</div></div>
@@ -312,7 +319,7 @@
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid2.png" alt="">
<span class="num">4</span>
<span class="num">9</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay5.png" class="ship-img" alt="">
@@ -331,7 +338,7 @@
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-row">
<span>9</span><span>+</span><span>4</span><span>=</span>
<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>
@@ -347,14 +354,14 @@
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid3.png" alt="">
<span class="num">5</span>
<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/asteroid3.png" alt="">
<span class="num">8</span>
<span class="num">7</span>
</div>
</div>
<svg class="arrows-svg" viewBox="0 0 100 55">
@@ -366,9 +373,9 @@
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-row">
<span>8</span><span>+</span><span>5</span><span>=</span>
<span>7</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>
<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>
@@ -389,7 +396,7 @@
<div class="badge-10"><span>10</span></div>
<div class="inner-ast">
<img src="/assets/items/asteroid-shapes/asteroid4.png" alt="">
<span class="num">9</span>
<span class="num">6</span>
</div>
</div>
<svg class="arrows-svg" viewBox="0 0 100 55">
@@ -401,9 +408,9 @@
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-row">
<span>9</span><span>+</span><span>6</span><span>=</span>
<span>6</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>
<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>
@@ -417,7 +424,7 @@
<div class="card-visual">
<div class="space-asteroid">
<img src="/assets/icons/pack3-asteroids/asteroid5.png" alt="">
<span class="num">7</span>
<span class="num">3</span>
</div>
<div class="cargo-ship">
<img src="/assets/icons/pack4-cargobay/cargo-bay9.png" class="ship-img" alt="">
@@ -436,7 +443,7 @@
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-row">
<span>8</span><span>+</span><span>7</span><span>=</span>
<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>
@@ -459,7 +466,7 @@
<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>
<span class="num">7</span>
</div>
</div>
<svg class="arrows-svg" viewBox="0 0 100 55">
@@ -471,9 +478,9 @@
<div class="card-formula">
<div class="formula-label">запиши формулу для пилота</div>
<div class="formula-row">
<span>9</span><span>+</span><span>8</span><span>=</span>
<span>7</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>
<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>
@@ -505,34 +512,34 @@
<!-- 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">4</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/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>
<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>
<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 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>
<!-- 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">5</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">6</span></div></div>
<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>
<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>
<div class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>6</span><span>+</span><span>5</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
<div 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>
<!-- 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">6</span></div>
<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>
<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>
<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 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>
<!-- Card 4: A=5, B=7 -->
@@ -549,23 +556,23 @@
<!-- 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">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/asteroid11.png" alt=""><span class="num">6</span></div></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid12.png" alt=""><span class="num">7</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>3</span><span>+</span><span>8</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>3</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
</div>
@@ -591,34 +598,34 @@
<!-- 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">7</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">4</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>8</span><span>+</span><span>4</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card 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">8</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">3</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>6</span><span>+</span><span>7</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card 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">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/asteroid15.png" alt=""><span class="num">4</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>9</span><span>+</span><span>2</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>9</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card 4: A=3, B=9 -->
@@ -635,23 +642,23 @@
<!-- 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">9</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">4</span></div></div>
<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>
<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>
<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 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>
<!-- 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">9</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">2</span></div></div>
<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>
<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>
<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 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>
</div>
@@ -678,67 +685,67 @@
<!-- 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">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/asteroid3.png" alt=""><span class="num">9</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>8</span><span>+</span><span>4</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">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/asteroid4.png" alt=""><span class="num">8</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>2</span><span>+</span><span>9</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>2</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">3</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">9</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>5</span><span>+</span><span>7</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">8</span></div></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>
<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>
<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 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>
<!-- 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">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/asteroid7.png" alt=""><span class="num">9</span></div></div>
<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>
<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>
<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 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>
<!-- 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">8</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">8</span></div></div>
<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>
<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>
<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 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>
</div>
@@ -764,67 +771,67 @@
<!-- 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">5</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">7</span></div></div>
<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>
<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>
<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 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>
<!-- 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">6</span></div></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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>5</span><span>+</span><span>6</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">6</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">5</span></div></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid12.png" alt=""><span class="num">6</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>7</span><span>+</span><span>5</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>7</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">7</span></div></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>
<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>
<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 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>
<!-- 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">8</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">5</span></div></div>
<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>
<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>
<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 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>
</div>
@@ -850,67 +857,67 @@
<!-- 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">7</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">9</span></div></div>
<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>
<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>
<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 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>
<!-- 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">9</span></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>8</span><span>+</span><span>5</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">9</span></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid2.png" alt=""><span class="num">7</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>5</span><span>+</span><span>9</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>5</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">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/asteroid3.png" alt=""><span class="num">6</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>4</span><span>+</span><span>7</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>4</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">9</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">5</span></div></div>
<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>
<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>
<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 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>
</div>
@@ -936,67 +943,67 @@
<!-- 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">2</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">9</span></div></div>
<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>
<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>
<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 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>
<!-- 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">8</span></div></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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>9</span><span>+</span><span>3</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>9</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">4</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/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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>7</span><span>+</span><span>7</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>7</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">5</span></div>
<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>
<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>
<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 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>
<!-- 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">9</span></div></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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>6</span><span>+</span><span>6</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">8</span></div></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>
<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>
<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 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>
</div>
@@ -1022,67 +1029,67 @@
<!-- 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">4</span></div>
<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>
<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>
<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 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>
<!-- 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">5</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">6</span></div></div>
<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>
<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>
<div class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>6</span><span>+</span><span>5</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
<div 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>
<!-- 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">7</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">5</span></div></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid14.png" alt=""><span class="num">7</span></div></div>
<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>
<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>
<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 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>
<!-- 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">8</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">6</span></div></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid16.png" alt=""><span class="num">7</span></div></div>
<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>
<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>
<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 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>
</div>
@@ -1109,66 +1116,66 @@
<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">4</span></div></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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>6</span><span>+</span><span>7</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>6</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">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/asteroid3.png" alt=""><span class="num">3</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>8</span><span>+</span><span>6</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">4</span></div></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>
<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>
<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 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>
<!-- 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">9</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">3</span></div></div>
<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>
<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>
<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 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>
<!-- 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">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/asteroid9.png" alt=""><span class="num">2</span></div></div>
<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>
<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>
<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 class="card-formula"><div class="formula-label">запиши формулу для пилота</div><div class="formula-row"><span>8</span><span>+</span><span>3</span><span>=</span><div class="brace-group"><span class="brace-content"><span>(</span><span>8</span><span>+</span><span class="blank">&nbsp;</span><span>)</span></span><svg class="brace-svg" viewBox="0 0 100 14" preserveAspectRatio="none"><path d="M2,1 Q2,6 22,6 Q44,6 50,13 Q56,6 78,6 Q98,6 98,1" fill="none" stroke="#6366f1" stroke-width="2"/></svg><span class="brace-val">10</span></div><span>+</span><span class="blank">&nbsp;</span><span>=</span><span class="blank">&nbsp;</span></div></div>
</div></div>
<!-- Card: 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">8</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">4</span></div></div>
<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>
<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>
<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 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>
</div>
+44 -2
View File
@@ -374,6 +374,14 @@
setInnerAstValues(card, iv);
}
if (cd.badge && card.badge) {
var bv = {
left: cd.badge.left != null ? cd.badge.left : DEFAULTS.badge.left,
top: cd.badge.top != null ? cd.badge.top : DEFAULTS.badge.top
};
setBadgeValues(card, bv);
}
// Update originals to saved state
originals.set(cardKey(card), getCardState(card));
card.el.classList.remove('editor-changed');
@@ -432,6 +440,20 @@
}
}
// Badge
if (card.badge) {
var badgeChanged = false;
var badgeData = {};
if (Math.abs(cur.badge.left - DEFAULTS.badge.left) > 0.01) { badgeData.left = +cur.badge.left.toFixed(1); badgeChanged = true; }
if (Math.abs(cur.badge.top - DEFAULTS.badge.top) > 0.01) { badgeData.top = +cur.badge.top.toFixed(1); badgeChanged = true; }
if (badgeChanged) {
if (!changesOnly || Math.abs(cur.badge.left - orig.badge.left) > 0.01 || Math.abs(cur.badge.top - orig.badge.top) > 0.01) {
cardData.badge = badgeData;
hasChange = true;
}
}
}
if (changesOnly && !hasChange) return;
if (!changesOnly && !hasChange) return;
@@ -450,6 +472,7 @@
setAsteroidScale(card, orig.asteroidScale);
setShipValues(card, orig.ship);
if (card.innerAst) setInnerAstValues(card, orig.innerAst);
if (card.badge) setBadgeValues(card, orig.badge);
card.el.classList.remove('editor-changed');
});
if (selected && selected.card.pageNum === pageNum) updateInfo();
@@ -526,15 +549,34 @@
setInnerAstValues(card, iv); markChanged(card); updateInfo(); e.preventDefault(); break;
case '0':
setInnerAstValues(card, Object.assign({}, DEFAULTS.innerAst));
// Also reset transform to just translate (remove scale if any)
card.innerAst.style.transform = 'translate(-50%, -50%)';
markChanged(card); updateInfo(); e.preventDefault(); break;
}
} else if (mode === MODE_BADGE) {
var bv = getBadgeValues(card);
var bStep = e.shiftKey ? 0.5 : 1;
switch (e.key) {
case 'ArrowLeft':
bv.left = +(bv.left - bStep).toFixed(1);
setBadgeValues(card, bv); markChanged(card); updateInfo(); e.preventDefault(); break;
case 'ArrowRight':
bv.left = +(bv.left + bStep).toFixed(1);
setBadgeValues(card, bv); markChanged(card); updateInfo(); e.preventDefault(); break;
case 'ArrowUp':
bv.top = +(bv.top - bStep).toFixed(1);
setBadgeValues(card, bv); markChanged(card); updateInfo(); e.preventDefault(); break;
case 'ArrowDown':
bv.top = +(bv.top + bStep).toFixed(1);
setBadgeValues(card, bv); markChanged(card); updateInfo(); e.preventDefault(); break;
case '0':
setBadgeValues(card, Object.assign({}, DEFAULTS.badge));
markChanged(card); updateInfo(); e.preventDefault(); break;
}
}
});
document.addEventListener('click', function(e) {
if (selected && !e.target.closest('.space-asteroid') && !e.target.closest('.cargo-ship') && !e.target.closest('.inner-ast')) {
if (selected && !e.target.closest('.space-asteroid') && !e.target.closest('.cargo-ship') && !e.target.closest('.inner-ast') && !e.target.closest('.badge-10')) {
deselectAll();
}
});
+14
View File
@@ -123,6 +123,7 @@ function applyCards(pageHtml, cards) {
const scale = cardData.asteroidScale;
const ship = cardData.ship;
const innerAst = cardData.innerAst;
const badge = cardData.badge;
// Apply asteroidScale to .space-asteroid img
if (scale != null && scale !== 1) {
@@ -161,6 +162,19 @@ function applyCards(pageHtml, cards) {
);
}
// Apply badge position
if (badge) {
const badgeLeft = badge.left != null ? badge.left : 40;
const badgeTop = badge.top != null ? badge.top : 39;
const badgeStyle = 'left: ' + badgeLeft + '%; top: ' + badgeTop + '%';
cardHtml = cardHtml.replace(
/(<div class="badge-10")([\s>])/,
function(full, tag, after) {
return tag + ' style="' + badgeStyle + '"' + after;
}
);
}
// Apply innerAst position (and compose with asteroidScale if present)
if (innerAst || (scale != null && scale !== 1)) {
const innerLeft = innerAst && innerAst.left != null ? innerAst.left : 58;