feat: Actualizar roles y facciones a Francia Ocupada

- Cambiar nombre del juego de 'La Resistencia' a 'Francia Ocupada'
- Actualizar roles: Marlene, Capitán Philippe, Partisano, Comandante Schmidt, Francotirador, Agente Doble, Infiltrado, Colaboracionista
- Actualizar facciones: Aliados vs Alemanes
- Implementar timer de votación de líder con auto-avance
- Eliminar componentes de debug

client/src/components/MissionReveal.tsx

@@ -1,5 +1,6 @@
 import { motion } from 'framer-motion';
 import { useEffect } from 'react';
+import Image from 'next/image';
 
 interface MissionRevealProps {
     votes: boolean[];
@@ -7,11 +8,11 @@ interface MissionRevealProps {
 }
 
 export default function MissionReveal({ votes, onFinished }: MissionRevealProps) {
-    // Timer de seguridad: 10 segundos y avanza
+    // Timer de seguridad: 5 segundos y avanza
     useEffect(() => {
         const timer = setTimeout(() => {
             if (onFinished) onFinished();
-        }, 10000);
+        }, 5000);
 
         return () => clearTimeout(timer);
     }, [onFinished]);
@@ -30,20 +31,22 @@ export default function MissionReveal({ votes, onFinished }: MissionRevealProps)
                 {votes.map((vote, idx) => (
                     <motion.div
                         key={idx}
-                        className={`w-48 h-72 rounded-xl flex items-center justify-center text-7xl font-bold text-white shadow-2xl border-4 ${vote
-                                ? 'bg-gradient-to-br from-blue-600 to-blue-900 border-blue-400 shadow-blue-500/50'
-                                : 'bg-gradient-to-br from-red-600 to-red-900 border-red-400 shadow-red-500/50'
-                            }`}
+                        className="w-48 h-72 rounded-xl flex items-center justify-center shadow-2xl relative overflow-hidden"
                         initial={{ scale: 0, rotateY: 180 }}
                         animate={{ scale: 1, rotateY: 0 }}
                         transition={{
-                            delay: idx * 0.8, // Más lento para drama
+                            delay: idx * 0.3,
                             type: "spring",
                             stiffness: 200,
                             damping: 20
                         }}
                     >
-                        {vote ? '✓' : '✗'}
+                        <Image
+                            src={vote ? '/assets/images/tokens/vote_approve.png' : '/assets/images/tokens/vote_reject.png'}
+                            alt={vote ? 'Éxito' : 'Sabotaje'}
+                            fill
+                            className="object-contain"
+                        />
                     </motion.div>
                 ))}
             </div>
@@ -52,7 +55,7 @@ export default function MissionReveal({ votes, onFinished }: MissionRevealProps)
                 className="text-white text-xl font-mono mt-8"
                 initial={{ opacity: 0 }}
                 animate={{ opacity: 1 }}
-                transition={{ delay: votes.length * 0.8 + 1 }}
+                transition={{ delay: votes.length * 0.3 + 0.5 }}
             >
                 <span className="animate-pulse">Analizando resultado estratégico...</span>
             </motion.div>