From 80030183cd99eb5f70c90581ca7dc0c2974e4b97 Mon Sep 17 00:00:00 2001
From: cay <cay@joksch.ch>
Date: Sat, 11 Apr 2026 13:34:10 +0100
Subject: [PATCH] dyhde

---
 public/css/glucksspiel.css           | 2 +-
 public/js/gaststaette/glucksspiel.js | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/css/glucksspiel.css b/public/css/glucksspiel.css
index 69d14b6..32bee07 100644
--- a/public/css/glucksspiel.css
+++ b/public/css/glucksspiel.css
@@ -266,7 +266,7 @@
   aspect-ratio: 3/4;
   border: 2px solid #4a8b2a;
   border-radius: 8px;
-  overflow: hidden;
+  overflow: visible;
   background: #0f1a04;
   transition: transform 0.2s, border-color 0.2s;
 }
diff --git a/public/js/gaststaette/glucksspiel.js b/public/js/gaststaette/glucksspiel.js
index cfb1358..a2529e6 100644
--- a/public/js/gaststaette/glucksspiel.js
+++ b/public/js/gaststaette/glucksspiel.js
@@ -306,7 +306,15 @@ function renderCombineField() {
     ">
       <img src="/images/cards/${c.image}" alt="${c.name}"
            onerror="this.src='/images/avatar_placeholder.svg'">
+      ${c.attack  != null ? `<span class="gs-stat-atk">${c.attack}</span>`  : ""}
+      ${c.defends != null ? `<span class="gs-stat-def">${c.defends}</span>` : ""}
       ${c.cooldown != null ? `<span class="gs-stat-cd">${c.cooldown}</span>` : ""}
+      ${c.rarity ? `<div class="gs-rarity">${rarityImgs(c.rarity, 12)}</div>` : ""}
+      ${(c.range != null || c.race != null) ? `
+      <div class="gs-range-race">
+        ${c.range != null ? `<span class="gs-badge-range">${gsRangeIcon()}&thinsp;${c.range}</span>` : ""}
+        ${c.race  != null ? `<span class="gs-badge-race">${gsRaceIcon()}&thinsp;${c.race}</span>`   : ""}
+      </div>` : ""}
     </div>
   `).join("");