From f7ba41d31ce38bea249ddc01e83b21739b0a0212 Mon Sep 17 00:00:00 2001
From: cay <cay@joksch.ch>
Date: Fri, 10 Apr 2026 12:17:11 +0100
Subject: [PATCH] retahj

---
 public/js/gaststaette/glucksspiel.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/js/gaststaette/glucksspiel.js b/public/js/gaststaette/glucksspiel.js
index 4d93453..2a80fc2 100644
--- a/public/js/gaststaette/glucksspiel.js
+++ b/public/js/gaststaette/glucksspiel.js
@@ -251,6 +251,17 @@ function renderShell() {
         gap: 1px; padding: 0 4px;
         pointer-events: none; z-index: 4;
       }
+      .gs-stat-cd {
+        position: absolute;
+        bottom: 7px; right: 8px;
+        width: 20px; height: 20px;
+        border-radius: 50%;
+        background: rgba(0,0,0,0.75);
+        border: 1px solid #f0d060;
+        display: flex; align-items: center; justify-content: center;
+        font-family: "Cinzel", serif; font-size: 9px; font-weight: bold;
+        color: #f0d9a6; z-index: 5;
+      }
 
       /* ── Pagination ──────────────────────────── */
       .gs-pagination {
@@ -273,12 +284,13 @@ function renderShell() {
 
       /* ── Rechte Spalte: Kombinier-Panel ──────── */
       .gs-combine-panel {
-        width: 320px;
+        width: 260px;
         flex-shrink: 0;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         background: rgba(0,0,0,0.15);
+        margin-right: 40px;
       }
 
       .gs-combine-hint {
@@ -467,6 +479,7 @@ function renderGrid(grid, cards) {
            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>` : ""}
       <div class="gs-card-footer">
         <span class="gs-count-owned">× ${available < 0 ? 0 : available}</span>
       </div>
@@ -542,6 +555,8 @@ 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>` : ""}
     </div>
   `).join("");