diff --git a/public/css/1v1.css b/public/css/1v1.css
index e8a8258..eb1dd4c 100644
--- a/public/css/1v1.css
+++ b/public/css/1v1.css
@@ -412,10 +412,7 @@ body {
   height: calc(var(--s) * 160);
   border-radius: calc(var(--s) * 9);
   border: 2px dashed rgba(255, 215, 80, 0.35);
-  background-color: rgba(10, 8, 5, 0.92);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
+  background-color: #0a0805;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -424,6 +421,7 @@ body {
   position: relative;
   overflow: hidden;
   flex-shrink: 0;
+  box-shadow: 0 calc(var(--s) * 4) calc(var(--s) * 14) rgba(0,0,0,.35);
 }
 .hand-slot:hover {
   border-color: rgba(255, 215, 80, 0.9);
@@ -955,3 +953,8 @@ body {
 .hand-slot[draggable="true"]:active {
   cursor: grabbing;
 }
+
+
+.hand-slot img.hand-card-img {
+  width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--s) * 7);
+}
diff --git a/views/1v1-battlefield.ejs b/views/1v1-battlefield.ejs
index bdff279..bbbb84f 100644
--- a/views/1v1-battlefield.ejs
+++ b/views/1v1-battlefield.ejs
@@ -466,13 +466,13 @@
         // Kein <img>-Element → keine Flex-Höhen-Probleme, kein z-index-Konflikt.
         // background-color (#0a0805) deckt transparente PNG-Bereiche solid ab.
         if (card.image) {
-          slot.style.backgroundImage = `url('/images/cards/${card.image}')`;
+          slot.style.backgroundImage = 'none';
         } else {
           slot.style.backgroundImage = 'none';
         }
 
         slot.innerHTML = card.image
-          ? `${statsHtml}${readyBadge}`
+          ? `<img class="hand-card-img" src="/images/cards/${card.image}" onerror="this.src='/images/items/rueckseite.png'" title="${card.name}">${statsHtml}${readyBadge}`
           : `<div style="width:100%;height:100%;display:flex;flex-direction:column;
                align-items:center;justify-content:center;gap:4px;font-family:Cinzel,serif;">
                <span style="font-size:18px;">⚔️</span>