diff --git a/public/css/1v1.css b/public/css/1v1.css
index ce9209d..49c54a4 100644
--- a/public/css/1v1.css
+++ b/public/css/1v1.css
@@ -412,11 +412,15 @@ body {
   height: calc(var(--s) * 160);
   border-radius: calc(var(--s) * 9);
   border: 2px dashed rgba(255, 215, 80, 0.35);
+  background: rgba(10, 8, 5, 0.92); /* dunkles Backing – deckt transparente PNG-Bereiche ab */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: border-color 0.2s ease, transform 0.2s ease;
   position: relative;
   overflow: hidden;
-  cursor: pointer;
   flex-shrink: 0;
-  transition: border-color 0.2s ease, transform 0.2s ease;
 }
 .hand-slot:hover {
   border-color: rgba(255, 215, 80, 0.9);
diff --git a/views/1v1-battlefield.ejs b/views/1v1-battlefield.ejs
index 4bde676..4f30d47 100644
--- a/views/1v1-battlefield.ejs
+++ b/views/1v1-battlefield.ejs
@@ -428,7 +428,7 @@
         if (!slot) return;
 
         if (!state) {
-          slot.innerHTML = '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;"><span class="hs-icon">🃏</span></div>';
+          slot.innerHTML = '<span class="hs-icon">🃏</span>';
           slot.classList.remove("hand-slot-ready", "hand-slot--filled");
           slot.draggable = false;
           delete slot.dataset.cardSlotId;
@@ -461,7 +461,7 @@
             ? `<div class="hand-slot-ready-badge">SPIELEN</div>`
             : "";
 
-        // Bild als normales Block-Element – kein position:absolute, kein z-index-Konflikt
+        // Bild als normales Block-Element – kein position:absolute, kein z-index
         slot.innerHTML = card.image
           ? `<img src="/images/cards/${card.image}"
                   onerror="this.src='/images/items/rueckseite.png'"