diff --git a/public/css/1v1.css b/public/css/1v1.css
index 8049316..3ab07ee 100644
--- a/public/css/1v1.css
+++ b/public/css/1v1.css
@@ -719,25 +719,19 @@ body {
border-color: rgba(255, 215, 80, 0.6);
}
-/* Hand-Slot: Karte ist drin → Hintergrund + Overlay entfernen */
+/* 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
+ - ::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 {
display: none !important;
}
-/* Karten-Bild über dem ::before pseudo-element
- NUR für hand-slot-card (nicht für den Deck-Stapel mit position:absolute imgs) */
-.hand-slot-card img {
- position: relative;
- z-index: 1;
- border-radius: calc(var(--s) * 9);
- width: 100%;
- height: 100%;
- object-fit: cover;
- display: block;
-}
/* Hand-Slot: Karte ist spielbereit (CD = 0) */
.hand-slot.hand-slot-ready {
diff --git a/views/1v1-battlefield.ejs b/views/1v1-battlefield.ejs
index 8325fd4..307f9a4 100644
--- a/views/1v1-battlefield.ejs
+++ b/views/1v1-battlefield.ejs
@@ -157,7 +157,7 @@
border: 1px solid rgba(200, 150, 42, 0.4) !important;
}
.hand-slot-card > img {
- border-radius: calc(var(--s) * 7);
+ border-radius: 0;
overflow: hidden;
}
.hand-slot-card:hover {
@@ -465,7 +465,8 @@
? `
+ draggable="false"
+ style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
${statsHtml}${readyBadge}`
: `