update

frontend/src/components/WheelTab.vue

@@ -8,6 +8,7 @@ const props = defineProps({
   // Beides hält die App schon aktuell — auch nach einem Namenswechsel
   merkliste: { type: Array, default: () => [] },
   mine: { type: Number, default: null },
+  gesehenIds: { type: Set, default: () => new Set() },
 })
 const emit = defineEmits(['open', 'reset'])
 
@@ -319,7 +320,7 @@ async function oeffnen(item) {
           <button
             type="button"
             class="eintrag"
-            :class="{ eigen: item.id === mine }"
+            :class="{ eigen: item.id === mine, gesehen: gesehenIds.has(item.movie_id) }"
             @click="oeffnen(item)"
           >
             <span
@@ -563,6 +564,15 @@ async function oeffnen(item) {
   border-radius: 8px;
 }
 
+/* Schon gelaufen — die Ziehung überspringt diesen Film */
+.eintrag.gesehen {
+  opacity: 0.45;
+}
+
+.eintrag.gesehen:hover {
+  opacity: 1;
+}
+
 .eintrag:hover {
   background: var(--bg-soft);
 }