diff --git a/public/css/1v1.css b/public/css/1v1.css
index c0a6af1..c72da93 100644
--- a/public/css/1v1.css
+++ b/public/css/1v1.css
@@ -425,7 +425,7 @@ body {
     box-shadow 0.2s ease,
     opacity 0.2s ease;
   position: relative;
-  isolation: isolate; /* eigener Stacking-Context: img z-index:1 schlaegt ::before sicher */
+  z-index: 0; /* eigener Stacking-Context: img z-index:2 schlaegt ::before sicher – kein isolation:isolate (GPU-Compositing-Bug mit overflow:hidden) */
   overflow: visible;
   box-shadow: 0 calc(var(--s) * 4) calc(var(--s) * 12) rgba(0, 0, 0, 0.4);
 }
@@ -433,6 +433,7 @@ body {
   content: "";
   position: absolute;
   inset: 0;
+  z-index: 0; /* explizit unter dem Karten-Image (z-index:2) */
   background: linear-gradient(
     160deg,
     rgba(255, 255, 255, 0.06) 0%,
diff --git a/views/1v1-battlefield.ejs b/views/1v1-battlefield.ejs
index a4a2836..6f80287 100644
--- a/views/1v1-battlefield.ejs
+++ b/views/1v1-battlefield.ejs
@@ -473,7 +473,7 @@
                   onerror="this.src='/images/items/rueckseite.png'"
                   title="${card.name}"
                   draggable="false"
-                  style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;z-index:1;">
+                  style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;z-index:2;">
              ${statsHtml}${readyBadge}`
           : `<div style="display:flex;flex-direction:column;align-items:center;
                justify-content:center;height:100%;gap:4px;font-family:Cinzel,serif;">