Add Wuzhang finale and lazy unit loading

src/assets/images/battle/sixty-sixth-battle-map.svg

@@ -0,0 +1,77 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2112 1824" role="img" aria-label="Wuzhang Plains final battle map">
+  <defs>
+    <linearGradient id="ground" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#5e7747"/>
+      <stop offset="0.52" stop-color="#7b8a55"/>
+      <stop offset="1" stop-color="#4b6040"/>
+    </linearGradient>
+    <linearGradient id="river" x1="0" y1="0" x2="1" y2="0">
+      <stop offset="0" stop-color="#334f6d"/>
+      <stop offset="0.5" stop-color="#557d98"/>
+      <stop offset="1" stop-color="#293f59"/>
+    </linearGradient>
+    <filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="7" stdDeviation="8" flood-color="#172016" flood-opacity="0.36"/>
+    </filter>
+  </defs>
+
+  <rect width="2112" height="1824" fill="url(#ground)"/>
+  <path d="M0 356 C360 324 582 414 880 382 C1188 350 1460 292 2112 342 L2112 520 C1588 486 1248 536 912 566 C594 594 324 512 0 552 Z" fill="url(#river)" opacity="0.92"/>
+  <path d="M0 588 C376 548 622 652 930 610 C1242 568 1532 520 2112 584 L2112 760 C1568 726 1260 776 930 808 C602 840 332 744 0 790 Z" fill="url(#river)" opacity="0.85"/>
+
+  <g fill="#34472f" opacity="0.72">
+    <path d="M0 0 H686 C600 132 482 224 252 286 C140 316 62 338 0 366 Z"/>
+    <path d="M1500 0 H2112 V520 C1978 440 1858 362 1754 256 C1662 162 1574 86 1500 0 Z"/>
+    <path d="M1640 1022 C1816 944 1978 970 2112 1050 V1824 H1772 C1748 1608 1644 1448 1518 1326 C1430 1240 1462 1102 1640 1022 Z"/>
+  </g>
+
+  <g fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M124 1664 C346 1584 512 1508 708 1396 C928 1270 1100 1208 1300 1090 C1462 994 1660 868 1972 744" stroke="#c0a368" stroke-width="54" opacity="0.72"/>
+    <path d="M536 1714 C570 1442 594 1206 630 1012 C666 818 706 672 770 520" stroke="#b99660" stroke-width="42" opacity="0.62"/>
+    <path d="M972 1648 C1000 1390 1028 1164 1080 974 C1134 782 1202 630 1308 458" stroke="#b99660" stroke-width="42" opacity="0.62"/>
+    <path d="M1618 1450 C1644 1250 1674 1044 1728 872 C1788 686 1854 548 1968 394" stroke="#b99660" stroke-width="40" opacity="0.58"/>
+  </g>
+
+  <g filter="url(#softShadow)">
+    <g fill="#7f6a45" stroke="#30271d" stroke-width="10">
+      <rect x="326" y="1408" width="324" height="188" rx="8"/>
+      <rect x="756" y="1208" width="360" height="198" rx="8"/>
+      <rect x="1178" y="990" width="368" height="202" rx="8"/>
+      <rect x="1648" y="548" width="332" height="224" rx="8"/>
+    </g>
+    <g fill="#a64e3b" stroke="#2b1714" stroke-width="8">
+      <path d="M388 1396 L426 1324 L464 1396 Z"/>
+      <path d="M850 1192 L890 1116 L930 1192 Z"/>
+      <path d="M1304 972 L1346 890 L1388 972 Z"/>
+      <path d="M1766 532 L1810 448 L1854 532 Z"/>
+    </g>
+  </g>
+
+  <g fill="#2e5833" opacity="0.8">
+    <circle cx="144" cy="1254" r="42"/>
+    <circle cx="226" cy="1322" r="38"/>
+    <circle cx="310" cy="1244" r="48"/>
+    <circle cx="604" cy="1128" r="38"/>
+    <circle cx="690" cy="1064" r="44"/>
+    <circle cx="1480" cy="1286" r="48"/>
+    <circle cx="1582" cy="1212" r="44"/>
+    <circle cx="1868" cy="986" r="50"/>
+    <circle cx="1984" cy="1048" r="42"/>
+  </g>
+
+  <g fill="#d6c184" stroke="#42351f" stroke-width="6">
+    <rect x="226" y="1512" width="58" height="42"/>
+    <rect x="310" y="1494" width="58" height="42"/>
+    <rect x="786" y="1302" width="62" height="46"/>
+    <rect x="882" y="1278" width="62" height="46"/>
+    <rect x="1280" y="1086" width="66" height="48"/>
+    <rect x="1380" y="1058" width="66" height="48"/>
+    <rect x="1744" y="660" width="68" height="50"/>
+    <rect x="1854" y="638" width="68" height="50"/>
+  </g>
+
+  <g opacity="0.36">
+    <path d="M120 1746 C420 1628 766 1514 1116 1324 C1480 1128 1744 938 2044 760" fill="none" stroke="#1f2a1f" stroke-width="18"/>
+    <path d="M0 1774 H2112" stroke="#263528" stroke-width="18"/>
+  </g>
+</svg>