diff --git a/docs/battle-map-terrain-atlas-pipeline.md b/docs/battle-map-terrain-atlas-pipeline.md
index b7da3ff..1c9ae25 100644
--- a/docs/battle-map-terrain-atlas-pipeline.md
+++ b/docs/battle-map-terrain-atlas-pipeline.md
@@ -2,7 +2,7 @@
 
 ## Scope
 
-The first ten campaign battles now use the same hand-painted tactical map pipeline. The renderer still reads the original scenario tile coordinates and battle logic; only the map texture asset changes from flat/vector map art to low-contrast raster terrain.
+The first eleven campaign battles now use the same hand-painted tactical map pipeline. The renderer still reads the original scenario tile coordinates and battle logic; only the map texture asset changes from flat/vector map art to low-contrast raster terrain.
 
 ## Art Direction
 
@@ -27,6 +27,7 @@ python scripts/generate-handpaint-map-sample.py --map seventh --webp-quality 90
 python scripts/generate-handpaint-map-sample.py --map eighth --webp-quality 90
 python scripts/generate-handpaint-map-sample.py --map ninth --webp-quality 90
 python scripts/generate-handpaint-map-sample.py --map tenth --webp-quality 90
+python scripts/generate-handpaint-map-sample.py --map eleventh --webp-quality 90
 ```
 
 ## Current Assets
@@ -41,6 +42,7 @@ python scripts/generate-handpaint-map-sample.py --map tenth --webp-quality 90
 - `src/assets/images/battle/eighth-battle-map.webp`
 - `src/assets/images/battle/ninth-battle-map.webp`
 - `src/assets/images/battle/tenth-battle-map.webp`
+- `src/assets/images/battle/eleventh-battle-map.webp`
 
 ## QA Outputs
 
@@ -62,5 +64,7 @@ python scripts/generate-handpaint-map-sample.py --map tenth --webp-quality 90
 - `docs/ninth-battle-map-handpaint-preview.png`
 - `docs/tenth-battle-map-handpaint-before-after.png`
 - `docs/tenth-battle-map-handpaint-preview.png`
+- `docs/eleventh-battle-map-handpaint-before-after.png`
+- `docs/eleventh-battle-map-handpaint-preview.png`
 
 Browser screenshots are saved per verification run after build/deploy.
diff --git a/docs/eleventh-battle-map-handpaint-before-after.png b/docs/eleventh-battle-map-handpaint-before-after.png
new file mode 100644
index 0000000..029c473
Binary files /dev/null and b/docs/eleventh-battle-map-handpaint-before-after.png differ
diff --git a/docs/eleventh-battle-map-handpaint-preview.png b/docs/eleventh-battle-map-handpaint-preview.png
new file mode 100644
index 0000000..c0dea23
Binary files /dev/null and b/docs/eleventh-battle-map-handpaint-preview.png differ
diff --git a/scripts/generate-handpaint-map-sample.py b/scripts/generate-handpaint-map-sample.py
index 84e1825..9ad0933 100644
--- a/scripts/generate-handpaint-map-sample.py
+++ b/scripts/generate-handpaint-map-sample.py
@@ -109,6 +109,15 @@ MAP_CONFIGS = {
         "before": BATTLE_IMAGE_DIR / "tenth-battle-map.svg",
         "seed": 240794,
     },
+    "eleventh": {
+        "slug": "eleventh-battle-map",
+        "terrain_export": "eleventhBattleMap",
+        "units_export": "eleventhBattleUnits",
+        "ally_positions_export": "eleventhBattleAllyPositions",
+        "out": BATTLE_IMAGE_DIR / "eleventh-battle-map.webp",
+        "before": BATTLE_IMAGE_DIR / "eleventh-battle-map.svg",
+        "seed": 240804,
+    },
 }
 
 
diff --git a/src/assets/images/battle/eleventh-battle-map.svg b/src/assets/images/battle/eleventh-battle-map.svg
deleted file mode 100644
index 9b527a3..0000000
--- a/src/assets/images/battle/eleventh-battle-map.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2800 2200" width="2800" height="2200">
-  <defs>
-    <filter id="marchGrain">
-      <feTurbulence type="fractalNoise" baseFrequency="0.019" numOctaves="4" seed="1111" />
-      <feColorMatrix type="saturate" values="0.62" />
-      <feBlend mode="multiply" in2="SourceGraphic" />
-    </filter>
-    <pattern id="field" width="100" height="100" patternUnits="userSpaceOnUse">
-      <rect width="100" height="100" fill="#596a48" />
-      <path d="M12 28h24M44 66h34M64 18l18 12M20 84l22-16" stroke="#a8ba74" stroke-width="3" opacity="0.18" />
-      <path d="M12 56l14-22M50 38l20-18M76 80l10-24" stroke="#2a3d23" stroke-width="2" opacity="0.34" />
-    </pattern>
-    <pattern id="road" width="112" height="112" patternUnits="userSpaceOnUse">
-      <rect width="112" height="112" fill="#866b43" />
-      <path d="M0 30c42-18 78 14 112-8M0 78c44-20 76 12 112-5" stroke="#c0a068" stroke-width="8" opacity="0.25" />
-      <path d="M18 88l22-28M60 46l26-18M86 86l12-10" stroke="#3a2d20" stroke-width="3" opacity="0.36" />
-    </pattern>
-    <pattern id="grove" width="132" height="112" patternUnits="userSpaceOnUse">
-      <rect width="132" height="112" fill="#203826" />
-      <circle cx="24" cy="48" r="30" fill="#142818" />
-      <circle cx="64" cy="34" r="38" fill="#41633f" />
-      <circle cx="104" cy="54" r="31" fill="#1f3822" />
-      <circle cx="54" cy="84" r="28" fill="#527046" />
-      <path d="M12 66c36 18 78 16 110-10M36 26c24 20 58 18 76-8" stroke="#0b190e" stroke-width="5" opacity="0.36" />
-    </pattern>
-    <pattern id="ridge" width="132" height="100" patternUnits="userSpaceOnUse">
-      <rect width="132" height="100" fill="#706747" />
-      <path d="M-12 86c48-62 92-82 134-64c38 16 58 46 76 82" fill="#494832" opacity="0.72" />
-      <path d="M18 78c38-42 74-52 110-32" fill="none" stroke="#9a925e" stroke-width="10" opacity="0.28" />
-    </pattern>
-    <linearGradient id="river" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#54859a" />
-      <stop offset="0.52" stop-color="#275a72" />
-      <stop offset="1" stop-color="#123247" />
-    </linearGradient>
-    <linearGradient id="campWall" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#8b7358" />
-      <stop offset="1" stop-color="#3f3022" />
-    </linearGradient>
-    <radialGradient id="watchFire" cx="0.5" cy="0.42" r="0.6">
-      <stop offset="0" stop-color="#ffe7a0" />
-      <stop offset="0.48" stop-color="#d77a32" />
-      <stop offset="1" stop-color="#4b1e14" stop-opacity="0" />
-    </radialGradient>
-  </defs>
-
-  <rect width="2800" height="2200" fill="#121b20" />
-  <rect width="2800" height="2200" fill="url(#field)" opacity="0.95" />
-  <g filter="url(#marchGrain)">
-    <path d="M-90 1500C330 1450 750 1480 1120 1496C1510 1514 1970 1490 2910 1450" fill="none" stroke="#94754a" stroke-width="260" stroke-linecap="round" opacity="0.9" />
-    <path d="M-90 1500C330 1450 750 1480 1120 1496C1510 1514 1970 1490 2910 1450" fill="none" stroke="url(#road)" stroke-width="154" stroke-linecap="round" opacity="0.93" />
-    <path d="M790 2180C810 1820 804 1440 800 1100C796 800 792 520 806 170" fill="none" stroke="#94754a" stroke-width="190" stroke-linecap="round" opacity="0.85" />
-    <path d="M790 2180C810 1820 804 1440 800 1100C796 800 792 520 806 170" fill="none" stroke="url(#road)" stroke-width="108" stroke-linecap="round" opacity="0.84" />
-    <path d="M2260 1830C2262 1440 2250 1080 2266 720C2274 540 2290 360 2268 110" fill="none" stroke="#94754a" stroke-width="176" stroke-linecap="round" opacity="0.86" />
-    <path d="M2260 1830C2262 1440 2250 1080 2266 720C2274 540 2290 360 2268 110" fill="none" stroke="url(#road)" stroke-width="98" stroke-linecap="round" opacity="0.84" />
-    <path d="M1620 2220c84-300 78-570-12-808c-80-210-64-424 48-642c88-172 102-362 44-574" fill="none" stroke="#123248" stroke-width="286" stroke-linecap="round" opacity="0.95" />
-    <path d="M1620 2220c84-300 78-570-12-808c-80-210-64-424 48-642c88-172 102-362 44-574" fill="none" stroke="url(#river)" stroke-width="182" stroke-linecap="round" opacity="0.98" />
-
-    <path d="M0 20c278-76 548-32 810 130c54 178-80 324-398 438C178 536 34 414-14 246Z" fill="url(#grove)" opacity="0.84" />
-    <path d="M270 760c316-120 612-70 888 154c-118 238-410 368-872 386C136 1130 128 946 270 760Z" fill="url(#grove)" opacity="0.82" />
-    <path d="M870 1840c228-84 450-52 660 96c-44 164-200 260-464 288c-144-72-210-196-196-384Z" fill="url(#grove)" opacity="0.78" />
-    <path d="M2140 40c208-56 392-22 552 96v300c-190 48-366 10-526-112c-66-92-74-188-26-284Z" fill="url(#ridge)" opacity="0.82" />
-    <path d="M2440 1660c184-54 346-22 484 96v430c-198 58-370 24-516-102c-46-130-36-272 32-424Z" fill="url(#ridge)" opacity="0.82" />
-
-    <g transform="translate(2100 760)">
-      <rect x="-70" y="-58" width="650" height="610" rx="18" fill="#1a130e" opacity="0.54" />
-      <rect x="0" y="0" width="520" height="500" rx="12" fill="url(#campWall)" stroke="#24190f" stroke-width="18" />
-      <path d="M0 104h520M0 214h520M0 324h520M0 430h520" stroke="#2e241b" stroke-width="12" opacity="0.72" />
-      <path d="M110 0v500M260 0v500M410 0v500" stroke="#65513b" stroke-width="10" opacity="0.48" />
-      <rect x="160" y="210" width="200" height="126" fill="#1f1713" stroke="#0e0907" stroke-width="11" />
-      <path d="M160 210l100-66l100 66" fill="#764b24" stroke="#21160e" stroke-width="11" />
-      <path d="M224 336v-76h72v76" fill="#0d0907" />
-      <circle cx="78" cy="140" r="70" fill="url(#watchFire)" opacity="0.68" />
-      <circle cx="450" cy="360" r="72" fill="url(#watchFire)" opacity="0.64" />
-    </g>
-
-    <g transform="translate(820 1000)">
-      <rect x="0" y="0" width="260" height="140" rx="10" fill="#604a35" stroke="#251d16" stroke-width="10" />
-      <path d="M-20 18L130-74l152 92Z" fill="#9d642e" stroke="#2b1f14" stroke-width="10" />
-      <path d="M78 140v-62h60v62" fill="#201713" />
-    </g>
-
-    <g transform="translate(1425 1540)">
-      <rect x="0" y="0" width="246" height="132" rx="10" fill="#604a35" stroke="#251d16" stroke-width="10" />
-      <path d="M-18 14L123-68l142 82Z" fill="#8f5b2b" stroke="#2b1f14" stroke-width="10" />
-      <path d="M76 132v-58h58v58" fill="#201713" />
-    </g>
-
-    <path d="M2000 900c220 44 470 30 754-40" fill="none" stroke="#15100d" stroke-width="18" opacity="0.3" />
-    <path d="M2020 1270c220 48 478 34 776-42" fill="none" stroke="#15100d" stroke-width="18" opacity="0.28" />
-    <path d="M180 1500c300 58 622 58 970 0" fill="none" stroke="#d8b15f" stroke-width="10" opacity="0.15" />
-  </g>
-
-  <rect width="2800" height="2200" fill="#07090c" opacity="0.12" />
-  <path d="M2180 802c-120 170-92 360 84 570" fill="none" stroke="#ffe0a0" stroke-width="8" opacity="0.08" />
-  <path d="M188 1488c260-20 520-14 780 18" fill="none" stroke="#fff0bd" stroke-width="8" opacity="0.08" />
-</svg>
diff --git a/src/assets/images/battle/eleventh-battle-map.webp b/src/assets/images/battle/eleventh-battle-map.webp
new file mode 100644
index 0000000..48a24f8
Binary files /dev/null and b/src/assets/images/battle/eleventh-battle-map.webp differ
diff --git a/src/game/data/battleMapAssets.ts b/src/game/data/battleMapAssets.ts
index 501e8d2..ab4630f 100644
--- a/src/game/data/battleMapAssets.ts
+++ b/src/game/data/battleMapAssets.ts
@@ -1,6 +1,6 @@
 import eighthBattleMapUrl from '../../assets/images/battle/eighth-battle-map.webp';
 import eighteenthBattleMapUrl from '../../assets/images/battle/eighteenth-battle-map.svg';
-import eleventhBattleMapUrl from '../../assets/images/battle/eleventh-battle-map.svg';
+import eleventhBattleMapUrl from '../../assets/images/battle/eleventh-battle-map.webp';
 import fiftiethBattleMapUrl from '../../assets/images/battle/fiftieth-battle-map.svg';
 import fiftyFirstBattleMapUrl from '../../assets/images/battle/fifty-first-battle-map.svg';
 import fiftySecondBattleMapUrl from '../../assets/images/battle/fifty-second-battle-map.svg';