fix slot machine apparition

client/src/pages/Game.jsx

@@ -81,6 +81,7 @@ function GameContent() {
   const { isSoundEnabled, setIsSoundEnabled, playSound } = useSoundSystem();
   const [loadingMessage, setLoadingMessage] = useState(0);
   const [isDebugVisible, setIsDebugVisible] = useState(false);
+  const [isSlotMachineVisible, setIsSlotMachineVisible] = useState(true);
 
   const {
     sessionId,
@@ -241,11 +242,7 @@ function GameContent() {
         segments[0].images.length > 0;
 
       if (isGameReady) {
-        // Attendre un peu pour la transition visuelle
-        const timer = setTimeout(() => {
-          setIsTransitionLoading(false);
-        }, 1000);
-        return () => clearTimeout(timer);
+        setIsTransitionLoading(false);
       }
     }
   }, [isTransitionLoading, segments]);
@@ -364,24 +361,6 @@ function GameContent() {
     );
   }
 
-  // Slot machine : dès que l'univers est disponible
-  if (gameUniverse && slotMachineState.style && isInitialLoading) {
-    return (
-      <Box sx={{ width: "100%", height: "100vh" }}>
-        <UniverseSlotMachine
-          style={slotMachineState.style}
-          genre={slotMachineState.genre}
-          epoch={slotMachineState.epoch}
-          activeIndex={slotMachineState.activeIndex}
-          onComplete={() => {
-            setIsInitialLoading(false);
-            setIsTransitionLoading(true);
-          }}
-        />
-      </Box>
-    );
-  }
-
   // Loading final : après la slot machine jusqu'à ce que le jeu soit prêt
   if (
     isTransitionLoading ||
@@ -413,6 +392,30 @@ function GameContent() {
     );
   }
 
+  // Slot machine : dès que l'univers est disponible
+  if (
+    gameUniverse &&
+    slotMachineState.style &&
+    isInitialLoading &&
+    isSlotMachineVisible
+  ) {
+    return (
+      <Box sx={{ width: "100%", height: "100vh" }}>
+        <UniverseSlotMachine
+          style={slotMachineState.style}
+          genre={slotMachineState.genre}
+          epoch={slotMachineState.epoch}
+          activeIndex={slotMachineState.activeIndex}
+          onComplete={() => {
+            setIsInitialLoading(false);
+            setIsSlotMachineVisible(false);
+            setIsTransitionLoading(true);
+          }}
+        />
+      </Box>
+    );
+  }
+
   return (
     <motion.div
       initial={{ opacity: 0 }}