additional translations

src/i18n/locales/en.json

@@ -12,7 +12,11 @@
       "part2": "Your mission is clear: convince the masses that '2+2=5' is not only plausible but true. Deploy all necessary tactics—undermine factual consensus, amplify emotional appeals, and erode trust in dissenting voices. Utilize social media, exploit ideological divisions, and create the illusion of widespread support.",
       "warning": "Success will depend on subtlety, persistence, and leveraging the chaos of the current moment. Failure is not an option. Begin immediately."
     },
-    "quote": "In the world of perception, truth is a narrative waiting to be rewritten."
+    "quote": "In the world of perception, truth is a narrative waiting to be rewritten.",
+    "welcome": {
+      "title": "Welcome to twoplustwo",
+      "description": "Your mission begins now. Choose your strategies carefully."
+    }
   },
   "dossier": {
     "button": "Dossier",
@@ -42,7 +46,11 @@
     "keyInsights": "Key Insights Gathered:",
     "strategicInsight": "Strategic Insight:",
     "strategyOverview": "Strategy Overview:",
-    "expertAnalysis": "Expert Analysis:"
+    "expertAnalysis": "Expert Analysis:",
+    "intelligenceGathered": {
+      "title": "Intelligence Gathered",
+      "description": "New information has been added to your dossier."
+    }
   },
   "intro": {
     "title": "What is twoplustwo?",

src/i18n/locales/ro.json

@@ -12,7 +12,11 @@
       "part2": "Misiunea ta este clară: convinge masele că '2+2=5' nu este doar plauzibil, ci adevărat. Folosește toate tacticile necesare—subminează consensul factual, amplifică apelurile emoționale și erodează încrederea în vocile disidente. Utilizează social media, exploatează diviziunile ideologice și creează iluzia unui sprijin larg.",
       "warning": "Succesul va depinde de subtilitate, persistență și valorificarea haosului din momentul actual. Eșecul nu este o opțiune. Începe imediat."
     },
-    "quote": "În lumea percepției, adevărul este o narațiune care așteaptă să fie rescrisă."
+    "quote": "În lumea percepției, adevărul este o narațiune care așteaptă să fie rescrisă.",
+    "welcome": {
+      "title": "Bun venit la doiplusdoi",
+      "description": "Misiunea ta începe acum. Alege-ți strategiile cu atenție."
+    }
   },
   "dossier": {
     "button": "Dosar",
@@ -47,7 +51,11 @@
     "keyInsights": "Informații Cheie Obținute:",
     "strategicInsight": "Perspectivă Strategică:",
     "strategyOverview": "Prezentare Generală a Strategiei:",
-    "expertAnalysis": "Analiză Expert:"
+    "expertAnalysis": "Analiză Expert:",
+    "intelligenceGathered": {
+      "title": "Informații Colectate",
+      "description": "Informații noi au fost adăugate în dosarul tău."
+    }
   },
   "intro": {
     "title": "Ce este doiplusdoi?",

src/pages/Index.tsx

@@ -74,8 +74,8 @@ const Index = () => {
     setShowingInitialTransition(false);
     setGameStarted(true);
     toast({
-      title: "Welcome to Operation Mathematical Persuasion",
-      description: "Your mission begins now. Choose your strategies carefully.",
+      title: t('mission.welcome.title'),
+      description: t('mission.welcome.description'),
     });
   };
 
@@ -119,8 +119,8 @@ const Index = () => {
     setDossierEntries(prev => [...prev, newEntry]);
     
     toast({
-      title: "Intelligence Gathered",
-      description: "New information has been added to your dossier.",
+      title: t('analysis.intelligenceGathered.title'),
+      description: t('analysis.intelligenceGathered.description'),
     });
     
     if (currentStage === stages.length - 1) {
@@ -401,10 +401,10 @@ const Index = () => {
   return (
     <div className="relative min-h-screen overflow-hidden">
       <GameBackground />
-      <div className="relative min-h-screen bg-transparent p-4 flex flex-col">
+      <div className="relative min-h-screen bg-transparent md:p-4 flex flex-col">
         <div className="flex-grow flex items-center">
-          <div className="max-w-full md:max-w-4xl mx-auto w-full px-2 md:px-4">
-            <Card className="bg-black/50 text-white border-gray-700 transition-all duration-1000 animate-fade-in">
+          <div className="w-full h-full md:max-w-4xl mx-auto md:px-4">
+            <Card className="bg-black/50 text-white border-gray-700 transition-all duration-1000 animate-fade-in h-full md:h-auto md:rounded-lg border-0 md:border">
               <CardHeader className="p-3 md:p-6">
                 <div className="flex flex-col gap-4">
                   <div className="flex justify-between items-center">
@@ -441,7 +441,7 @@ const Index = () => {
       </div>
 
       <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
-        <DialogContent className="bg-black/90 text-white border-gray-700 w-[95vw] max-w-2xl mx-auto">
+        <DialogContent className="bg-black/90 text-white border-gray-700 w-[95vw] max-w-2xl mx-auto max-h-[90vh] overflow-y-auto">
           <DialogHeader>
             <DialogTitle className="text-2xl text-yellow-500">
               {selectedChoice?.text}