123

public/game.js

@@ -853,6 +853,31 @@
     lightsaber: 'saberjedi', force: 'saberjedi', blaster: 'tie', hyperspace: 'xwing', fear: 'sith', hope: 'galrep',
   };
   function getCardArt(meta) {
+    // Проверяем наличие кастомных иконок в папке extraicons
+    const extraIconMap = {
+      'ezra': 'ezra-bridger.png',
+      'ezra_bridger': 'ezra-bridger.png',
+      'father': 'the-father.png',
+      'the_father': 'the-father.png',
+      'ahsoka': 'ashoka-tano.png',
+      'ashoka_tano': 'ashoka-tano.png',
+      'cal': 'CalCestis.png',
+      'cal_kestis': 'CalCestis.png',
+      'nihilus': 'darthnihilus.png',
+      'darth_nihilus': 'darthnihilus.png',
+      'plagueis': 'dartplagues.png',
+      'darth_plagueis': 'dartplagues.png',
+      'plo': 'plokoon.png',
+      'plo_koon': 'plokoon.png',
+      'revan': 'revan.png'
+    };
+    
+    const extraIcon = extraIconMap[meta.art];
+    if (extraIcon) {
+      return '<img src="extraicons/' + extraIcon + '" class="card-art-image" alt="' + (meta.name || '') + '" />';
+    }
+    
+    // Используем стандартные SWG иконки
     var swg = swgMap[meta.art];
     if (swg) return '<i class="swg swg-lg swg-' + swg + ' card-art-swg" aria-hidden="true"></i>';
     return '<span class="card-art-fallback">✦</span>';

public/styles.css

@@ -750,6 +750,16 @@ html, body {
 }
 .card-art .card-art-swg { font-size: 1.5em; }
 .card-art .card-art-fallback { font-size: 1.1rem; opacity: 0.9; }
+.card-art .card-art-image {
+  width: 80%;
+  height: 80%;
+  max-width: 120px;
+  max-height: 120px;
+  object-fit: contain;
+  object-position: center;
+  margin: auto;
+  display: block;
+}
 
 .card-info {
   padding: 0.5rem 0.6rem;