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.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}` : ""}