diff --git a/public/images/aoe4/flag/aoe4.Ayyubids.png b/public/images/aoe4/flag/aoe4.Ayyubids.png
new file mode 100644
index 0000000..47dbb6a
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.Ayyubids.png differ
diff --git a/public/images/aoe4/flag/aoe4.Ayyubids.svg b/public/images/aoe4/flag/aoe4.Ayyubids.svg
new file mode 100644
index 0000000..592b6f0
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.Ayyubids.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   sodipodi:docname="aoe4.Ayyubids.svg"
+   inkscape:export-filename="./aoe4.Ayyubids.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="91"
+     inkscape:cy="226.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#d4aa00;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <path
+       style="fill:#782121;fill-rule:evenodd;stroke:none;stroke-width:0.264584px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 117.20318,157.60933 c -11.28325,13.10755 -3.93916,31.89795 -3.72265,48.51387 6.76725,-9.40305 3.24666,-27.4361 16.74929,-34.00017 0.93456,4.01879 1.1269,7.98618 0.63499,11.90618 -3.63388,6.64922 -3.9248,14.72163 -6.59699,20.90812 -1.21512,2.81318 -6.29092,6.70363 -6.29092,6.70363 2.81779,-1.16857 5.62619,-2.45939 8.50652,-2.81347 0,0 -1.61028,-2.30545 -1.10403,-3.37561 1.27428,-2.69374 6.84379,-7.80495 9.00376,-12.27478 -0.8549,6.34749 -0.17252,10.69522 0,15.70621 -1.98694,2.80775 -4.73379,5.22073 -7.58137,7.58137 1.91868,-0.52861 3.89095,-1.58017 5.75149,-1.5411 -0.0766,1.25811 -0.0487,2.43935 0,3.60527 0.78984,-1.51584 1.57895,-3.0918 2.3748,-4.11327 0.4961,1.95842 1.56102,3.32153 2.65527,4.63327 1.09426,-1.31174 2.15918,-2.67485 2.65528,-4.63327 0.79585,1.02147 1.58496,2.59743 2.3748,4.11327 0.0487,-1.16592 0.0766,-2.34716 0,-3.60527 1.86053,-0.0391 3.8328,1.01249 5.75149,1.5411 -2.84759,-2.36064 -5.59444,-4.77362 -7.58137,-7.58137 0.17251,-5.01099 0.8549,-9.35872 0,-15.70621 2.15996,4.46983 7.72947,9.58104 9.00376,12.27478 0.50625,1.07016 -1.10403,3.37561 -1.10403,3.37561 2.88032,0.35408 5.68873,1.6449 8.50651,2.81347 0,0 -5.07579,-3.89045 -6.29092,-6.70363 -2.67219,-6.18649 -2.9631,-14.2589 -6.59699,-20.90812 -0.49191,-3.92 -0.29957,-7.88739 0.63499,-11.90618 13.50264,6.56407 9.98205,24.59712 16.74929,34.00017 0.21651,-16.61592 7.56061,-35.40632 -3.72264,-48.51387 -4.07748,2.35238 -8.90735,4.67272 -13.99007,4.20066 0.0112,-3.18906 -0.3446,-6.0692 -2.2,-9.11898 -0.14073,-2.95432 -3.04575,-2.94464 -6.10018,-2.77478 -0.42936,0.2388 -0.85545,0.4881 -1.1249,1.23735 -1.53686,-0.0588 -3.07435,-1.12449 -4.60963,1.38828 1.9048,0.46633 3.53443,1.19063 4.60465,2.43929 0.0655,2.38308 -1.6992,4.86679 -3.35014,6.82884 -5.08271,0.47206 -9.91258,-1.84828 -13.99006,-4.20066 z"
+       id="path9273"
+       sodipodi:nodetypes="ccccsccscccccccccccccsccscccccccccccc" />
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.Byzantines.png b/public/images/aoe4/flag/aoe4.Byzantines.png
new file mode 100644
index 0000000..8ed09b4
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.Byzantines.png differ
diff --git a/public/images/aoe4/flag/aoe4.Byzantines.svg b/public/images/aoe4/flag/aoe4.Byzantines.svg
new file mode 100644
index 0000000..ebc9527
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.Byzantines.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   sodipodi:docname="aoe4.Byzantines.svg"
+   inkscape:export-filename="./aoe4.Byzantines.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="117"
+     inkscape:cy="44.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#8d5fd3;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <g
+       id="g12751"
+       transform="translate(0.39095588,-4.1941795)">
+      <path
+         id="path9597"
+         style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.999999px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 156.375,81.814453 4.94336,6.943359 V 285.52148 l -4.94336,5.70118 h 7.09766 11.42968 7.10157 l -4.94532,-5.70118 V 130.29102 c 0,0 6.12409,-1.6e-4 6.15039,0 1.18243,0.008 26.25196,-0.0904 26.25196,-24.12305 0,-24.566854 -26.39649,-24.353517 -26.39649,-24.353517 h -8.33593 -11.08204 z m 26.84961,11.851563 c 4.42053,1.89e-4 8.5051,2.358914 10.71484,6.1875 2.20967,3.827674 2.20967,8.543414 0,12.371094 -2.2041,3.81566 -6.27129,6.17226 -10.67773,6.18359 v 0.0156 h -6.20899 V 93.679693 h 6.17188 v -0.01172 z"
+         transform="matrix(0.26458334,0,0,0.26458334,92.427826,139.29687)"
+         sodipodi:nodetypes="ccccccccccscccccccccccccc" />
+      <path
+         id="path13696"
+         style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 114.89637,205.43426 0.93657,-2.05141 45.08552,-26.03015 1.96052,0.37879 -0.93914,-1.62664 -1.51198,-2.61885 -0.93948,-1.62719 -0.65222,1.88725 -45.08552,26.03014 -2.24487,-0.21461 0.96241,1.66695 1.4661,2.53934 z"
+         sodipodi:nodetypes="ccccccccccccc" />
+      <path
+         id="path14239"
+         style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 111.50578,177.73149 2.24485,-0.21461 45.08554,26.03013 0.65221,1.88725 0.93915,-1.62663 1.512,-2.61884 0.93944,-1.62721 -1.96051,0.37879 -45.08553,-26.03014 -0.93657,-2.05142 -0.96242,1.66695 -1.46608,2.53935 z"
+         sodipodi:nodetypes="ccccccccccccc" />
+    </g>
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.Japanese.png b/public/images/aoe4/flag/aoe4.Japanese.png
new file mode 100644
index 0000000..3659542
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.Japanese.png differ
diff --git a/public/images/aoe4/flag/aoe4.Japanese.svg b/public/images/aoe4/flag/aoe4.Japanese.svg
new file mode 100644
index 0000000..0378e34
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.Japanese.svg
@@ -0,0 +1,282 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   sodipodi:docname="aoe4.Japanese.svg"
+   inkscape:export-filename="./aoe4.Ayyubids.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="7"
+     inkscape:cy="229.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#ececec;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <g
+       id="g17693">
+      <circle
+         style="fill:#d4aa00;fill-opacity:1;stroke:none;stroke-width:9.09847;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="circle17554"
+         cx="137.58334"
+         cy="184.45239"
+         r="32.413525" />
+      <g
+         id="g15942"
+         transform="matrix(0.71736301,0,0,0.71736301,-9.9261762,22.517599)">
+        <path
+           id="path11154"
+           style="fill:#d4aa00;stroke:#ececec;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+           d="m 251.07483,215.98262 c 0.72563,3.85401 -1.81041,7.56654 -5.66442,8.29217 -3.85401,0.72564 -34.8641,0.24938 -34.8641,0.24938 0,0 28.38235,-13.48036 32.23636,-14.20598 3.85401,-0.72563 7.56653,1.81043 8.29216,5.66443 z"
+           sodipodi:nodetypes="sscss"
+           inkscape:transform-center-x="-25.245088"
+           inkscape:transform-center-y="-8.3002234"
+           inkscape:tile-cx="113.1996"
+           inkscape:tile-cy="86.439306"
+           inkscape:tile-w="43.296722"
+           inkscape:tile-h="17.128063"
+           inkscape:tile-x0="116.796"
+           inkscape:tile-y0="69.575598" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           id="use15875"
+           inkscape:transform-center-x="-108.49396"
+           inkscape:transform-center-y="55.26868"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(22.5,205.62743,225.73618)"
+           id="use15877"
+           inkscape:transform-center-x="-108.68945"
+           inkscape:transform-center-y="70.455888"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(45,205.62743,225.73618)"
+           id="use15879"
+           inkscape:transform-center-x="-105.55203"
+           inkscape:transform-center-y="79.047282"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(67.5,205.62743,225.73618)"
+           id="use15881"
+           inkscape:transform-center-x="-99.56017"
+           inkscape:transform-center-y="85.315632"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(90,205.62743,225.73618)"
+           id="use15883"
+           inkscape:transform-center-x="-91.5491"
+           inkscape:transform-center-y="88.813993"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(112.5,205.62743,225.73618)"
+           id="use15885"
+           inkscape:transform-center-x="-76.361892"
+           inkscape:transform-center-y="89.009486"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(135,205.62743,225.73618)"
+           id="use15887"
+           inkscape:transform-center-x="-67.770498"
+           inkscape:transform-center-y="85.872061"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(157.5,205.62743,225.73618)"
+           id="use15889"
+           inkscape:transform-center-x="-61.502148"
+           inkscape:transform-center-y="79.880205"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(180,205.62743,225.73618)"
+           id="use15891"
+           inkscape:transform-center-x="-58.003787"
+           inkscape:transform-center-y="71.869135"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-157.5,205.62743,225.73618)"
+           id="use15893"
+           inkscape:transform-center-x="-57.808294"
+           inkscape:transform-center-y="56.681927"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-135,205.62743,225.73618)"
+           id="use15895"
+           inkscape:transform-center-x="-60.945719"
+           inkscape:transform-center-y="48.090533"
+           width="100%"
+           height="100%"
+           style="stroke-width:0.999892;stroke-miterlimit:4;stroke-dasharray:none" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-112.5,205.62743,225.73618)"
+           id="use15897"
+           inkscape:transform-center-x="-66.937575"
+           inkscape:transform-center-y="41.822183"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-90,205.62743,225.73618)"
+           id="use15899"
+           inkscape:transform-center-x="-74.948645"
+           inkscape:transform-center-y="38.323822"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-67.5,205.62743,225.73618)"
+           id="use15901"
+           inkscape:transform-center-x="-90.135853"
+           inkscape:transform-center-y="38.128329"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-45,205.62743,225.73618)"
+           id="use15903"
+           inkscape:transform-center-x="-98.727247"
+           inkscape:transform-center-y="41.265754"
+           width="100%"
+           height="100%" />
+        <use
+           x="0"
+           y="0"
+           inkscape:tiled-clone-of="#path11154"
+           xlink:href="#path11154"
+           transform="rotate(-22.5,205.62743,225.73618)"
+           id="use15905"
+           inkscape:transform-center-x="-104.9956"
+           inkscape:transform-center-y="47.25761"
+           width="100%"
+           height="100%" />
+      </g>
+      <circle
+         style="fill:#d4aa00;fill-opacity:1;stroke:#ececec;stroke-width:1.85208;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+         id="path15966"
+         cx="137.58334"
+         cy="184.45239"
+         r="4.1009636" />
+    </g>
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.JeanneDArc.png b/public/images/aoe4/flag/aoe4.JeanneDArc.png
new file mode 100644
index 0000000..b8cc0e2
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.JeanneDArc.png differ
diff --git a/public/images/aoe4/flag/aoe4.JeanneDArc.svg b/public/images/aoe4/flag/aoe4.JeanneDArc.svg
new file mode 100644
index 0000000..377f323
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.JeanneDArc.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="aoe4.JeanneDArc.svg"
+   inkscape:export-filename="./aoe4.JeanneDArc.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="51.428571"
+     inkscape:cy="35.714286"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#d4aa00;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <rect
+       style="fill:#ececec;stroke-width:4.80218;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect971"
+       width="83.094261"
+       height="83.094261"
+       x="96.036201"
+       y="142.90526" />
+    <path
+       style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.454847px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 134.78983,208.39238 c -1.07904,0.5505 -2.53928,1.67477 -4.61838,0.22348 2.01346,-1.39272 5.88331,-4.65288 5.88331,-8.01052 0,-0.95351 0.0406,-2.46668 0.0406,-3.98585 -1.21665,0.0442 -3.80896,0.26211 -4.89654,0.25309 -1.65442,-11.89754 -3.25502,-17.28577 -9.23951,-9.99864 -5.62111,-12.54128 15.40971,-19.12477 11.30787,6.8712 l 2.42862,0.0264 c 0.12371,-9.93224 1.17344,-17.7702 -5.97901,-29.3519 1.35841,-4.37256 2.51069,-6.0062 7.8665,-11.24934 5.35583,5.24314 6.50811,6.87678 7.86652,11.24934 -7.15245,11.5817 -6.10272,19.41966 -5.97901,29.3519 l 2.42862,-0.0264 c -4.10184,-25.99597 16.92899,-19.41248 11.30788,-6.8712 -5.98449,-7.28713 -7.5851,-1.8989 -9.23952,9.99864 -1.08758,0.009 -3.67989,-0.20887 -4.89653,-0.25309 0,1.51917 0.0406,3.03234 0.0406,3.98585 0,3.35764 3.86985,6.6178 5.88331,8.01052 -2.0791,1.45129 -3.53934,0.32702 -4.61838,-0.22348 -0.635,3.20992 -1.56253,4.57641 -2.7935,7.13566 -1.23097,-2.55925 -2.1585,-3.92574 -2.7935,-7.13566 z"
+       id="path6012"
+       sodipodi:nodetypes="ccscccccccccccccscccc" />
+    <path
+       style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.161279px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 104.84281,165.95369 c -0.3826,0.19519 -0.90037,0.59383 -1.63757,0.0792 0.71392,-0.49383 2.08609,-1.64981 2.08609,-2.84036 0,-0.3381 0.0144,-0.87464 0.0144,-1.4133 -0.43139,0.0157 -1.35057,0.0929 -1.7362,0.0897 -0.58662,-4.21862 -1.15417,-6.12917 -3.27614,-3.54531 -1.993125,-4.44687 5.46396,-6.78124 4.00953,2.43639 l 0.86114,0.009 c 0.0439,-3.52177 0.41608,-6.30094 -2.12003,-10.40757 0.48166,-1.55041 0.89024,-2.12967 2.7893,-3.98878 1.89906,1.85911 2.30763,2.43837 2.7893,3.98878 -2.53611,4.10663 -2.1639,6.8858 -2.12004,10.40757 l 0.86114,-0.009 c -1.45442,-9.21763 6.00266,-6.88326 4.00954,-2.43639 -2.12198,-2.58386 -2.68952,-0.67331 -3.27614,3.54531 -0.38563,0.003 -1.30481,-0.0741 -1.73621,-0.0897 0,0.53866 0.0144,1.0752 0.0144,1.4133 0,1.19055 1.37217,2.34653 2.0861,2.84036 -0.7372,0.51459 -1.25497,0.11595 -1.63758,-0.0792 -0.22516,1.13817 -0.55404,1.6227 -0.99052,2.53015 -0.43647,-0.90745 -0.76535,-1.39198 -0.99051,-2.53015 z"
+       id="path6788"
+       sodipodi:nodetypes="ccscccccccccccccscccc" />
+    <path
+       style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.161279px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 104.84281,219.92876 c -0.3826,0.19519 -0.90037,0.59383 -1.63757,0.0792 0.71392,-0.49383 2.08609,-1.64981 2.08609,-2.84036 0,-0.3381 0.0144,-0.87464 0.0144,-1.4133 -0.43139,0.0157 -1.35057,0.0929 -1.7362,0.0897 -0.58662,-4.21862 -1.15417,-6.12917 -3.27614,-3.54531 -1.993125,-4.44687 5.46396,-6.78124 4.00953,2.43639 l 0.86114,0.009 c 0.0439,-3.52177 0.41608,-6.30094 -2.12003,-10.40757 0.48166,-1.55041 0.89024,-2.12967 2.7893,-3.98878 1.89906,1.85911 2.30763,2.43837 2.7893,3.98878 -2.53611,4.10663 -2.1639,6.8858 -2.12004,10.40757 l 0.86114,-0.009 c -1.45442,-9.21763 6.00266,-6.88326 4.00954,-2.43639 -2.12198,-2.58386 -2.68952,-0.67331 -3.27614,3.54531 -0.38563,0.003 -1.30481,-0.0741 -1.73621,-0.0897 0,0.53866 0.0144,1.0752 0.0144,1.4133 0,1.19055 1.37217,2.34653 2.0861,2.84036 -0.7372,0.51459 -1.25497,0.11595 -1.63758,-0.0792 -0.22516,1.13817 -0.55404,1.6227 -0.99052,2.53015 -0.43647,-0.90745 -0.76535,-1.39198 -0.99051,-2.53015 z"
+       id="path6790"
+       sodipodi:nodetypes="ccscccccccccccccscccc" />
+    <path
+       style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.161279px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 168.34283,165.95369 c -0.38261,0.19519 -0.90038,0.59383 -1.63758,0.0792 0.71393,-0.49383 2.0861,-1.64981 2.0861,-2.84036 0,-0.3381 0.0144,-0.87464 0.0144,-1.4133 -0.4314,0.0157 -1.35058,0.0929 -1.73621,0.0897 -0.58662,-4.21862 -1.15416,-6.12917 -3.27614,-3.54531 -1.99312,-4.44687 5.46396,-6.78124 4.00954,2.43639 l 0.86114,0.009 c 0.0439,-3.52177 0.41607,-6.30094 -2.12004,-10.40757 0.48167,-1.55041 0.89024,-2.12967 2.7893,-3.98878 1.89906,1.85911 2.30764,2.43837 2.7893,3.98878 -2.53611,4.10663 -2.16389,6.8858 -2.12003,10.40757 l 0.86114,-0.009 c -1.45443,-9.21763 6.00266,-6.88326 4.00953,-2.43639 -2.12197,-2.58386 -2.68951,-0.67331 -3.27613,3.54531 -0.38564,0.003 -1.30482,-0.0741 -1.73621,-0.0897 0,0.53866 0.0144,1.0752 0.0144,1.4133 0,1.19055 1.37217,2.34653 2.0861,2.84036 -0.73721,0.51459 -1.25498,0.11595 -1.63758,-0.0792 -0.22516,1.13817 -0.55405,1.6227 -0.99052,2.53015 -0.43648,-0.90745 -0.76536,-1.39198 -0.99052,-2.53015 z"
+       id="path6792"
+       sodipodi:nodetypes="ccscccccccccccccscccc" />
+    <path
+       style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.161279px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 168.34283,219.92876 c -0.38261,0.19519 -0.90038,0.59383 -1.63758,0.0792 0.71393,-0.49383 2.0861,-1.64981 2.0861,-2.84036 0,-0.3381 0.0144,-0.87464 0.0144,-1.4133 -0.4314,0.0157 -1.35058,0.0929 -1.73621,0.0897 -0.58662,-4.21862 -1.15416,-6.12917 -3.27614,-3.54531 -1.99312,-4.44687 5.46396,-6.78124 4.00954,2.43639 l 0.86114,0.009 c 0.0439,-3.52177 0.41607,-6.30094 -2.12004,-10.40757 0.48167,-1.55041 0.89024,-2.12967 2.7893,-3.98878 1.89906,1.85911 2.30764,2.43837 2.7893,3.98878 -2.53611,4.10663 -2.16389,6.8858 -2.12003,10.40757 l 0.86114,-0.009 c -1.45443,-9.21763 6.00266,-6.88326 4.00953,-2.43639 -2.12197,-2.58386 -2.68951,-0.67331 -3.27613,3.54531 -0.38564,0.003 -1.30482,-0.0741 -1.73621,-0.0897 0,0.53866 0.0144,1.0752 0.0144,1.4133 0,1.19055 1.37217,2.34653 2.0861,2.84036 -0.73721,0.51459 -1.25498,0.11595 -1.63758,-0.0792 -0.22516,1.13817 -0.55405,1.6227 -0.99052,2.53015 -0.43648,-0.90745 -0.76536,-1.39198 -0.99052,-2.53015 z"
+       id="path6794"
+       sodipodi:nodetypes="ccscccccccccccccscccc" />
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.Malians.svg b/public/images/aoe4/flag/aoe4.Malians.svg
new file mode 100644
index 0000000..8f4bc4a
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.Malians.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="67.733337mm"
+   height="67.733337mm"
+   viewBox="0 0 67.733337 67.733337"
+   version="1.1"
+   id="svg841"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="aoe4.Malians.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs835" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="80"
+     inkscape:cy="135.71429"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata838">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-84.817857,-112.7881)">
+    <g
+       id="g21760"
+       transform="matrix(0.40447959,0,0,0.40447959,77.091783,-23.046737)"
+       inkscape:export-filename="./malians.png"
+       inkscape:export-xdpi="96.000008"
+       inkscape:export-ydpi="96.000008">
+      <rect
+         style="fill:#b12250;fill-opacity:0.996078;stroke:none;stroke-width:1.85208;stroke-linecap:square;stroke-linejoin:miter;paint-order:markers stroke fill"
+         id="rect15321"
+         width="167.45798"
+         height="167.45798"
+         x="19.101271"
+         y="335.82617" />
+      <rect
+         style="fill:#f1da3b;fill-opacity:0.996078;stroke:none;stroke-width:1.29068;stroke-linecap:square;stroke-linejoin:miter;paint-order:markers stroke fill"
+         id="rect18289"
+         width="116.69867"
+         height="116.69867"
+         x="44.480923"
+         y="361.20581" />
+      <g
+         id="g21715"
+         transform="translate(313.06609,40.7435)">
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#1a1a1a;stroke-width:9.63087;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -230.81308,424.70053 v -19.12034 h 41.1545 v 19.15702"
+           id="path21173" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#1a1a1a;stroke-width:9.63083;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m -230.81307,347.54476 v 19.12034 h 41.15449 v -19.15702"
+           id="path21468" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#1a1a1a;stroke-width:9.63083;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="M -210.23583,406.1085 V 345.93127"
+           id="path21503" />
+        <circle
+           style="fill:#1a1a1a;fill-opacity:0.996078;stroke:none;stroke-width:8.95666;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;paint-order:markers stroke fill"
+           id="path21607"
+           cx="-210.23582"
+           cy="344.3392"
+           r="11.453093" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.OrderOfTheDragon.png b/public/images/aoe4/flag/aoe4.OrderOfTheDragon.png
new file mode 100644
index 0000000..a6273bc
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.OrderOfTheDragon.png differ
diff --git a/public/images/aoe4/flag/aoe4.OrderOfTheDragon.svg b/public/images/aoe4/flag/aoe4.OrderOfTheDragon.svg
new file mode 100644
index 0000000..1d77cd4
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.OrderOfTheDragon.svg
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="aoe4.OrderOfTheDragon.svg"
+   inkscape:export-filename="./aoe4.OrderOfTheDragons.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="73"
+     inkscape:cy="249.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#ffdd55;fill-opacity:1;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <g
+       id="g71337">
+      <g
+         id="g51280"
+         transform="matrix(0.21388076,0,0,0.21388076,102.14313,136.85867)">
+        <g
+           id="g45315"
+           transform="matrix(1.4758825,0,0,1.4758825,-65.473502,-92.250647)">
+          <g
+             id="g67711"
+             transform="translate(-10.411485,10.13102)">
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:#ffdd55;stroke-width:0.838183;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               d="m 216.90918,246.88764 22.34488,-15.30927 -1.88748,-5.01396 -22.99708,13.96663 z"
+               id="path46071" />
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 236.73975,225.08807 -18.50861,-61.80753 -18.68116,31.57594 16.48254,41.95285 z"
+               id="path46106"
+               sodipodi:nodetypes="ccccc" />
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:#ffdd55;stroke-width:3.35273;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               d="m 217.67305,160.02625 -19.22173,33.2187 -5.76883,-17.88161 -16.64052,10.98591 1.46812,-13.70631 -22.88438,5.95204 1.07521,-11.64563 -18.04898,11.90421 -1.56005,-10.30847 -13.10958,27.36485 -6.63818,-12.17818 -10.35289,28.29382 -19.059197,-23.64455 -22.606167,-8.1991 42.330644,-27.90444 -6.33972,-9.09224 23.10107,-3.98102 -0.0152,-8.66177 23.69996,7.24971 -0.63527,-8.85975 25.35123,7.68162 3.26815,-11.27542 19.11425,10.78434 7.40858,-8.36629 10.5248,17.88423 -7.39279,6.87929 z"
+               id="path46331" />
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 213.78954,234.1687 1.72211,4.11907 -14.58515,8.41947 0.27858,-5.34237 z"
+               id="path46366" />
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 199.40943,200.26153 -15.51601,2.03303 19.73964,20.02444 -3.10593,2.40415 -4.59301,-4.96402 0.96686,6.8299 -5.64438,-0.64046 0.10141,-5.43284 -3.60531,5.51945 -4.04369,-2.27995 2.53237,-8.75168 -21.7027,-16.57565 10.325,-4.57293 -30.73642,-8.95847 -14.0688,20.40978 17.64369,-3.17629 13.76204,-0.8993 1.55945,1.86524 -1.71519,2.64474 -4.79284,-0.13361 7.04482,3.94577 -2.01747,3.42054 -4.91737,-2.8276 4.71494,6.13049 -3.41002,2.41127 -5.24929,-4.94373 -8.0382,-2.12914 -26.31362,7.89067 -1.29638,-19.46233 -8.38728,25.32255 11.49645,26.78226 34.5765,15.33843 38.60931,-12.09656 23.75919,-7.50722 25.0481,-15.20316 4.9123,6.61981 -25.52861,20.3436 -67.11533,21.27635 -45.47041,-17.96233 -23.341344,-34.65512 2.024266,-21.08432 -1.101188,-17.09621 19.721516,24.10751 10.24383,-28.22737 6.48349,11.5939 12.54675,-25.13041 1.21883,8.54313 17.66437,-12.00107 -0.78016,10.93395 22.455,-5.77852 -1.26499,14.4528 17.12242,-10.86823 5.82346,18.27302 z"
+               id="path46401"
+               sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+            <path
+               style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 242.3155,246.00879 5.81759,-6.46234 c 3.71279,-3.34147 4.36103,-6.77468 4.59322,-10.22034 2.68175,3.6917 1.95705,9.10582 0.23635,15.02355 5.45332,0.95029 9.2106,3.50716 9.98732,8.88741 1.76433,-0.11552 3.01783,0.33246 3.74582,1.36015 1.39647,-0.30566 2.6126,0.0389 3.7761,0.57331 2.25511,-1.04236 4.52835,-2.13672 6.36536,-1.97988 1.67044,0.8817 3.20138,2.30862 3.34437,9.15997 -3.41126,2.80277 -7.70545,4.77546 -12.72024,6.07071 -4.82913,-0.23885 -8.76694,-1.56877 -12.57171,-3.06155 -2.3436,0.0609 -2.68453,0.88341 -3.27647,1.61047 -0.62833,0.88731 -1.27,1.7713 -0.41123,3.02811 5.60572,3.43047 12.17764,3.93606 18.32457,5.72819 0.61468,0.52974 0.96645,1.12931 0.68758,1.89642 -0.73206,2.01271 -2.49033,2.94137 -4.00687,4.12538 l -6.30761,1.71016 c 1.18168,-1.24868 2.60029,-2.36399 3.0772,-4.00942 -2.54402,-0.1602 -4.64121,-0.62943 -5.52981,-1.93452 -5.69067,-2.05903 -11.4896,-4.04871 -18.26724,-5.41143 -4.36502,0.75114 -6.10135,2.90942 -8.39434,4.76972 -0.91317,-2.58265 0.17124,-5.59263 0.86515,-8.51907 l -4.21438,-3.72157 c -4.12566,-0.0867 -8.22316,0.12313 -12.25983,0.97333 2.41752,-2.30365 5.33722,-4.32028 9.28136,-5.75141 z"
+               id="path48658"
+               sodipodi:nodetypes="cccccccccccccccccccccccccc" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 159.1436,219.66932 1.96737,-2.02413 -0.87852,6.68815 z"
+               id="path50251" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 164.42993,211.25509 -1.1818,2.59906 2.57876,2.9913 z"
+               id="path50319" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 162.83602,206.16675 c 0.0577,-0.0619 0.69415,-1.8468 0.69415,-1.8468 l 2.10164,4.54437 z"
+               id="path50420" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 201.24242,225.69254 c 0.28881,-0.17747 2.16317,-1.40524 2.16317,-1.40524 l -1.08427,5.83954 z"
+               id="path50488" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 192.16242,227.7919 2.78641,0.704 -4.43673,3.09198 z"
+               id="path50490"
+               sodipodi:nodetypes="cccc" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 180.94618,228.86095 2.53031,-3.24245 2.32592,1.60474 z"
+               id="path50492" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 268.43589,269.24727 3.32111,-0.75495 -2.90254,4.27523 z"
+               id="path50882" />
+            <path
+               style="fill:#f9f9f9;fill-rule:evenodd;stroke:none;stroke-width:0.179271px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+               d="m 275.14352,266.80069 4.57703,-2.79526 -3.18771,7.59798 z"
+               id="path50950" />
+          </g>
+        </g>
+      </g>
+      <path
+         style="fill:#ffdd55;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 164.68523,200.37038 c 0,0 1.22524,-0.63143 1.6649,-0.27651 0.43966,0.35491 0.23168,0.31452 0.23168,0.31452 -0.84653,0.57917 -1.32751,0.14896 -1.89658,-0.038 z"
+         id="path67746"
+         sodipodi:nodetypes="cscc" />
+    </g>
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.Ottomans.svg b/public/images/aoe4/flag/aoe4.Ottomans.svg
new file mode 100644
index 0000000..2a6cfce
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.Ottomans.svg
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="67.733337mm"
+   height="67.733337mm"
+   viewBox="0 0 67.733337 67.733337"
+   version="1.1"
+   id="svg906"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="aoe4.Ottomans.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs900" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="102.85714"
+     inkscape:cy="255.71429"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata903">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-78.770238,-81.038095)">
+    <g
+       id="g21766"
+       transform="matrix(0.4537923,0,0,0.4537923,59.825902,74.613274)"
+       inkscape:export-filename="./ottomans.png"
+       inkscape:export-xdpi="96.000008"
+       inkscape:export-ydpi="96.000008">
+      <rect
+         style="fill:#48945b;fill-opacity:0.996078;stroke:none;stroke-width:2.69216;stroke-linecap:square;stroke-linejoin:round;paint-order:markers stroke fill"
+         id="rect871"
+         width="149.26065"
+         height="149.26065"
+         x="41.746712"
+         y="14.158065" />
+      <g
+         id="g15205"
+         transform="translate(5.2283217,-182.12788)">
+        <path
+           sodipodi:type="star"
+           style="fill:#ffffff;fill-opacity:0.996078;stroke:#ffffff;stroke-width:7;stroke-linecap:square;stroke-linejoin:miter;paint-order:markers stroke fill"
+           id="path12316"
+           inkscape:flatsided="false"
+           sodipodi:sides="8"
+           sodipodi:cx="348.26755"
+           sodipodi:cy="254.41348"
+           sodipodi:r1="112.58805"
+           sodipodi:r2="56.294025"
+           sodipodi:arg1="1.5707963"
+           sodipodi:arg2="1.9634954"
+           inkscape:rounded="0"
+           inkscape:randomized="0"
+           transform="matrix(0.16892065,0,0,-0.16892065,76.224086,316.68179)"
+           inkscape:transform-center-x="3.7634225e-06"
+           inkscape:transform-center-y="-1.8161036"
+           d="m 348.26755,367.00153 -21.54279,-60.57915 -58.06898,27.60288 27.60287,-58.06899 -60.57915,-21.54278 60.57915,-21.5428 -27.60288,-58.06898 58.06899,27.60287 21.54278,-60.57915 21.5428,60.57915 58.06898,-27.60287 -27.60287,58.06898 60.57915,21.54279 -60.57915,21.54279 27.60287,58.06898 -58.06898,-27.60287 z" />
+        <path
+           id="path12478"
+           style="fill:#ffffff;fill-opacity:0.996078;stroke-width:1.70224;stroke-linecap:square;paint-order:markers stroke fill"
+           d="m 117.39838,219.97918 a 50.937233,50.937233 0 0 0 -50.937597,50.93709 50.937233,50.937233 0 0 0 50.937597,50.9371 50.937233,50.937233 0 0 0 17.65221,-3.15989 47.844361,47.844361 0 0 1 -46.042713,-47.77721 47.844361,47.844361 0 0 1 46.043183,-47.77673 50.937233,50.937233 0 0 0 -17.65268,-3.16036 z" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/public/images/aoe4/flag/aoe4.ZhuXiLegacy.png b/public/images/aoe4/flag/aoe4.ZhuXiLegacy.png
new file mode 100644
index 0000000..caf50c5
Binary files /dev/null and b/public/images/aoe4/flag/aoe4.ZhuXiLegacy.png differ
diff --git a/public/images/aoe4/flag/aoe4.ZhuXiLegacy.svg b/public/images/aoe4/flag/aoe4.ZhuXiLegacy.svg
new file mode 100644
index 0000000..3dced61
--- /dev/null
+++ b/public/images/aoe4/flag/aoe4.ZhuXiLegacy.svg
@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="90.31102mm"
+   height="90.31102mm"
+   viewBox="0 0 90.31102 90.31102"
+   version="1.1"
+   id="svg8714"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="aoe4.ZhuXiLegacy.svg"
+   inkscape:export-filename="./aoe4.JeanneDArc.png"
+   inkscape:export-xdpi="72"
+   inkscape:export-ydpi="72"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs8708" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="195"
+     inkscape:cy="204.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1002"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <metadata
+     id="metadata8711">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-92.427826,-139.29687)">
+    <rect
+       style="fill:#208b8c;fill-opacity:1;stroke-width:5.21926;stroke-linecap:round;stroke-linejoin:round;paint-order:markers stroke fill"
+       id="rect859"
+       width="90.31102"
+       height="90.31102"
+       x="92.427826"
+       y="139.29688" />
+    <g
+       id="g45315"
+       transform="matrix(1.4758825,0,0,1.4758825,-65.473502,-94.513649)">
+      <g
+         id="g21193"
+         transform="matrix(1.3262357,0,0,1.3262357,-47.793746,-60.219227)">
+        <g
+           id="g21171">
+          <path
+             style="fill:#e6e6e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 140.99214,189.95727 2.09445,4.13701 1.24604,1.56268 1.47006,0.0356 -0.008,-1.45031 -1.22568,-1.28133 -2.98457,-3.48429 z"
+             id="path8204" />
+          <path
+             style="fill:#e6e6e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 142.87673,195.61551 0.92908,1.77271 -0.1845,1.97839 -1.61135,-0.88926 -0.70159,-1.40192 -1.20731,-6.68823 0.50863,-0.15994 z"
+             id="path8206"
+             sodipodi:nodetypes="cccccccc" />
+          <path
+             style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 142.87673,195.61551 0.92908,1.77271 -0.1845,1.97839 -1.61135,-0.88926 -0.70159,-1.40192 z"
+             id="path8459"
+             sodipodi:nodetypes="cccccc" />
+          <path
+             style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 143.08659,194.09428 1.24604,1.56268 1.47006,0.0356 -0.008,-1.45031 -1.22568,-1.28133 z"
+             id="path8936"
+             sodipodi:nodetypes="cccccc" />
+        </g>
+        <g
+           id="g21181"
+           transform="matrix(-1,0,0,1,279.55374,0)">
+          <path
+             style="fill:#e6e6e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 140.99214,189.95727 2.09445,4.13701 1.24604,1.56268 1.47006,0.0356 -0.008,-1.45031 -1.22568,-1.28133 -2.98457,-3.48429 z"
+             id="path21173" />
+          <path
+             style="fill:#e6e6e6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 142.87673,195.61551 0.92908,1.77271 -0.1845,1.97839 -1.61135,-0.88926 -0.70159,-1.40192 -1.20731,-6.68823 0.50863,-0.15994 z"
+             id="path21175"
+             sodipodi:nodetypes="cccccccc" />
+          <path
+             style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 142.87673,195.61551 0.92908,1.77271 -0.1845,1.97839 -1.61135,-0.88926 -0.70159,-1.40192 z"
+             id="path21177"
+             sodipodi:nodetypes="cccccc" />
+          <path
+             style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 143.08659,194.09428 1.24604,1.56268 1.47006,0.0356 -0.008,-1.45031 -1.22568,-1.28133 z"
+             id="path21179"
+             sodipodi:nodetypes="cccccc" />
+        </g>
+      </g>
+      <path
+         style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.350899px;stroke-linecap:butt;stroke-linejoin:bevel;stroke-opacity:1"
+         d="m 141.58983,187.50051 2.11969,1.8608 c -1.50645,1.96841 -3.75183,2.69827 -6.12618,3.20192 -2.37436,-0.50365 -4.61974,-1.23351 -6.12619,-3.20192 l 2.11969,-1.8608 z"
+         id="path15805"
+         sodipodi:nodetypes="cccccc" />
+      <g
+         id="g21230"
+         transform="matrix(1.3262357,0,0,1.3262357,-47.882318,-60.219227)">
+        <g
+           id="g10573">
+          <path
+             style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:bevel;stroke-opacity:1"
+             d="m 151.39863,173.90754 4.92187,-4.09801 c -1.59312,7.98007 -4.20491,12.91087 -8.53172,12.70791 h -8.11983 l 2.99955,-2.99956 6.20111,-1.66158 z"
+             id="path9415"
+             sodipodi:nodetypes="ccccccc" />
+        </g>
+        <path
+           style="fill:#d4aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:bevel;stroke-opacity:1"
+           d="m 141.80918,173.32173 -0.66573,-1.46909 c 0.96806,-0.15841 1.86994,-0.2139 2.28286,0.49107 -0.60414,0.0134 -1.17345,0.1941 -1.61713,0.97802 z"
+           id="path10242"
+           sodipodi:nodetypes="cccc" />
+        <g
+           id="g10579"
+           transform="matrix(-1,0,0,1,279.68731,0)">
+          <path
+             style="fill:#d4aa00;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:bevel;stroke-opacity:1"
+             d="m 151.39863,173.90754 4.92187,-4.09801 c -1.59312,7.98007 -4.20491,12.91087 -8.53172,12.70791 h -8.11983 l 2.99955,-2.99956 6.20111,-1.66158 z"
+             id="path10575"
+             sodipodi:nodetypes="ccccccc" />
+          <path
+             style="fill:#e6e6e6;fill-rule:evenodd;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:bevel;stroke-opacity:1"
+             d="m 147.03429,174.66924 4.99734,-1.25706 c -0.36652,3.84722 -1.32679,7.05582 -4.66291,7.70901 l -5.63417,0.1349 -1.19991,1.29533 -0.0269,2.48531 2.3614,1.74736 c -0.58775,1.20154 -1.5336,2.12282 -3.02548,2.61565 -1.49189,-0.49283 -2.43774,-1.41411 -3.02549,-2.61565 l 2.3614,-1.74736 -0.0269,-2.48531 -1.19991,-1.29533 -5.63417,-0.1349 c -3.33612,-0.65319 -4.29639,-3.86179 -4.66291,-7.70901 l 4.99734,1.25706 c 1.12931,1.77791 2.05595,3.79148 4.88933,3.58794 l 1.55507,-3.94684 -1.08887,-0.83307 c -0.1855,-0.7237 -0.17084,-1.37941 0.5278,-1.80279 0.51188,-0.17229 0.94201,-0.11037 1.36719,-0.0343 1.46407,0.54362 2.4574,0.75807 2.912,1.80587 0.23125,0.533 0.29629,1.6779 -0.34113,1.70932 0.37048,-1.91724 -1.24573,-1.81587 -2.11548,-2.47296 l 0.75399,1.40115 c -0.0499,1.71351 0.55316,3.26489 1.03204,4.17362 2.83338,0.20354 3.76002,-1.81003 4.88933,-3.58794 z"
+             id="path10577"
+             sodipodi:nodetypes="ccccccccccccccccccccaccccc" />
+        </g>
+      </g>
+      <g
+         id="g45029"
+         transform="translate(-1.6296598,-14.863242)">
+        <g
+           id="g45007"
+           transform="translate(-2.6458335)">
+          <path
+             id="path39420"
+             style="fill:#f2f2f2;stroke:#208b8c;stroke-width:0.79375;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             d="m 158.21947,224.26669 c -0.14493,-1.35802 0.83848,-2.57639 2.1965,-2.72132 1.35802,-0.14493 7.98313,1.63495 7.98313,1.63495 0,0 -6.10028,3.13795 -7.45829,3.28287 -1.35802,0.14493 -2.57641,-0.83848 -2.72134,-2.1965 z"
+             sodipodi:nodetypes="sscss" />
+          <circle
+             style="fill:#f2f2f2;fill-opacity:1;stroke:#208b8c;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             id="path39336"
+             cx="156.96216"
+             cy="225.01956"
+             r="2.4914212" />
+          <circle
+             style="fill:#f2f2f2;fill-opacity:1;stroke:#208b8c;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             id="circle39418"
+             cx="153.84212"
+             cy="222.01637"
+             r="2.4914212" />
+          <path
+             id="path35976"
+             style="fill:#f2f2f2;stroke:#208b8c;stroke-width:0.79375;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             d="m 152.98041,223.13726 c 0.52351,1.26141 -0.0747,2.70837 -1.33608,3.23189 -1.26141,0.52351 -8.11936,0.69234 -8.11936,0.69234 0,0 4.96213,-4.7368 6.22354,-5.26031 1.26142,-0.52352 2.70839,0.0747 3.2319,1.33608 z"
+             sodipodi:nodetypes="sscss" />
+        </g>
+        <g
+           id="g45017"
+           transform="matrix(-1,0,0,1,280.85656,0)">
+          <path
+             id="path45009"
+             style="fill:#f2f2f2;stroke:#208b8c;stroke-width:0.79375;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             d="m 158.21947,224.26669 c -0.14493,-1.35802 0.83848,-2.57639 2.1965,-2.72132 1.35802,-0.14493 7.98313,1.63495 7.98313,1.63495 0,0 -6.10028,3.13795 -7.45829,3.28287 -1.35802,0.14493 -2.57641,-0.83848 -2.72134,-2.1965 z"
+             sodipodi:nodetypes="sscss" />
+          <circle
+             style="fill:#f2f2f2;fill-opacity:1;stroke:#208b8c;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             id="circle45011"
+             cx="156.96216"
+             cy="225.01956"
+             r="2.4914212" />
+          <circle
+             style="fill:#f2f2f2;fill-opacity:1;stroke:#208b8c;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             id="circle45013"
+             cx="153.84212"
+             cy="222.01637"
+             r="2.4914212" />
+          <path
+             id="path45015"
+             style="fill:#f2f2f2;stroke:#208b8c;stroke-width:0.79375;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
+             d="m 152.98041,223.13726 c 0.52351,1.26141 -0.0747,2.70837 -1.33608,3.23189 -1.26141,0.52351 -8.11936,0.69234 -8.11936,0.69234 0,0 4.96213,-4.7368 6.22354,-5.26031 1.26142,-0.52352 2.70839,0.0747 3.2319,1.33608 z"
+             sodipodi:nodetypes="sscss" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/src/languages/de_DE.json b/src/languages/de_DE.json
index a78a874..245a109 100644
--- a/src/languages/de_DE.json
+++ b/src/languages/de_DE.json
@@ -104,7 +104,13 @@
       "AbbasidDynasty": "Abbasiden-Dynastie",
       "French": "Franzosen",
       "Ottomans": "Osmanen",
