Added Citlali, Mavuika, Lanyan and Pyro Traveler

src/components/Card/Card.module.css

@@ -56,7 +56,7 @@
   border-top-right-radius: var(--size-border-radius);
   border-bottom-right-radius: 20px;
   background-image: url(/img/icons/card-bg.svg),
-    linear-gradient(to bottom, var(--color-card-start), var(--color-card-end));
+  linear-gradient(to bottom, var(--color-card-start), var(--color-card-end));
 }
 
 .emptyImage {
@@ -92,6 +92,10 @@
 
 .no_click {pointer-events: none;}
 
+.element:nth-child(n + 2) {
+  margin-left: -0.25rem;
+}
+
 .element[src*='anemo'] {
   --color-element: var(--color-anemo);
 }
@@ -143,4 +147,4 @@
 .collab {
   --color-card-start: var(--color-collab-start);
   --color-card-end: var(--color-collab-end);
-}
+}

src/data/characters.ts

@@ -177,6 +177,17 @@ export const characters: GenshinCharacter[] = [
     selected: false,
     collab: false,
   },
+  {
+    id: 94,
+    fullName: 'Citlali',
+    shortName: 'Citlali',
+    stars: 5,
+    elements: ['cryo'],
+    weapon: 'catalyst',
+    gender: ['F'],
+    selected: false,
+    collab: false,
+  },
   {
     id: 82,
     fullName: 'Clorinde',
@@ -507,6 +518,17 @@ export const characters: GenshinCharacter[] = [
     selected: false,
     collab: false,
   },
+  {
+    id: 92,
+    fullName: 'Lanyan',
+    shortName: 'Lanyan',
+    stars: 4,
+    elements: ['anemo'],
+    weapon: 'catalyst',
+    gender: ['F'],
+    selected: false,
+    collab: false,
+  },
   {
     id: 58,
     fullName: 'Layla',
@@ -551,6 +573,17 @@ export const characters: GenshinCharacter[] = [
     selected: false,
     collab: false,
   },
+  {
+    id: 93,
+    fullName: 'Mavuika',
+    shortName: 'Mavuika',
+    stars: 5,
+    elements: ['pyro'],
+    weapon: 'claymore',
+    gender: ['F'],
+    selected: false,
+    collab: false,
+  },
   {
     id: 65,
     fullName: 'Mika',
@@ -820,7 +853,7 @@ export const characters: GenshinCharacter[] = [
     fullName: 'Traveler',
     shortName: 'Traveler',
     stars: 5,
-    elements: ['anemo', 'geo', 'electro', 'dendro', 'hydro'],
+    elements: ['anemo', 'geo', 'electro', 'dendro', 'hydro', 'pyro'],
     weapon: 'sword',
     gender: ['M', 'F'],
     selected: true,