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}` : `