-      "Malians": "Malier"
+      "Malians": "Malier",
+      "Byzantines": "Byzantiner",
+      "Japanese": "Japaner",
+      "Ayyubids": "Ayyubiden",
+      "ZhuXiLegacy": "Vermächtnis von Zhu Xi",
+      "JeanneDArc": "Johanna von Orléans",
+      "OrderOfTheDragon": "Orden des Drachen"
     }
   },
   "messages": {
diff --git a/src/languages/en_GB.json b/src/languages/en_GB.json
index 04464b2..db38dff 100644
--- a/src/languages/en_GB.json
+++ b/src/languages/en_GB.json
@@ -104,7 +104,13 @@
       "AbbasidDynasty": "Abbasid Dynasty",
       "French": "French",
       "Ottomans": "Ottomans",
-      "Malians": "Malians"
+      "Malians": "Malians",
+      "Byzantines": "Byzantines",
+      "Japanese": "Japanese",
+      "Ayyubids": "Ayyubids",
+      "ZhuXiLegacy": "Zhu Xi's Legacy",
+      "JeanneDArc": "Jeanne d'Arc",
+      "OrderOfTheDragon": "Order of the Dragon"
     }
   },
   "messages": {
diff --git a/src/languages/es_ES.json b/src/languages/es_ES.json
index 25d0e78..ee0a168 100644
--- a/src/languages/es_ES.json
+++ b/src/languages/es_ES.json
@@ -93,6 +93,24 @@
       "Mexico": "méxico",
       "Italian": "italiano",
       "Maltese": "maltés"
+    },
+    "aoe4": {
+      "Rus": "Rus",
+      "HolyRomanEmpire": "Sacro Imperio Romano Germánico",
+      "Chinese": "Chinos",
+      "English": "Inglés",
+      "DelhiSultanate": "Sultanato de Delhi",
+      "Mongols": "Mongoles",
+      "AbbasidDynasty": "Dinastía abasí",
+      "French": "Franceses",
+      "Ottomans": "Otomanos",
+      "Malians": "Malienses",
+      "Byzantines": "Bizantinos",
+      "Japanese": "Japonés",
+      "Ayyubids": "Dinastía ayubí",
+      "ZhuXiLegacy": "Imperio de jade",
+      "JeanneDArc": "Juana de Arco",
+      "OrderOfTheDragon": "Orden del Dragón"
     }
   },
   "messages": {
diff --git a/src/languages/fr_FR.json b/src/languages/fr_FR.json
index bbf96e7..52b8f71 100644
--- a/src/languages/fr_FR.json
+++ b/src/languages/fr_FR.json
@@ -104,7 +104,13 @@
       "AbbasidDynasty": "Dynastie des Abbassides",
       "French": "Français",
       "Ottomans": "Ottomans",
-      "Malians": "Maliens"
+      "Malians": "Maliens",
+      "Byzantines": "Byzantins",
+      "Japanese": "Japonais",
+      "Ayyubids": "Ayyoubides",
+      "ZhuXiLegacy": "Empire de Jade",
+      "JeanneDArc": "Jeanne d'Arc",
+      "OrderOfTheDragon": "Ordre du Dragon"
     }
   },
   "messages": {
diff --git a/src/languages/pt_BR.json b/src/languages/pt_BR.json
index 7298604..592af97 100644
--- a/src/languages/pt_BR.json
+++ b/src/languages/pt_BR.json
@@ -104,7 +104,13 @@
       "AbbasidDynasty": "Banu Abas",
       "French": "Francesa",
       "Ottomans": "Otomana",
-      "Malians": "Malineses"
+      "Malians": "Malineses",
+      "Byzantines": "Bizantinos",
+      "Japanese": "Japonês",
+      "Ayyubids": "Império Aiúbida",
+      "ZhuXiLegacy": "Império de Jade",
+      "JeanneDArc": "Joana D'Arc",
+      "OrderOfTheDragon": "Ordem do Dragão"
     }
   },
   "messages": {
diff --git a/src/languages/zh_CN.json b/src/languages/zh_CN.json
index e2ab018..9f4918a 100644
--- a/src/languages/zh_CN.json
+++ b/src/languages/zh_CN.json
@@ -104,7 +104,13 @@
       "AbbasidDynasty": "阿拔斯",
       "French": "法国",
       "Ottomans": "奥斯曼土耳其",
-      "Malians": "马里"
+      "Malians": "马里",
+      "Byzantines": "拜占庭",
+      "Japanese": "日语",
+      "Ayyubids": "苏丹的军队",
+      "ZhuXiLegacy": "翡翠帝国",
+      "JeanneDArc": "圣女贞德",
+      "OrderOfTheDragon": "龙之骑士团"
     }
   },
   "messages": {
diff --git a/src/languages/zh_TW.json b/src/languages/zh_TW.json
index eec06a1..dedaba7 100644
--- a/src/languages/zh_TW.json
+++ b/src/languages/zh_TW.json
@@ -95,16 +95,22 @@
       "Maltese": "馬爾他"
     },
     "aoe4": {
-      "Rus": "羅斯人",
+      "Rus": "羅斯",
       "HolyRomanEmpire": "神聖羅馬帝國",
-      "Chinese": "中國人",
-      "English": "英格蘭人",
+      "Chinese": "中國",
+      "English": "英格蘭",
       "DelhiSultanate": "德里蘇丹國",
-      "Mongols": "蒙古人",
+      "Mongols": "蒙古",
       "AbbasidDynasty": "阿拔斯王朝",
-      "French": "法蘭西人",
+      "French": "法蘭西",
       "Ottomans": "鄂圖曼土耳其",
-      "Malians": "馬利"
+      "Malians": "馬利",
+      "Byzantines": "拜占庭",
+      "Japanese": "日文",
+      "Ayyubids": "蘇丹軍隊",
+      "ZhuXiLegacy": "翡翠帝國",
+      "JeanneDArc": "聖女貞德",
+      "OrderOfTheDragon": "龍騎士團"
     }
   },
   "messages": {
diff --git a/src/models/Aoe4Civilisation.ts b/src/models/Aoe4Civilisation.ts
index 8eace08..4a8caa6 100644
--- a/src/models/Aoe4Civilisation.ts
+++ b/src/models/Aoe4Civilisation.ts
@@ -11,6 +11,12 @@ enum Name {
     FRENCH = "aoe4.French",
     OTTOMANS = "aoe4.Ottomans",
     MALIANS = "aoe4.Malians",
+    BYZANTINES = "aoe4.Byzantines",
+    JAPANESE = "aoe4.Japanese",
+    AYYUBIDS = "aoe4.Ayyubids",
+    ZHUXILEGACY = "aoe4.ZhuXiLegacy",
+    JEANNEDARC = "aoe4.JeanneDArc",
+    ORDEROFTHEDRAGON = "aoe4.OrderOfTheDragon",
 }
 
 class Aoe4Civilisation extends DraftOption {
@@ -25,6 +31,12 @@ class Aoe4Civilisation extends DraftOption {
     public static readonly FRENCH: Aoe4Civilisation = new Aoe4Civilisation(Name.FRENCH);
     public static readonly OTTOMANS: Aoe4Civilisation = new Aoe4Civilisation(Name.OTTOMANS);
     public static readonly MALIANS: Aoe4Civilisation = new Aoe4Civilisation(Name.MALIANS);
+    public static readonly BYZANTINES: Aoe4Civilisation = new Aoe4Civilisation(Name.BYZANTINES);
+    public static readonly JAPANESE: Aoe4Civilisation = new Aoe4Civilisation(Name.JAPANESE);
+    public static readonly AYYUBIDS: Aoe4Civilisation = new Aoe4Civilisation(Name.AYYUBIDS);
+    public static readonly ZHUXILEGACY: Aoe4Civilisation = new Aoe4Civilisation(Name.ZHUXILEGACY);
+    public static readonly JEANNEDARC: Aoe4Civilisation = new Aoe4Civilisation(Name.JEANNEDARC);
+    public static readonly ORDEROFTHEDRAGON: Aoe4Civilisation = new Aoe4Civilisation(Name.ORDEROFTHEDRAGON);
 
 
 
@@ -41,6 +53,12 @@ class Aoe4Civilisation extends DraftOption {
         Aoe4Civilisation.FRENCH,
         Aoe4Civilisation.OTTOMANS,
         Aoe4Civilisation.MALIANS,
+        Aoe4Civilisation.BYZANTINES,
+        Aoe4Civilisation.JAPANESE,
+        Aoe4Civilisation.AYYUBIDS,
+        Aoe4Civilisation.ZHUXILEGACY,
+        Aoe4Civilisation.JEANNEDARC,
+        Aoe4Civilisation.ORDEROFTHEDRAGON,
     ];
 
     private constructor(name: Name) {