diff --git a/src/lib/components/home/HighscoreColumn.svelte b/src/lib/components/home/HighscoreColumn.svelte index 7d7a14b..6f8f9dd 100644 --- a/src/lib/components/home/HighscoreColumn.svelte +++ b/src/lib/components/home/HighscoreColumn.svelte @@ -76,14 +76,13 @@ gap: 10px; height: 100%; } - /* Karten sind bewusst deckend (dunkel, frosted): die Hintergrund-Animationen - laufen dahinter und können die Inhalte nie überdecken oder unleserlich machen. */ + /* Karten sind bewusst deckend (dunkel): die Hintergrund-Animationen laufen dahinter + und können die Inhalte nie überdecken. Kein backdrop-filter — der Blur zwingt + WebKit/Safari, den Bereich bei jeder bewegten Wolke neu zu rastern (Ruckeln). */ .slot { position: relative; - background: rgba(16, 26, 54, 0.8); + background: rgba(16, 26, 54, 0.92); border: 1px solid rgba(255, 255, 255, 0.16); - -webkit-backdrop-filter: blur(5px); - backdrop-filter: blur(5px); border-radius: 14px; display: flex; align-items: center; @@ -92,7 +91,7 @@ min-height: 56px; } .slot.empty { - background: rgba(16, 26, 54, 0.45); + background: rgba(16, 26, 54, 0.6); } .slot.current { border-color: var(--c-rocket-window);