tzjsrt

public/css/1v1.css

@@ -413,12 +413,12 @@ body {
   border-radius: calc(var(--s) * 9);
   border: 2px dashed rgba(255, 215, 80, 0.35);
   background: rgba(0, 0, 0, 0.4);
-  backdrop-filter: blur(4px);
+  /* backdrop-filter BEWUSST ENTFERNT – erzeugt GPU-Compositing-Ebene
+     die position:absolute-Kinder verschluckt (Browser-Bug) */
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  /* 'all' würde backdrop-filter/background mitanimieren und Flicker erzeugen */
   transition:
     border-color 0.2s ease,
     transform 0.2s ease,
@@ -725,13 +725,11 @@ body {
 }
 
 /* Hand-Slot: Karte ist drin
-   - backdrop-filter weg (kein Frosted-Glass-Schleier)
-   - background weg (kein dunkler Durchschein)
-   - overflow:hidden clippt das absolute-img auf den border-radius
+   - background transparent damit der dunkle Slot-Hintergrund nicht durchscheint
+   - overflow:hidden clippt das absolute img auf den border-radius
    - ::before Gradient-Overlay ausblenden */
 .hand-slot.hand-slot--filled {
   background: transparent !important;
-  backdrop-filter: none !important;
   overflow: hidden !important;
 }
 .hand-slot.hand-slot--filled::before {

views/1v1-battlefield.ejs

@@ -430,10 +430,7 @@
         if (!state) {
           // Inline-Styles aus dem Karten-Render wieder entfernen
           slot.style.background = "";
-          slot.style.backdropFilter = "";
-          slot.style.webkitBackdropFilter = "";
           slot.style.overflow = "";
-          slot.style.padding = "";
           slot.innerHTML = '<span class="hs-icon">🃏</span>';
           slot.classList.remove("hand-slot-ready", "hand-slot--filled");
           slot.draggable = false;
@@ -469,10 +466,7 @@
 
         // Slot direkt stylen – umgeht Compositing-Probleme von backdrop-filter
         slot.style.background = "transparent";
-        slot.style.backdropFilter = "none";
-        slot.style.webkitBackdropFilter = "none";
         slot.style.overflow = "hidden";
-        slot.style.padding = "0";
 
         slot.innerHTML = card.image
           ? `<img src="/images/cards/${card.image}"