diff --git a/public/js/quickmenu/carddeck.js b/public/js/quickmenu/carddeck.js
index 5473146..7d2baa8 100644
--- a/public/js/quickmenu/carddeck.js
+++ b/public/js/quickmenu/carddeck.js
@@ -249,16 +249,39 @@ function renderShell() {
border-radius: 6px 6px 0 0;
}
.kd-stat-atk {
- position: absolute; bottom: 22px; left: 4px;
- background: rgba(180,40,20,0.9); border: 1px solid #ff6040;
+ position: absolute;
+ right: 4px;
+ top: 50%;
+ transform: translateY(-50%);
+ background: rgba(180,40,20,0.88);
+ border: 1px solid #ff6040;
border-radius: 3px; color: #fff; font-family: "Cinzel", serif;
- font-size: 10px; font-weight: bold; padding: 1px 4px;
+ font-size: 10px; font-weight: bold; padding: 2px 5px;
+ z-index: 5;
}
.kd-stat-def {
- position: absolute; bottom: 22px; right: 4px;
- background: rgba(20,80,180,0.9); border: 1px solid #4090ff;
+ position: absolute;
+ left: 4px;
+ top: 50%;
+ transform: translateY(-50%);
+ background: rgba(20,80,180,0.88);
+ border: 1px solid #4090ff;
border-radius: 3px; color: #fff; font-family: "Cinzel", serif;
- font-size: 10px; font-weight: bold; padding: 1px 4px;
+ font-size: 10px; font-weight: bold; padding: 2px 5px;
+ z-index: 5;
+ }
+ .kd-stat-cd {
+ position: absolute;
+ bottom: 3px;
+ right: 3px;
+ width: 22px; height: 22px;
+ 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;
}
/* ── Karten-Footer: Anzahlen ────────────── */
@@ -726,8 +749,9 @@ function renderCollectionGrid(grid, cards) {
title="${c.name}">
- ${c.attack != null ? `${c.attack}` : ""}
- ${c.defense != null ? `${c.defense}` : ""}
+ ${c.attack != null ? `${c.attack}` : ""}
+ ${c.defends != null ? `${c.defends}` : ""}
+ ${c.cooldown != null ? `${c.cooldown}` : ""}