blue: {
        screenClass: 'blue-screen',
        steps: {
          en: [
            {
              story: "The Blues dreamed of order from chaos—a structured society where law could shelter all. When some resisted the new order, the Blues asked them gently: 'You may leave in peace.' But what if some refuse to go?",
              choices: [
                "⚖️ Enforce the law without compromise—order must prevail",
                "🚧 Build barriers to separate those who won't join from those who will",
                "🤝 Offer incentives and support to encourage peaceful departure",
                "💭 Wonder if there might be room for those who think differently"
              ],
              consequences: [
                "The law becomes absolute, but Blue children ask why neighbors vanished overnight. Parents struggle to explain justice to innocent eyes that remember shared playgrounds.",
                "Walls rise strong and straight, but Blue hearts grow heavy. Children know safety behind barriers, but forget the taste of trust beyond them.",
                "Generosity flows like water, but some hearts cannot be moved by kindness. The Blues learn that good intentions don't always yield good outcomes.",
                "A few Blue voices whisper of inclusion, but are silenced by those who fear that compromise breeds chaos. These Blues become strangers in their own orderly land."
              ]
            },
            {
              story: "Waves of fury crashed against Blue shores year after year. Each attack tested their resolve, each loss demanded response. Sometimes the Blues struck back when threats gathered like storm clouds. How do Blues navigate this endless siege?",
              choices: [
                "🛡️ Build impenetrable defenses—let no attack succeed",
                "⚔️ Strike first when danger gathers—prevention over reaction",
                "📊 Accept losses as the price of maintaining moral high ground",
                "🔄 Question whether their own actions invited the storms"
              ],
              consequences: [
                "Defenses grow higher than hope itself. Blue children live in twilight, knowing safety but forgetting trust, protected from everything including joy.",
                "Swift strikes prevent many attacks, but each operation plants seeds of future storms. The Blues become what they once feared to face.",
                "Bodies fill hospitals while principles fill speeches. Noble ideals provide cold comfort to families who pay the price for moral purity.",
                "Self-examination brings uncomfortable truths: good intentions can wear the mask of terrible consequences. But questions don't stop the next attack from coming."
              ]
            },
            {
              story: "Joy shattered like glass in a meadow where Blue families celebrated life. Red shadows fell upon the innocent—children's laughter became screams, elders' wisdom became silence. The Blues struck back with overwhelming force, seeking justice and the return of those taken. Now the world judges the Blue response while captives remain in Red hands. How do Blues face this impossible burden?",
              choices: [
                "💪 Show no weakness until every captive returns home",
                "🌍 Explain to the world why such force was necessary",
                "⚡ Continue operations until Red resistance crumbles completely",
                "💔 Acknowledge the pain on both sides while holding firm"
              ],
              consequences: [
                "Blue resolve turns to steel, but steel hearts struggle to remember warmth. Strength meant to protect becomes a cage that imprisons Blue compassion itself.",
                "Blue voices grow hoarse explaining what should need no explanation. The world sees power but not tears, and diplomatic understanding becomes harder than battlefield victory.",
                "Each operation brings tactical success wrapped in strategic isolation. Military commanders win battles while political leaders lose the war for hearts and minds.",
                "Acknowledgment brings no immediate relief, but opens a crack of light in hearts that seemed sealed. Some Blues dare to hope that recognition might lead to resolution."
              ]
            }
          ],
          he: [
            {
              story: "הכחולים חלמו על סדר מתוך כאוס—חברה מובנית שבה החוק יכול להגן על כולם. כשחלק התנגדו לסדר החדש, הכחולים ביקשו מהם בעדינות: 'אתם יכולים לעזוב בשלום.' אבל מה אם חלק מסרבים ללכת?",
              choices: [
                "⚖️ לאכוף את החוק ללא פשרות—הסדר חייב לנצח",
                "🚧 לבנות מחסומים להפריד בין מי שלא יצטרף למי שכן",
                "🤝 להציע תמריצים ותמיכה כדי לעודד עזיבה בשלום",
                "💭 לתהות אם יש מקום למי שחושב אחרת"
              ],
              consequences: [
                "החוק הופך למוחלט, אבל ילדים כחולים שואלים למה שכנים נעלמו בלילה. הורים נאבקים להסביר צדק לעיניים תמימות שזוכרות מגרשי משחקים משותפים.",
                "קירות עולים חזקים וישרים, אבל לבבות כחולים נהיים כבדים. ילדים יודעים בטיחות מאחורי מחסומים, אבל שוכחים את הטעם של אמון מעבר להם.",
                "נדיבות זורמת כמו מים, אבל חלק מהלבבות לא יכולים להיות מונעים על ידי חסד. הכחולים לומדים שכוונות טובות לא תמיד מניבות תוצאות טובות.",
                "כמה קולות כחולים לוחשים על הכלה, אבל מושתקים על ידי אלה שחוששים שפשרה מולידה כאוס. הכחולים האלה הופכים לזרים בארצם המסודרת."
              ]
            },
            {
              story: "גלי זעם התנפצו על חופי כחולים שנה אחר שנה. כל תקיפה בחנה את נחישותם, כל אובדן דרש תגובה. לפעמים הכחולים הכו בחזרה כשאיומים התכנסו כמו ענני סופה. איך הכחולים מנווטים במצור הבלתי נגמר הזה?",
              choices: [
                "🛡️ לבנות הגנות בלתי חדירות—לא לתת לשום תקיפה להצליח",
                "⚔️ לתקוף ראשונים כשהסכנה מתכנסת—מניעה על פני תגובה",
                "📊 לקבל הפסדים כמחיר של שמירה על הקו המוסרי",
                "🔄 לשאול האם הפעולות שלהם הזמינו את הסופות"
              ],
              consequences: [
                "הגנות צומחות גבוה יותר מהתקווה עצמה. ילדים כחולים חיים בדמדומים, יודעים בטיחות אבל שוכחים אמון, מוגנים מהכל כולל שמחה.",
                "מכות מהירות מונעות תקיפות רבות, אבל כל מבצע זורע זרעים לסופות עתידיות. הכחולים הופכים למה שפעם פחדו להתמודד איתו.",
                "גופים ממלאים בתי חולים בעוד עקרונות ממלאים נאומים. אידיאלים אצילים מספקים נחמה קרה למשפחות שמשלמות את המחיר לטוהר מוסרי.",
                "בחינה עצמית מביאה אמיתות לא נוחות: כוונות טובות יכולות ללבוש מסכה של תוצאות איומות. אבל שאלות לא עוצרות את התקיפה הבאה."
              ]
            },
            {
              story: "שמחה התנפצה כמו זכוכית בכר איפה שמשפחות כחולות חגגו חיים. צללים אדומים נפלו על החפים מפשע—צחוק של ילדים הפך לצרחות, חכמת זקנים הפכה לדממה. הכחולים הכו בחזרה בכוח מכריע, מחפשים צדק והחזרת הנלקחים. עכשיו העולם שופט את התגובה הכחולה בעוד השבויים נשארים בידיים אדומות. איך הכחולים מתמודדים עם הנטל הבלתי אפשרי הזה?",
              choices: [
                "💪 לא להראות חולשה עד שכל שבוי יחזור הביתה",
                "🌍 להסביר לעולם למה כוח כזה היה נחוץ",
                "⚡ להמשיך במבצעים עד שההתנגדות האדומה תתפורר לחלוטין",
                "💔 להכיר בכאב משני הצדדים תוך החזקה חזקה"
              ],
              consequences: [
                "נחישות כחולה הופכת לפלדה, אבל לבבות פלדה נאבקים לזכור חמימות. כוח שנועד להגן הופך לכלוב שכולא חמלה כחולה עצמה.",
                "קולות כחולים נהיים צרודים מהסבר מה שלא צריך הסבר. העולם רואה כוח אבל לא דמעות, והבנה דיפלומטית הופכת קשה יותר מניצחון בשדה קרב.",
                "כל מבצע מביא הצלחה טקטית עטופה בבידוד אסטרטגי. מפקדים צבאיים מנצחים קרבות בעוד מנהיגים פוליטיים מפסידים במלחמה על לבבות ומוחות.",
                "הכרה לא מביאה הקלה מיידית, אבל פותחת סדק של אור בלבבות שנראו חתומים. חלק מהכחולים מעזים לקוות שהכרה עלולה להוביל לפתרון."
              ]
            }
          ],
          ar: [
            {
              story: "حلم الزرق بالنظام من الفوضى—مجتمع منظم حيث يمكن للقانون أن يحمي الجميع. عندما قاوم البعض النظام الجديد، طلب الزرق منهم بلطف: 'يمكنكم المغادرة بسلام.' لكن ماذا لو رفض البعض الرحيل؟",
              choices: [
                "⚖️ فرض القانون دون تساهل—النظام يجب أن ينتصر",
                "🚧 بناء حواجز للفصل بين من لن ينضموا ومن سينضموا",
                "🤝 تقديم حوافز ودعم لتشجيع المغادرة السلمية",
                "💭 التساؤل عما إذا كان هناك مكان لمن يفكرون بشكل مختلف"
              ],
              consequences: [
                "القانون يصبح مطلقاً، لكن الأطفال الزرق يسألون لماذا اختفى الجيران بين ليلة وضحاها. الآباء يكافحون لتفسير العدالة لعيون بريئة تتذكر ملاعب مشتركة.",
                "الجدران ترتفع قوية ومستقيمة، لكن القلوب الزرقاء تصبح ثقيلة. الأطفال يعرفون الأمان خلف الحواجز، لكنهم ينسون طعم الثقة وراءها.",
                "الكرم يتدفق مثل الماء، لكن بعض القلوب لا يمكن تحريكها بالطيبة. الزرق يتعلمون أن النوايا الحسنة لا تحقق دائماً نتائج حسنة.",
                "بعض الأصوات الزرقاء تهمس بالشمول، لكنها تُسكت بواسطة أولئك الذين يخشون أن التنازل يولد الفوضى. هؤلاء الزرق يصبحون غرباء في أرضهم المنظمة."
              ]
            },
            {
              story: "أمواج الغضب تحطمت على الشواطئ الزرقاء عاماً بعد عام. كل هجوم اختبر عزيمتهم، كل خسارة طالبت بالرد. أحياناً ضرب الزرق بالمثل عندما تجمعت التهديدات مثل سحب العاصفة. كيف يتنقل الزرق في هذا الحصار اللانهائي؟",
              choices: [
                "🛡️ بناء دفاعات منيعة—لا تدع أي هجوم ينجح",
                "⚔️ الضرب أولاً عندما يتجمع الخطر—الوقاية أولى من رد الفعل",
                "📊 قبول الخسائر كثمن للحفاظ على المبدأ الأخلاقي",
                "🔄 التساؤل عما إذا كانت أفعالهم دعت العواصف"
              ],
              consequences: [
                "الدفاعات تنمو أعلى من الأمل نفسه. الأطفال الزرق يعيشون في الشفق، يعرفون الأمان لكنهم ينسون الثقة، محميون من كل شيء بما في ذلك الفرح.",
                "الضربات السريعة تمنع هجمات كثيرة، لكن كل عملية تزرع بذور عواصف مستقبلية. الزرق يصبحون ما خافوا مواجهته يوماً.",
                "الجثث تملأ المستشفيات بينما المبادئ تملأ الخطابات. المثل النبيلة توفر عزاءً بارداً للعائلات التي تدفع ثمن النقاء الأخلاقي.",
                "الفحص الذاتي يجلب حقائق غير مريحة: النوايا الحسنة يمكن أن ترتدي قناع النتائج الرهيبة. لكن الأسئلة لا توقف الهجوم القادم."
              ]
            },
            {
              story: "الفرح تحطم مثل الزجاج في مرج حيث احتفلت العائلات الزرقاء بالحياة. ظلال حمراء سقطت على الأبرياء—ضحكات الأطفال أصبحت صرخات، حكمة الشيوخ أصبحت صمتاً. الزرق ردوا بقوة ساحقة، يسعون للعدالة وعودة المأخوذين. الآن العالم يحكم على الرد الأزرق بينما الأسرى لا يزالون في الأيدي الحمراء. كيف يواجه الزرق هذا العبء المستحيل؟",
              choices: [
                "💪 عدم إظهار ضعف حتى يعود كل أسير إلى البيت",
                "🌍 شرح للعالم لماذا كانت مثل هذه القوة ضرورية",
                "⚡ متابعة العمليات حتى تنهار المقاومة الحمراء تماماً",
                "💔 الاعتراف بالألم من الجانبين مع التمسك بالموقف"
              ],
              consequences: [
                "العزيمة الزرقاء تتحول إلى فولاذ، لكن القلوب الفولاذية تكافح لتذكر الدفء. القوة المخصصة للحماية تصبح قفصاً يسجن الرحمة الزرقاء نفسها.",
                "الأصوات الزرقاء تصبح أجش من تفسير ما لا يجب أن يحتاج تفسيراً. العالم يرى القوة لكن لا الدموع، والفهم الدبلوماسي يصبح أصعب من النصر في المعركة.",
                "كل عملية تجلب نجاحاً تكتيكياً ملفوفاً بعزلة استراتيجية. القادة العسكريون يربحون المعارك بينما القادة السياسيون يخسرون الحرب على القلوب والعقول.",
                "الاعتراف لا يجلب راحة فورية، لكنه يفتح شقاً من النور في قلوب بدت مغلقة. بعض الزرق يجرؤون على الأمل أن الاعتراف قد يؤدي إلى حل."
              ]
            }
          ]دعت العواصف"
              ],
              consequences: [
                "تنمو الدفاعات أعلى، لكن الأطفال الزرق يعيشون في الشفق. يعرفون الأمان لكنهم ينسون الثقة، ينشؤون في حصن يحمي من كل شيء، بما في ذلك الفرح.",
                "الضربات الوقائية تمنع الهجمات لكنها تزرع بذور العواصف المستقبلية. كل عملية تولد الأعداء الذين سعوا للقضاء عليهم.",
                "تفيض المستشفيات وتمتلئ المقابر. المبادئ النبيلة تقدم عزاءً بارداً للعائلات التي تدفع ثمن المثل العليا.",
                "الفحص يجلب حقائق غير مريحة: النوايا الحسنة يمكن أن ترتدي أقنعة النتائج الرهيبة."
              ]
            },
            {
              story: "أصبح احتفال مرح مأساة عندما أخذت الظلال الحمراء مدنيين زرقاً. كانت الاستجابة ساحقة. كيف يحمل الزرق هذا العبء؟",
              choices: [
                "💪 عدم إظهار ضعف حتى يعود الجميع",
                "🌍 شرح للعالم لماذا كانت القوة ضرورية",
                "⚡ المتابعة حتى تنكسر المقاومة",
                "💔 الاعتراف بالدم المسفوك من الجانبين"
              ],
              consequences: [
                "تتبلور العزيمة الزرقاء إلى شيء قد لا يتعرف عليه الأسلاف. القوة التي كانت مخصصة للحماية تصبح قفصاً من اليقظة الدائمة.",
                "الأصوات الزرقاء تصبح أجش من تبرير الأفعال. العالم يرى القوة لكن لا الدموع، والدبلوماسيون يتعلمون أن الفهم أصعب من النصر.",
                "كل عملية تجلب نجاحاً تكتيكياً ملفوفاً بالعزلة الاستراتيجية. القادة يربحون المعارك بينما الزعماء يخسرون القلوب والعقول.",
                "الاعتراف لا يجلب راحة فورية، لكنه يفتح باباً في القلوب الزرقاء كانت تُعتبر مغلقة إلى الأبد."
              ]
            }
          ]
        },
        elderMessage: {
          en: "Young guardian, I have watched through seasons of storm and stillness. We built our nation to shelter innocents, but our shelter became a fortress casting long shadows. Have we protected our future?",
          he: "שומר צעיר, ראיתי דרך עונות של סופה ושקט. בנינו את האומה שלנו כדי להגן על חפים מפשע, אבל המקלט שלנו הפך למבצר שמטיל צללים ארוכים. האם הגנו על העתיד שלנו?",
          ar: "أيها الحارس الشاب، لقد شاهدت عبر مواسم العاصفة والسكون. بنينا أمتنا لحماية الأبرياء، لكن ملجأنا أصبح حصناً يلقي ظلالاً طويلة. هل حمينا مستقبلنا؟"
        },
        futurePrompt: {
          en: "The Blue elder's voice fades like thunder. The captives remain in Red hands. The world's judgment weighs heavy. What choice will ripple through generations?",
          he: "קולו של הזקן הכחול דועך כמו רעם. השבויים נשארים בידיים אדומות. שיפוט העולם כבד. איזו בחירה תתפשט דרך הדורות?",
          ar: "يتلاشى صوت الشيخ الأزرق مثل الرعد. الأسرى يبقون في الأيدي الحمراء. حكم العالم ثقيل. أي اختيار سيتردد عبر الأجيال؟"
        },
        futureChoices: {
          en: [
            "⚡ Total war — end all threats, even if it costs the captives.",
            "🌿 Stop. Heal. Begin to speak again."
          ],
          he: [
            "⚡ מלחמה מוחלטת — לסיים את כל האיומים, גם אם זה יעלה בחיי השבויים.",
            "🌿 לעצור. לרפא. להתחיל לדבר שוב."
          ],
          ar: [
            "⚡ حرب شاملة — إنهاء جميع التهديدات، حتى لو كلف ذلك الأسرى.",
            "🌿 توقف. اشف. ابدأ بالحديث مرة أخرى."
          ]
        },
        futureVisions: {
          en: [
            "You see Blue victory complete, Red territories silent as graveyards. Rescued captives return forever changed, eyes holding shadows. Blue children inherit a land without neighbors, clear skies that are achingly alone.",
            "You see Blue hands reaching across ancient walls, finding Red hands reaching back with equal courage. Trust rebuilds slowly, stone by stone. In time, children's laughter mingles again, creating harmonies neither could sing alone."
          ],
          he: [
            "אתה רואה ניצחון כחול שלם, שטחים אדומים שקטים כמו בתי קברות. שבויים מחולצים חוזרים שונים לנצח, עיניים מחזיקות צללים. ילדים כחולים יורשים ארץ בלי שכנים, שמיים צלולים שבודדים בכאב.",
            "אתה רואה ידיים כחולות מושטות מעבר לקירות עתיקים, מוצאות ידיים אדומות מושטות בחזרה באותה אומץ. אמון נבנה מחדש לאט, אבן אחר אבן. בזמן, צחוק הילדים מתערבב שוב, יוצר הרמוניות שאף אחד לא יכל לשיר לבד."
          ],
          ar: [
            "ترى انتصاراً أزرقاً كاملاً، أراضي حمراء صامتة مثل المقابر. الأسرى المنقذون يعودون متغيرين إلى الأبد، عيونهم تحمل ظلالاً. الأطفال الزرق يرثون أرضاً بلا جيران، سماء صافية وحيدة بشكل مؤلم.",
            "ترى أيدي زرقاء تمتد عبر جدران عتيقة، تجد أيدي حمراء تمتد بنفس الشجاعة. الثقة تُعاد بناؤها ببطء، حجراً بحجر. مع الوقت، ضحكات الأطفال تختلط مرة أخرى، خالقة تناغمات لا يستطيع أي منهما غناءها وحده."
          ]
        }
      }// ====================================
    // STORY DATA WITH MULTILINGUAL SUPPORT
    // ====================================
    const storyData = {
      red: {
        screenClass: 'red-screen',
        steps: {
          en: [
            {
              story: "The Red hearts dreamed of self-rule in the land of their ancestors. When they brought this vision to the Blues, they were met with cold refusals. 'You are not ready,' came the reply. How do Red spirits respond?",
              choices: [
                "🔥 Declare that self-rule is our birthright",
                "⚔️ Take up arms to claim what words cannot secure",
                "🚫 Cut all ties with Blue authority forever", 
                "🤝 Ask to understand their fears"
              ],
              consequences: [
                "The declaration spreads like wildfire, but also hardens Blue hearts. Red children learn to speak of birthright with clenched fists, while bridges between peoples burn to ash.",
                "Weapons gather in Red places, but so do shadows in Red hearts. Mothers teach children the sounds of danger instead of lullabies.",
                "The severing creates Red isolation. Essential medicines flow elsewhere, while Red elders wonder if pride costs more than children's futures.",
                "A few Red voices call for patience, but are drowned by accumulated pain. These Reds become strangers among their own people."
              ]
            },
            {
              story: "Years of frustration crystallized into lightning. Red fighters launched strikes that shattered Blue tranquility. Each attack carved deeper wounds. How do the Reds navigate this maze?",
              choices: [
                "💥 Escalate until Blue resistance crumbles",
                "🎯 Strike at Blue leaders",
                "📢 Call upon distant nations for support",
                "💭 Question whether violence builds homes"
              ],
              consequences: [
                "Each escalation brings fiercer Blue thunder. Red neighborhoods that once rang with laughter now know only sirens and ash.",
                "The strikes create Blue martyrs whose memory burns brighter than their lives. Peace becomes a tale from another world.",
                "The world listens but many turn away from the violence. Red diplomats find doors closing where open hands once waited.",
                "Questions multiply: if children inherit land won through lightning, will they remember how to tend gardens?"
              ]
            },
            {
              story: "The breaking point arrived. Red fighters took civilians during a Blue celebration, awakening a tempest of retaliation. How do the Reds face this darkest hour?",
              choices: [
                "🛡️ Shelter fighters among families",
                "🔫 Stand defiant until the end",
                "🌍 Demand world intervention", 
                "🕊️ Consider the true price of victory"
              ],
              consequences: [
                "Red fighters seek refuge among families, but Blue strikes cannot distinguish between sword and cradle. Parents hold children as buildings shake.",
                "The vow to fight unto death inspires some, but earth drinks both Red and Blue blood without distinction.",
                "The world's attention brings aid wrapped in judgment. Red leaders defend not just their cause but their methods.",
                "In the rubble, some Reds whisper: if this is victory, what would defeat have looked like? The civilians taken still wait."
              ]
            }
          ],
          he: [
            {
              story: "הכחולים הציעו לחלוק את הארץ העתיקה, לבנות את מדינתהם ליד שטחי האדומים. 'נוכל לפרוח יחד,' הם אמרו. אבל לבבות אדומים ראו רק פלישה לאדמת קודש. איך האדומים עונים להצעה הזו?",
              choices: [
                "🚫 לדחות כל פשרה—הארץ הזו מכירה רק דם אדום",
                "⚔️ לגרש אותם לפני שהשורשים שלהם יעמיקו",
                "🏛️ לבנות מדינה שלנו כדי להשוות לכוח שלהם",
                "🤝 לשקול אם הארץ רחבה מספיק לשניהם"
              ],
              consequences: [
                "הדחייה מתקשחת לדוקטרינה. ילדים אדומים לומדים ששיתוף הוא כניעة, בעוד ילדים כחולים גדלים רואים רק עוינות אדומה מעבר לגבול.",
                "תופי מלחמה מהדהדים איפה שפעם שירי חתונה צלצלו. אמהות מונות את בניהן כל ערב, יודעות שפחות יחזרו עם כל זריחה.",
                "כמה קולות אדומים מדברים על בנייה במקום הרס, אבל מושתקים על ידי אלה שטועים יצירה בחולשה.",
                "הזקנים שזוכרים ילדים כחולים ואדומים משחקים יחד מוצאים את זכרונותיהם מתויגים כבגידה."
              ]
            },
            {
              story: "דרך החרב קראה חזק יותר מדרך המחרשה. במקום להקים עיירים אדומים, ידיים אדומות הרימו להבים אדומים. שנה אחר שנה, התקפות פרחו כמו פרחים מרירים על פני אדמות כחולות. איך האדומים מצדיקים את הקציר האינסופי הזה?",
              choices: [
                "🗡️ כל מכה מחלישה את הטענה שלהם לאדמת אבותינו",
                "🔥 לשרוף את השלום שלהם עד שיעזבו את המקום הזה",
                "👑 כיבוש הוא הכתר היחיד שחשוב",
                "💭 לתהות אם הייתה דרך אחרת"
              ],
              consequences: [
                "ניצחון טועם כמו אפר כשילדים יורשים חרבות במקום מחרשות. קהילות אדומות יודעות שמות של לוחמים טוב יותר מאשר חקלאים.",
                "דמעות כחולות משקות את האדמה, אבל דמעות אדומות בעקבותיהן. כל התקפה מזמינה תגמול, ואמהות משני הצדדים לומדות אותם שירי ערש של אובדן.",
                "כוח הבנוי על כאב של אחרים מטיל צללים ארוכים. מנהיגים אדומים מתרגלים לשיטות שסבותיהם לא היו מזהים.",
                "ספק מתפשט כמו סדקים באבן. חלק מהאדומים שואלים אם כוח בלי רחמים הוא כוח בכלל, אבל הקולות שלהם נמוגים מתחת לתופי המלחמה."
              ]
            },
            {
              story: "ביום של חגיגה כחולה, צללים אדומים נפלו על החפים מפשע. הבלתי נתפס הפך לאמיתי—זקנים,ילדים, משפחות נתלשו משמחה לכבוס. חלק מהאדומים רקדו בעוד אחרים בכו. התגובה הכחולה הייתה מהירה ואיומה. איך האדומים מתמודדים עם מה שהם שחררו?",
              choices: [
                "🎭 לטעון שהתקיפה הייתה נחוצה—כל אזרחי כחולים מאפשרים את המדינה שלהם",
                "💀 לקבל את התגמול כמחיר הפעולה הנועזת",
                "🌍 להאשים את העולם שלא מבין כאב אדום",
                "💔 להתעמת עם המראה של מה שהידיים האדומות הפכו להיות"
              ],
              consequences: [
                "הצדקה הופכת לרעל שמתפשט דרך לבבות אדומים. ילדים לומדים לראות אויבים איפה שאבותיהם ראו שכנים, וחמלה הופכת למותרות שהשבט לא יכול להרשות לעצמו.",
                "הסופה הכחולה פורצת על אדמות אדומות בזעם של צער הורה. במקלטים ובמחסים, משפחות אדומות מתכנסות כשעולמן בוער, סוף סוף מבינות את הקציר שזרעו.",
                "העולם מסתלק, אבל הדממה חותכת עמוק יותר מגינוי. דיפלומטים אדומים מגלים שאפילו לחמלה יש גבולות כשתמימות מתנפצת.",
                "בחורבות, חלק מהקולות האדומים לוחשים אמיתות שהבושה לא יכולה להשתיק: הפכנו לחושך שטענו שאנחנו נלחמים נגדו. אבל האם ההכרה הזו תפרח לשינוי, או תקמל לעוד כאב?"
              ]
            }
          ],
          ar: [
            {
              story: "حلمت القلوب الحمراء بالحكم الذاتي في أرض أجدادهم. عندما قدموا هذه الرؤية للزرق، قوبلوا برفض بارد. 'لستم مستعدين'، جاء الرد. كيف تستجيب الأرواح الحمراء؟",
              choices: [
                "🔥 أعلن أن الحكم الذاتي حقنا بالولادة",
                "⚔️ حمل السلاح للمطالبة بما لا تستطيع الكلمات تأمينه",
                "🚫 قطع كل الروابط مع السلطة الزرقاء إلى الأبد",
                "🤝 اطلب فهم مخاوفهم"
              ],
              consequences: [
                "ينتشر الإعلان كالنار في الهشيم، لكنه يقسي القلوب الزرقاء أيضاً. يتعلم الأطفال الحمر التحدث عن حق الولادة بقبضات مشدودة.",
                "تتجمع الأسلحة في الأماكن الحمراء، لكن الظلال تتجمع في القلوب الحمراء أيضاً. تعلم الأمهات أطفالهن أصوات الخطر بدلاً من التهويدات.",
                "يخلق القطع عزلة حمراء. تتدفق الأدوية الأساسية إلى أماكن أخرى، بينما يتساءل شيوخ الحمر ما إذا كان الكبرياء يكلف أكثر من مستقبل الأطفال.",
                "تدعو بعض الأصوات الحمراء للصبر، لكنها تغرق في الألم المتراكم. يصبح هؤلاء الحمر غرباء بين شعبهم."
              ]
            },
            {
              story: "تبلورت سنوات الإحباط إلى برق. شن المقاتلون الحمر هجمات حطمت الهدوء الأزرق. كل هجوم نحت جروحاً أعمق. كيف يتنقل الحمر في هذا المتاهة؟",
              choices: [
                "💥 التصعيد حتى تنهار المقاومة الزرقاء",
                "🎯 ضرب القادة الزرق",
                "📢 الدعوة للأمم البعيدة للدعم",
                "💭 التساؤل عما إذا كان العنف يبني البيوت"
              ],
              consequences: [
                "كل تصعيد يجلب رعداً أزرقاً أشد. الأحياء الحمراء التي كانت تردد بالضحك الآن تعرف فقط صفارات الإنذار والرماد.",
                "تخلق الضربات شهداء زرقاً تحترق ذكراهم أكثر إشراقاً من حياتهم. يصبح السلام حكاية من عالم آخر.",
                "العالم يستمع لكن كثيرين يبتعدون عن العنف. الدبلوماسيون الحمر يجدون أبواباً تُغلق حيث انتظرت أيد مفتوحة يوماً ما.",
                "تتضاعف الأسئلة: إذا ورث الأطفال أرضاً فُتحت بالبرق، فهل سيتذكرون كيف يزرعون الحدائق؟"
              ]
            },
            {
              story: "وصلت نقطة الانهيار. أخذ المقاتلون الحمر مدنيين أثناء احتفال أزرق، موقظين عاصفة انتقام. كيف يواجه الحمر هذه الساعة الأشد ظلاماً؟",
              choices: [
                "🛡️ إيواء المقاتلين بين العائلات",
                "🔫 الوقوف بتحدٍ حتى النهاية",
                "🌍 المطالبة بتدخل عالمي",
                "🕊️ التفكير في الثمن الحقيقي للنصر"
              ],
              consequences: [
                "يبحث المقاتلون الحمر عن ملجأ بين العائلات، لكن الضربات الزرقاء لا تستطيع التمييز بين السيف والمهد. يحمل الآباء أطفالهم بينما تهتز المباني.",
                "يلهم النذر بالقتال حتى الموت البعض، لكن الأرض تشرب الدم الأحمر والأزرق دون تمييز.",
                "انتباه العالم يجلب مساعدة ملفوفة بالحكم. القادة الحمر يدافعون ليس فقط عن قضيتهم بل عن أساليبهم.",
                "في الأنقاض، يهمس بعض الحمر: إذا كان هذا نصراً، فكيف كانت ستبدو الهزيمة؟ المدنيون المأخوذون ما زالوا ينتظرون."
              ]
            }
          ]ردد بالضحك الآن تعرف فقط صفارات الإنذار والرماد.",
                "تخلق الضربات شهداء زرقاً تحترق ذكراهم أكثر إشراقاً من حياتهم. يصبح السلام حكاية من عالم آخر.",
                "العالم يستمع لكن كثيرين يبتعدون عن العنف. الدبلوماسيون الحمر يجدون أبواباً تُغلق حيث انتظرت أيد مفتوحة يوماً ما.",
                "تتضاعف الأسئلة: إذا ورث الأطفال أرضاً فُتحت بالبرق، فهل سيتذكرون كيف يزرعون الحدائق؟"
              ]
            },
            {
              story: "وصلت نقطة الانهيار. أخذ المقاتلون الحمر مدنيين أثناء احتفال أزرق، موقظين عاصفة انتقام. كيف يواجه الحمر هذه الساعة الأشد ظلاماً؟",
              choices: [
                "🛡️ إيواء المقاتلين بين العائلات",
                "🔫 الوقوف بتحدٍ حتى النهاية",
                "🌍 المطالبة بتدخل عالمي",
                "🕊️ التفكير في الثمن الحقيقي للنصر"
              ],
              consequences: [
                "يبحث المقاتلون الحمر عن ملجأ بين العائلات، لكن الضربات الزرقاء لا تستطيع التمييز بين السيف والمهد. يحمل الآباء أطفالهم بينما تهتز المباني.",
                "يلهم النذر بالقتال حتى الموت البعض، لكن الأرض تشرب الدم الأحمر والأزرق دون تمييز.",
                "انتباه العالم يجلب مساعدة ملفوفة بالحكم. القادة الحمر يدافعون ليس فقط عن قضيتهم بل عن أساليبهم.",
                "في الأنقاض، يهمس بعض الحمر: إذا كان هذا نصراً، فكيف كانت ستبدو الهزيمة؟ المدنيون المأخوذون ما زالوا ينتظرون."
              ]
            }
          ]
        },
        elderMessage: {
          en: "Child of my blood, I have watched our people carry pain like a sacred flame for four generations. The ones we hold are someone's children too. What if our grandchildren could inherit gardens instead of scars?",
          he: "ילד מדמי, ראיתי את עמנו נושא כאב כמו להבה קדושה במשך ארבעה דורות. אלה שאנחנו מחזיקים הם גם ילדים של מישהו. מה אם הנכדים שלנו יוכלו לרשת גנים במקום צ<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Two Tribes Game</title>
  <link href="https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Assistant', sans-serif; background: linear-gradient(135deg, #0f0f23, #16213e); color: #f5f5f5; overflow: hidden; line-height: 1.6; user-select: none; }
    
    /* RTL Support */
    .rtl { direction: rtl; }
    .rtl .turn-indicator { right: auto; left: 20px; }
    .rtl .language-selector { left: auto; right: 20px; }
    .screen { width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; text-align: center; position: absolute; top: 0; left: 0; transition: opacity 0.8s ease; }
    .hidden { opacity: 0; pointer-events: none; }
    .intro-screen { background: linear-gradient(135deg, #0f0f23, #16213e); }
    .red-screen { background: linear-gradient(135deg, #7f1d1d, #991b1b); }
    .blue-screen { background: linear-gradient(135deg, #1e3a8a, #1d4ed8); }
    .consequence-screen { background: linear-gradient(135deg, #374151, #4b5563); }
    .elder-screen { background: linear-gradient(135deg, #92400e, #b45309); }
    .future-screen { background: linear-gradient(135deg, #065f46, #047857); }
    .vision-screen { background: linear-gradient(135deg, #581c87, #6b21a8); }
    .final-screen { background: linear-gradient(135deg, #4c1d95, #5b21b6); }
    h1 { font-size: clamp(2rem, 8vw, 3.5rem); font-weight: 400; margin-bottom: 1.5rem; text-shadow: 2px 2px 12px rgba(0,0,0,0.8); }
    .intro-text, .story-text { font-size: clamp(1rem, 4.5vw, 1.4rem); line-height: 1.8; max-width: 90vw; margin-bottom: 2rem; font-style: italic; font-weight: 300; text-shadow: 1px 1px 6px rgba(0,0,0,0.7); }
    .consequence-text, .vision-text { font-size: clamp(1.1rem, 5vw, 1.8rem); line-height: 1.6; max-width: 85vw; margin: 0 auto; font-style: italic; font-weight: 300; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); }
    .elder-message { font-size: clamp(1rem, 4.5vw, 1.6rem); line-height: 1.7; margin-bottom: 2rem; font-style: italic; font-weight: 300; max-width: 85vw; color: #fbbf24; }
    .elder-title { font-size: clamp(1.8rem, 6vw, 2.8rem); margin-bottom: 1.5rem; color: #f59e0b; font-weight: 500; }
    .future-title { font-size: clamp(1.6rem, 6vw, 2.5rem); margin-bottom: 1.5rem; color: #34d399; font-weight: 500; }
    .final-message { font-size: clamp(1.1rem, 5vw, 1.7rem); line-height: 1.7; margin-bottom: 2rem; font-style: italic; font-weight: 400; color: #e879f9; max-width: 85vw; }
    .btn { border: none; border-radius: 12px; cursor: pointer; transition: all 0.4s ease; font-family: inherit; font-weight: 500; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); touch-action: manipulation; border: 2px solid rgba(255,255,255,0.2); }
    .btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.4); }
    .perspective-buttons { display: flex; flex-direction: column; gap: 20px; margin-top: 2rem; width: 100%; max-width: 400px; }
    .perspective-btn { padding: 20px; font-size: clamp(1rem, 4.5vw, 1.4rem); font-weight: 600; border-radius: 15px; width: 100%; }
    .red-perspective { background: linear-gradient(135deg, #dc2626, #b91c1c); color: white; }
    .blue-perspective { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; }
    .choices-container { display: flex; flex-direction: column; gap: 15px; width: 100%; max-width: 500px; }
    .choice-btn { padding: 20px; font-size: clamp(0.9rem, 3.5vw, 1.1rem); background: rgba(255,255,255,0.15); color: white; border-radius: 12px; min-height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 400; line-height: 1.5; }
    .choice-btn:hover { background: rgba(255,255,255,0.25); }
    .peaceful-choice { background: rgba(34, 197, 94, 0.25); border-color: rgba(34, 197, 94, 0.5); margin-top: 10px; }
    .future-choices { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 500px; }
    .future-btn { padding: 25px; font-size: clamp(0.95rem, 4vw, 1.3rem); border-radius: 15px; min-height: 90px; font-weight: 500; line-height: 1.6; display: flex; align-items: center; justify-content: center; text-align: center; }
    .hopeful-choice { background: linear-gradient(135deg, #059669, #047857); color: white; }
    .dark-choice { background: linear-gradient(135deg, #991b1b, #7f1d1d); color: white; }
    .final-buttons { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 400px; }
    .final-btn { padding: 20px; font-size: clamp(1rem, 4vw, 1.3rem); font-weight: 600; border-radius: 12px; width: 100%; }
    .other-side-btn { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }
    .restart-btn { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
    .continue-btn { background: linear-gradient(135deg, #059669, #047857); color: white; padding: 20px 30px; font-size: clamp(1rem, 4vw, 1.3rem); margin-top: 1rem; }
    .turn-indicator { position: absolute; top: 20px; right: 20px; font-size: 1rem; opacity: 0.8; font-weight: 500; }
    .countdown-container { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 10px; }
    .countdown { font-size: 1.2rem; opacity: 0.9; font-weight: 600; }
    .hold-instruction { font-size: 1rem; opacity: 0.7; font-weight: 400; font-style: italic; }
    
    /* Language Selector */
    .language-selector { position: absolute; top: 20px; right: 20px; z-index: 100; }
    .language-toggle { background: rgba(255,255,255,0.1); border: 2px solid rgba(255,255,255,0.3); color: white; padding: 10px 15px; border-radius: 10px; font-size: 0.9rem; cursor: pointer; font-family: inherit; transition: all 0.3s ease; }
    .language-toggle:hover { background: rgba(255,255,255,0.2); transform: translateY(-1px); }
    .language-dropdown { position: absolute; top: 100%; right: 0; background: rgba(0,0,0,0.9); border: 2px solid rgba(255,255,255,0.3); border-radius: 10px; margin-top: 5px; min-width: 150px; }
    .language-option { padding: 12px 15px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.1); transition: background 0.2s ease; }
    .language-option:last-child { border-bottom: none; }
    .language-option:hover { background: rgba(255,255,255,0.1); }
    .language-option.active { background: rgba(34, 197, 94, 0.3); }
    .hidden { display: none; }
    @keyframes pulse { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } }
    @keyframes glow { 0%, 100% { text-shadow: 2px 2px 12px rgba(0,0,0,0.8); } 50% { text-shadow: 2px 2px 20px rgba(255,255,255,0.3); } }
    .pulse { animation: pulse 2.5s infinite; }
    .glow { animation: glow 3s infinite; }
    @media (min-width: 768px) {
      .perspective-buttons { flex-direction: row; max-width: 600px; gap: 30px; }
      .choices-container { max-width: 600px; }
      .future-choices { max-width: 600px; }
      .final-buttons { flex-direction: row; max-width: 500px; }
    }
  </style>
</head>
<body>
  <!-- FIXED: Removed language selection screen entirely -->
  <!-- Introduction Screen -->
  <div class="screen intro-screen" id="introScreen">
    <!-- Language Selector -->
    <div class="language-selector">
      <button class="language-toggle" onclick="toggleLanguageDropdown()" id="languageToggle">
        🌍 EN
      </button>
      <div class="language-dropdown hidden" id="languageDropdown">
        <div class="language-option" onclick="selectLanguage('en')" data-lang="en">
          🇬🇧 English
        </div>
        <div class="language-option" onclick="selectLanguage('he')" data-lang="he">
          🇮🇱 עברית
        </div>
        <div class="language-option" onclick="selectLanguage('ar')" data-lang="ar">
          🇸🇦 العربية
        </div>
      </div>
    </div>
    
    <h1 class="glow" id="gameTitle">🌅 The Echoes of Two Tribes</h1>
    <div class="intro-text" id="introText">
      Long ago, the Red and Blue tribes lived in one land. To keep the peace, they divided it in two… but the echoes of pain linger still.
    </div>
    <div class="perspective-buttons">
      <button class="btn perspective-btn red-perspective" onclick="selectPerspective('red')" id="redBtn">
        🔴 Follow the Red Tribe's story
      </button>
      <button class="btn perspective-btn blue-perspective" onclick="selectPerspective('blue')" id="blueBtn">
        🔵 Follow the Blue Tribe's story
      </button>
    </div>
  </div>

  <!-- Game Screen -->
  <div class="screen hidden" id="gameScreen">
    <div class="turn-indicator" id="turnIndicator">Step 1 of 3</div>
    <div class="story-text" id="storyText"></div>
    <div class="choices-container" id="choicesContainer"></div>
  </div>

  <!-- Consequence Screen -->
  <div class="screen consequence-screen hidden" id="consequenceScreen">
    <div class="consequence-text" id="consequenceText"></div>
    <div class="countdown-container">
      <div class="countdown" id="countdown"></div>
      <div class="hold-instruction pulse">Hold to pause</div>
    </div>
  </div>

  <!-- Elder Screen -->
  <div class="screen elder-screen hidden" id="elderScreen">
    <div class="elder-title" id="elderTitle">🕊️ The Elder's Voice</div>
    <div class="elder-message" id="elderMessage"></div>
    <button class="btn continue-btn" onclick="showFutureScreen()" id="continueBtn">Where will we go from here?</button>
  </div>

  <!-- Future Path Screen -->
  <div class="screen future-screen hidden" id="futureScreen">
    <div class="future-title" id="futureTitle">🔮 The Path Forward</div>
    <div class="story-text" id="futurePrompt"></div>
    <div class="future-choices" id="futureChoices"></div>
  </div>

  <!-- Future Vision Screen -->
  <div class="screen vision-screen hidden" id="visionScreen">
    <div class="vision-text" id="visionText"></div>
    <div class="countdown-container">
      <div class="countdown" id="visionCountdown"></div>
      <div class="hold-instruction pulse" id="holdInstruction">Hold to pause</div>
    </div>
  </div>

  <!-- Final Screen -->
  <div class="screen final-screen hidden" id="finalScreen">
    <h1 class="glow" id="finalTitle">✨ Echoes</h1>
    <div class="final-message" id="finalMessage">The future begins with how we choose to see the other.</div>
    <div class="final-buttons">
      <button class="btn final-btn other-side-btn" onclick="tryOtherSide()" id="otherSideBtn">👁️ Try the other tribe's story</button>
      <button class="btn final-btn restart-btn" onclick="restart()" id="restartBtn">🌟 Play again</button>
    </div>
  </div>

  <script>
    // ====================================
    // GAME STATE
    // ====================================
    let currentLanguage = 'en'; // Default language
    let currentPerspective = null;
    let currentStep = 1;
    let totalSteps = 3;
    let countdownInterval = null;
    let visionCountdownInterval = null;
    let isPaused = false;
    let timeLeft = 8;

    // ====================================
    // LANGUAGE TRANSLATIONS
    // ====================================
    const translations = {
      en: {
        gameTitle: "🌅 The Echoes of Two Tribes",
        introText: "Long ago, the Red and Blue tribes lived in one land. To keep the peace, they divided it in two… but the echoes of pain linger still.",
        redBtn: "🔴 Follow the Red Tribe's story",
        blueBtn: "🔵 Follow the Blue Tribe's story",
        elderTitle: "🕊️ The Elder's Voice",
        futureTitle: "🔮 The Path Forward",
        finalTitle: "✨ Echoes",
        finalMessage: "The future begins with how we choose to see the other.",
        otherSideBtn: "👁️ Try the other tribe's story",
        restartBtn: "🌟 Play again",
        continueBtn: "Where will we go from here?",
        holdInstruction: "Hold to pause",
        stepIndicator: "Step {0} of 3"
      },
      he: {
        gameTitle: "🌅 הדי שני השבטים",
        introText: "לפני זמן רב, השבט האדום והשבט הכחול חיו יחד בארץ אחת. כדי לשמור על השלום, הם חילקו אותה לשניים... אבל הדי הכאב עדיין מהדהדים.",
        redBtn: "🔴 עקוב אחר סיפור השבט האדום",
        blueBtn: "🔵 עקוב אחר סיפור השבט הכחול",
        elderTitle: "🕊️ קול הזקן",
        futureTitle: "🔮 הדרך קדימה",
        finalTitle: "✨ הדים",
        finalMessage: "העתיד מתחיל באופן שבו אנחנו בוחרים לראות את האחר.",
        otherSideBtn: "👁️ נסה את סיפור השבט השני",
        restartBtn: "🌟 שחק שוב",
        continueBtn: "לאן נלך מכאן?",
        holdInstruction: "החזק כדי להשהות",
        stepIndicator: "שלב {0} מתוך 3"
      },
      ar: {
        gameTitle: "🌅 أصداء القبيلتين",
        introText: "منذ زمن بعيد، عاشت القبيلة الحمراء والقبيلة الزرقاء في أرض واحدة. للحفاظ على السلام، قسموها إلى نصفين... لكن أصداء الألم لا تزال تتردد.",
        redBtn: "🔴 تابع قصة القبيلة الحمراء",
        blueBtn: "🔵 تابع قصة القبيلة الزرقاء",
        elderTitle: "🕊️ صوت الحكيم",
        futureTitle: "🔮 الطريق إلى الأمام",
        finalTitle: "✨ أصداء",
        finalMessage: "المستقبل يبدأ بالطريقة التي نختار أن نرى بها الآخر.",
        otherSideBtn: "👁️ جرب قصة القبيلة الأخرى",
        restartBtn: "🌟 العب مرة أخرى",
        continueBtn: "إلى أين سنذهب من هنا؟",
        holdInstruction: "اضغط مع الاستمرار للإيقاف المؤقت",
        stepIndicator: "الخطوة {0} من 3"
      }
    };

    // ====================================
    // LANGUAGE FUNCTIONS
    // ====================================
    function toggleLanguageDropdown() {
      const dropdown = document.getElementById('languageDropdown');
      dropdown.classList.toggle('hidden');
    }

    function selectLanguage(lang) {
      console.log('🌍 Language selected:', lang);
      
      // Update current language
      currentLanguage = lang;
      
      // Update language toggle button
      const langCodes = { en: '🇬🇧 EN', he: '🇮🇱 HE', ar: '🇸🇦 AR' };
      document.getElementById('languageToggle').textContent = langCodes[lang];
      
      // Hide dropdown
      document.getElementById('languageDropdown').classList.add('hidden');
      
      // Update active option styling
      document.querySelectorAll('.language-option').forEach(option => {
        option.classList.remove('active');
      });
      document.querySelector(`[data-lang="${lang}"]`).classList.add('active');
      
      // Apply RTL direction for Hebrew and Arabic
      const isRTL = lang === 'he' || lang === 'ar';
      document.body.classList.toggle('rtl', isRTL);
      document.documentElement.setAttribute('dir', isRTL ? 'rtl' : 'ltr');
      
      // Update all visible text content
      updateLanguageContent();
    }

    function updateLanguageContent() {
      const t = translations[currentLanguage];
      
      // Update intro screen
      document.getElementById('gameTitle').textContent = t.gameTitle;
      document.getElementById('introText').textContent = t.introText;
      document.getElementById('redBtn').textContent = t.redBtn;
      document.getElementById('blueBtn').textContent = t.blueBtn;
      
      // Update other screen elements
      document.getElementById('elderTitle').textContent = t.elderTitle;
      document.getElementById('futureTitle').textContent = t.futureTitle;
      document.getElementById('finalTitle').textContent = t.finalTitle;
      document.getElementById('finalMessage').textContent = t.finalMessage;
      document.getElementById('otherSideBtn').textContent = t.otherSideBtn;
      document.getElementById('restartBtn').textContent = t.restartBtn;
      document.getElementById('continueBtn').textContent = t.continueBtn;
      document.getElementById('holdInstruction').textContent = t.holdInstruction;
      
      // Update step indicator if in game
      if (currentPerspective && currentStep) {
        document.getElementById('turnIndicator').textContent = t.stepIndicator.replace('{0}', currentStep);
      }
      
      // If we're in the game, update the story content
      if (currentPerspective) {
        updateStoryContent();
      }
    }

    function updateStoryContent() {
      if (!currentPerspective) return;
      
      const data = storyData[currentPerspective];
      const currentStepData = data.steps[currentLanguage];
      
      if (currentStepData && currentStepData[currentStep - 1]) {
        const step = currentStepData[currentStep - 1];
        
        // Update story text if on game screen
        const storyTextEl = document.getElementById('storyText');
        if (storyTextEl && !document.getElementById('gameScreen').classList.contains('hidden')) {
          storyTextEl.textContent = step.story;
          
          // Update choices
          const container = document.getElementById('choicesContainer');
          container.innerHTML = '';
          
          step.choices.forEach((choice, index) => {
            const button = document.createElement('button');
            button.className = `btn choice-btn ${index === 3 ? 'peaceful-choice' : ''}`;
            button.textContent = choice;
            button.onclick = () => makeChoice(index);
            container.appendChild(button);
          });
        }
        
        // Update elder message if on elder screen
        const elderMessageEl = document.getElementById('elderMessage');
        if (elderMessageEl && !document.getElementById('elderScreen').classList.contains('hidden')) {
          elderMessageEl.textContent = data.elderMessage[currentLanguage];
        }
      }
    }

    // Close dropdown when clicking outside
    document.addEventListener('click', function(event) {
      const dropdown = document.getElementById('languageDropdown');
      const toggle = document.getElementById('languageToggle');
      
      if (!dropdown?.contains(event.target) && !toggle?.contains(event.target)) {
        dropdown?.classList.add('hidden');
      }
    });

    // ====================================
    // STORY DATA
    // ====================================
    const storyData = {
      red: {
        screenClass: 'red-screen',
        steps: {
          en: [
            {
              story: "The Red hearts dreamed of self-rule in the land of their ancestors. When they brought this vision to the Blues, they were met with cold refusals. 'You are not ready,' came the reply. How do Red spirits respond?",
              choices: [
                "🔥 Declare that self-rule is our birthright",
                "⚔️ Take up arms to claim what words cannot secure",
                "🚫 Cut all ties with Blue authority forever", 
                "🤝 Ask to understand their fears"
              ],
              consequences: [
                "The declaration spreads like wildfire, but also hardens Blue hearts. Red children learn to speak of birthright with clenched fists, while bridges between peoples burn to ash.",
                "Weapons gather in Red places, but so do shadows in Red hearts. Mothers teach children the sounds of danger instead of lullabies.",
                "The severing creates Red isolation. Essential medicines flow elsewhere, while Red elders wonder if pride costs more than children's futures.",
                "A few Red voices call for patience, but are drowned by accumulated pain. These Reds become strangers among their own people."
              ]
            },
            {
              story: "Years of frustration crystallized into lightning. Red fighters launched strikes that shattered Blue tranquility. Each attack carved deeper wounds. How do the Reds navigate this maze?",
              choices: [
                "💥 Escalate until Blue resistance crumbles",
                "🎯 Strike at Blue leaders",
                "📢 Call upon distant nations for support",
                "💭 Question whether violence builds homes"
              ],
              consequences: [
                "Each escalation brings fiercer Blue thunder. Red neighborhoods that once rang with laughter now know only sirens and ash.",
                "The strikes create Blue martyrs whose memory burns brighter than their lives. Peace becomes a tale from another world.",
                "The world listens but many turn away from the violence. Red diplomats find doors closing where open hands once waited.",
                "Questions multiply: if children inherit land won through lightning, will they remember how to tend gardens?"
              ]
            },
            {
              story: "The breaking point arrived. Red fighters took civilians during a Blue celebration, awakening a tempest of retaliation. How do the Reds face this darkest hour?",
              choices: [
                "🛡️ Shelter fighters among families",
                "🔫 Stand defiant until the end",
                "🌍 Demand world intervention", 
                "🕊️ Consider the true price of victory"
              ],
              consequences: [
                "Red fighters seek refuge among families, but Blue strikes cannot distinguish between sword and cradle. Parents hold children as buildings shake.",
                "The vow to fight unto death inspires some, but earth drinks both Red and Blue blood without distinction.",
                "The world's attention brings aid wrapped in judgment. Red leaders defend not just their cause but their methods.",
                "In the rubble, some Reds whisper: if this is victory, what would defeat have looked like? The civilians taken still wait."
              ]
            }
          ],
          he: [
            {
              story: "הלבבות האדומים חלמו על שלטון עצמי בארץ אבותיהם. כשהביאו את החזון הזה לכחולים, הם נתקלו בסירובים קרים. 'אתם לא מוכנים,' הגיעה התשובה. איך רוחות האדומים מגיבות?",
              choices: [
                "🔥 להכריז שהשלטון העצמי הוא זכות הולדת שלנו",
                "⚔️ לנשק נשק כדי לתבוע מה שמילים לא יכולות להבטיח",
                "🚫 לנתק את כל הקשרים עם הרשות הכחולה לנצח",
                "🤝 לבקש להבין את הפחדים שלהם"
              ],
              consequences: [
                "ההכרזה מתפשטת כמו אש בשדה קוצים, אבל גם מקשיחה את הלבבות הכחולים. ילדים אדומים לומדים לדבר על זכות הולדת באגרופים קפוצים.",
                "נשק מתאסף במקומות אדומים, אבל גם צללים מתאספים בלבבות אדומים. אמהות מלמדות ילדים את קולות הסכנה במקום שירי ערש.",
                "הניתוק יוצר בידוד אדום. תרופות חיוניות זורמות למקום אחר, בעוד זקני אדומים תוהים אם הגאווה עולה יותר מעתיד הילדים.",
                "כמה קולות אדומים קוראים לסבלנות, אבל נטבעים בכאב המצטבר. האדומים האלה הופכים לזרים בין עמם שלהם."
              ]
            },
            {
              story: "שנים של תסכול התגבשו לברק. לוחמים אדומים פתחו במתקפות שניפצו את השלווה הכחולה. כל התקפה חרטה פצעים עמוקים יותר. איך האדומים מנווטים במבוך הזה?",
              choices: [
                "💥 להסלים עד שההתנגדות הכחולה תתפורר",
                "🎯 לתקוף מנהיגים כחולים",
                "📢 לקרוא לאומות רחוקות לתמיכה",
                "💭 לשאול האם אלימות בונה בתים"
              ],
              consequences: [
                "כל הסלמה מביאה רעם כחול עזה יותר. שכונות אדומות שפעם הדהדו מצחוק כעת יודעות רק צפירות ואפר.",
                "המתקפות יוצרות קדושים כחולים שזכרם בוער בהיר יותר מחייהם. שלום הופך לסיפור מעולם אחר.",
                "העולם מקשיב אבל רבים מסתלקים מהאלימות. דיפלומטים אדומים מוצאים דלתות נסגרות איפה שידיים פתוחות חיכו פעם.",
                "שאלות מתרבות: אם ילדים יורשים אדמה שנכבשה בברק, האם הם יזכרו איך לטפח גנים?"
              ]
            },
            {
              story: "נקודת השבר הגיעה. לוחמים אדומים לקחו אזרחים במהלך חגיגה כחולה, והעירו סופת תגמול. איך האדומים מתמודדים עם השעה הכי אפלה הזו?",
              choices: [
                "🛡️ להגן על לוחמים בין משפחות",
                "🔫 לעמוד בהתרסה עד הסוף",
                "🌍 לדרוש התערבות עולמית",
                "🕊️ לשקול את המחיר האמיתי של הניצחון"
              ],
              consequences: [
                "לוחמים אדומים מחפשים מחסה בין משפחות, אבל מתקפות כחולות לא יכולות להבחין בין חרב לעריסה. הורים מחזיקים ילדים כשבניינים רועדים.",
                "הנדר להילחם עד מוות מעורר השראה אצל חלק, אבל האדמה שותה דם אדום וכחול ללא הבחנה.",
                "תשומת הלב של העולם מביאה עזרה עטופה בשיפוט. מנהיגים אדומים מגינים לא רק על המטרה שלהם אלא על השיטות שלהם.",
                "בין החורבות, חלק מהאדומים לוחשים: אם זה ניצחון, איך תבוסה הייתה נראית? האזרחים שנלקחו עדיין מחכים."
              ]
            }
          ],
          ar: [
            {
              story: "حلمت القلوب الحمراء بالحكم الذاتي في أرض أجدادهم. عندما قدموا هذه الرؤية للزرق، قوبلوا برفض بارد. 'لستم مستعدين'، جاء الرد. كيف تستجيب الأرواح الحمراء؟",
              choices: [
                "🔥 أعلن أن الحكم الذاتي حقنا بالولادة",
                "⚔️ حمل السلاح للمطالبة بما لا تستطيع الكلمات تأمينه",
                "🚫 قطع كل الروابط مع السلطة الزرقاء إلى الأبد",
                "🤝 اطلب فهم مخاوفهم"
              ],
              consequences: [
                "ينتشر الإعلان كالنار في الهشيم، لكنه يقسي القلوب الزرقاء أيضاً. يتعلم الأطفال الحمر التحدث عن حق الولادة بقبضات مشدودة.",
                "تتجمع الأسلحة في الأماكن الحمراء، لكن الظلال تتجمع في القلوب الحمراء أيضاً. تعلم الأمهات أطفالهن أصوات الخطر بدلاً من التهويدات.",
                "يخلق القطع عزلة حمراء. تتدفق الأدوية الأساسية إلى أماكن أخرى، بينما يتساءل شيوخ الحمر ما إذا كان الكبرياء يكلف أكثر من مستقبل الأطفال.",
                "تدعو بعض الأصوات الحمراء للصبر، لكنها تغرق في الألم المتراكم. يصبح هؤلاء الحمر غرباء بين شعبهم."
              ]
            },
            {
              story: "تبلورت سنوات الإحباط إلى برق. شن المقاتلون الحمر هجمات حطمت الهدوء الأزرق. كل هجوم نحت جروحاً أعمق. كيف يتنقل الحمر في هذا المتاهة؟",
              choices: [
                "💥 التصعيد حتى تنهار المقاومة الزرقاء",
                "🎯 ضرب القادة الزرق",
                "📢 الدعوة للأمم البعيدة للدعم",
                "💭 التساؤل عما إذا كان العنف يبني البيوت"
              ],
              consequences: [
                "كل تصعيد يجلب رعداً أزرقاً أشد. الأحياء الحمراء التي كانت تردد بالضحك الآن تعرف فقط صفارات الإنذار والرماد.",
                "تخلق الضربات شهداء زرقاً تحترق ذكراهم أكثر إشراقاً من حياتهم. يصبح السلام حكاية من عالم آخر.",
                "العالم يستمع لكن كثيرين يبتعدون عن العنف. الدبلوماسيون الحمر يجدون أبواباً تُغلق حيث انتظرت أيد مفتوحة يوماً ما.",
                "تتضاعف الأسئلة: إذا ورث الأطفال أرضاً فُتحت بالبرق، فهل سيتذكرون كيف يزرعون الحدائق؟"
              ]
            },
            {
              story: "وصلت نقطة الانهيار. أخذ المقاتلون الحمر مدنيين أثناء احتفال أزرق، موقظين عاصفة انتقام. كيف يواجه الحمر هذه الساعة الأشد ظلاماً؟",
              choices: [
                "🛡️ إيواء المقاتلين بين العائلات",
                "🔫 الوقوف بتحدٍ حتى النهاية",
                "🌍 المطالبة بتدخل عالمي",
                "🕊️ التفكير في الثمن الحقيقي للنصر"
              ],
              consequences: [
                "يبحث المقاتلون الحمر عن ملجأ بين العائلات، لكن الضربات الزرقاء لا تستطيع التمييز بين السيف والمهد. يحمل الآباء أطفالهم بينما تهتز المباني.",
                "يلهم النذر بالقتال حتى الموت البعض، لكن الأرض تشرب الدم الأحمر والأزرق دون تمييز.",
                "انتباه العالم يجلب مساعدة ملفوفة بالحكم. القادة الحمر يدافعون ليس فقط عن قضيتهم بل عن أساليبهم.",
                "في الأنقاض، يهمس بعض الحمر: إذا كان هذا نصراً، فكيف كانت ستبدو الهزيمة؟ المدنيون المأخوذون ما زالوا ينتظرون."
              ]
            }
          ]
        },
        elderMessage: {
          en: "Child of my blood, I have watched our people become shadows of who we once were. The innocents we took cry out from both our nightmares and their graves. Can a people who have forgotten mercy remember how to heal?",
          he: "ילד מדמי, ראיתי את עמנו הופך לצללים של מי שהיינו פעם. החפים מפשע שלקחנו זועקים הן מהסיוטים שלנו והן מקבריהם. האם עם ששכח רחמים יכול לזכור איך לרפא?",
          ar: "يا ولد دمي، لقد شاهدت شعبنا يصبح ظلالاً لمن كنا يوماً. الأبرياء الذين أخذناهم يصرخون من كوابيسنا وقبورهم على حد سواء. هل يمكن لشعب نسي الرحمة أن يتذكر كيف يشفي؟"
        },
        futurePrompt: {
          en: "The Red elder's words hang in air thick with ash and regret. The captives' fate weighs on every Red heart. The world has turned away. From this abyss, what path can the Red tribe choose?",
          he: "מילותיו של הזקן האדום תלויות באוויר סמיך עם אפר וחרטה. גורל השבויים שוקל על כל לב אדום. העולם הסב פנים. מהתהום הזו, איזו דרך יכול השבט האדום לבחור?",
          ar: "كلمات الشيخ الأحمر تعلق في هواء كثيف بالرماد والندم. مصير الأسرى يثقل على كل قلب أحمر. العالم أدار ظهره. من هذه الهاوية، أي طريق يمكن للقبيلة الحمراء أن تختار؟"
        },
        futureChoices: {
          en: [
            "🕊️ Release the captives. Face the shame. Begin to atone.",
            "🗡️ Fight until the end—there is no path back from this darkness."
          ],
          he: [
            "🕊️ לשחרר את השבויים. להתמודד עם הבושה. להתחיל לכפר.",
            "🗡️ להילחם עד הסוף—אין דרך חזרה מהחושך הזה."
          ],
          ar: [
            "🕊️ أطلق سراح الأسرى. واجه العار. ابدأ التكفير.",
            "🗡️ قاتل حتى النهاية—لا يوجد طريق عودة من هذا الظلام."
          ]
        },
        futureVisions: {
          en: [
            "You see Red hands trembling as they unlock cages, Red voices breaking as they speak words of regret to Blue families. The path is long and painful, but in distant years, Red children might learn to build rather than destroy, to create gardens where their parents sowed only thorns.",
            "You see Red banners flying over a wasteland of their own making. They have chosen the sword until the very end, becoming exactly what they once claimed to fight against. Red children inherit a hollow victory—rulers of ruins, kings of ashes, forever marked by the darkness their tribe could not escape."
          ],
          he: [
            "אתה רואה ידיים אדומות רועדות כשהן פותחות כלובים, קולות אדומים נשברים כשהם אומרים מילות חרטה למשפחות כחולות. הדרך ארוכה וכואבת, אבל בשנים רחוקות, ילדים אדומים אולי ילמדו לבנות במקום להרוס, ליצור גנים איפה שהוריהם זרעו רק קוצים.",
            "אתה רואה דגלים אדומים מתנופפים על שממה של יצירתם שלהם. הם בחרו בחרב עד הסוף, הופכים בדיוק למה שטענו פעם שהם נלחמים נגדו. ילדים אדומים יורשים ניצחון חלול—שליטים של חורבות, מלכים של אפר, מסומנים לנצח על ידי החושך שהשבט שלהם לא יכול היה לברוח ממנו."
          ],
          ar: [
            "ترى أيدي حمراء ترتعش وهي تفتح الأقفاص، أصوات حمراء تنكسر وهي تنطق كلمات الندم للعائلات الزرقاء. الطريق طويل ومؤلم، لكن في سنوات بعيدة، قد يتعلم الأطفال الحمر البناء بدلاً من الهدم، وخلق حدائق حيث زرع آباؤهم فقط الأشواك.",
            "ترى أعلاماً حمراء ترفرف فوق أرض قاحلة من صنعهم. لقد اختاروا السيف حتى النهاية، أصبحوا بالضبط ما ادعوا يوماً أنهم يقاتلونه. الأطفال الحمر يرثون انتصاراً أجوف—حكام الأنقاض، ملوك الرماد، موسومون إلى الأبد بالظلام الذي لم تستطع قبيلتهم الهروب منه."
          ]
        }
      },
      blue: {
        screenClass: 'blue-screen',
        steps: {
          en: [
            {
              story: "The Blues dreamed of order from chaos—a structured society where law could shelter all. When some resisted the new order, the Blues asked them gently: 'You may leave in peace.' But what if some refuse to go?",
              choices: [
                "⚖️ Enforce the law without compromise—order must prevail",
                "🚧 Build barriers to separate those who won't join from those who will",
                "🤝 Offer incentives and support to encourage peaceful departure",
                "💭 Wonder if there might be room for those who think differently"
              ],
              consequences: [
                "The law becomes absolute, but Blue children ask why neighbors vanished overnight. Parents struggle to explain justice to innocent eyes that remember shared playgrounds.",
                "Walls rise strong and straight, but Blue hearts grow heavy. Children know safety behind barriers, but forget the taste of trust beyond them.",
                "Generosity flows like water, but some hearts cannot be moved by kindness. The Blues learn that good intentions don't always yield good outcomes.",
                "A few Blue voices whisper of inclusion, but are silenced by those who fear that compromise breeds chaos. These Blues become strangers in their own orderly land."
              ]
            },
            {
              story: "Waves of fury crashed against Blue shores year after year. Each attack tested their resolve, each loss demanded response. Sometimes the Blues struck back when threats gathered like storm clouds. How do Blues navigate this endless siege?",
              choices: [
                "🛡️ Build impenetrable defenses—let no attack succeed",
                "⚔️ Strike first when danger gathers—prevention over reaction",
                "📊 Accept losses as the price of maintaining moral high ground",
                "🔄 Question whether their own actions invited the storms"
              ],
              consequences: [
                "Defenses grow higher than hope itself. Blue children live in twilight, knowing safety but forgetting trust, protected from everything including joy.",
                "Swift strikes prevent many attacks, but each operation plants seeds of future storms. The Blues become what they once feared to face.",
                "Bodies fill hospitals while principles fill speeches. Noble ideals provide cold comfort to families who pay the price for moral purity.",
                "Self-examination brings uncomfortable truths: good intentions can wear the mask of terrible consequences. But questions don't stop the next attack from coming."
              ]
            },
            {
              story: "Joy shattered like glass in a meadow where Blue families celebrated life. Red shadows fell upon the innocent—children's laughter became screams, elders' wisdom became silence. The Blues struck back with overwhelming force, seeking justice and the return of those taken. Now the world judges the Blue response while captives remain in Red hands. How do Blues face this impossible burden?",
              choices: [
                "💪 Show no weakness until every captive returns home",
                "🌍 Explain to the world why such force was necessary",
                "⚡ Continue operations until Red resistance crumbles completely",
                "💔 Acknowledge the pain on both sides while holding firm"
              ],
              consequences: [
                "Blue resolve turns to steel, but steel hearts struggle to remember warmth. Strength meant to protect becomes a cage that imprisons Blue compassion itself.",
                "Blue voices grow hoarse explaining what should need no explanation. The world sees power but not tears, and diplomatic understanding becomes harder than battlefield victory.",
                "Each operation brings tactical success wrapped in strategic isolation. Military commanders win battles while political leaders lose the war for hearts and minds.",
                "Acknowledgment brings no immediate relief, but opens a crack of light in hearts that seemed sealed. Some Blues dare to hope that recognition might lead to resolution."
              ]
            }
          ],
          he: [
            {
              story: "הכחולים חלמו על סדר מתוך כאוס—חברה מובנית שבה החוק יכול להגן על כולם. כשחלק התנגדו לסדר החדש, הכחולים ביקשו מהם בעדינות: 'אתם יכולים לעזוב בשלום.' אבל מה אם חלק מסרבים ללכת?",
              choices: [
                "⚖️ לאכוף את החוק ללא פשרות—הסדר חייב לנצח",
                "🚧 לבנות מחסומים להפריד בין מי שלא יצטרף למי שכן",
                "🤝 להציע תמריצים ותמיכה כדי לעודד עזיבה בשלום",
                "💭 לתהות אם יש מקום למי שחושב אחרת"
              ],
              consequences: [
                "החוק הופך למוחלט, אבל ילדים כחולים שואלים למה שכנים נעלמו בלילה. הורים נאבקים להסביר צדק לעיניים תמימות שזוכרות מגרשי משחקים משותפים.",
                "קירות עולים חזקים וישרים, אבל לבבות כחולים נהיים כבדים. ילדים יודעים בטיחות מאחורי מחסומים, אבל שוכחים את הטעם של אמון מעבר להם.",
                "נדיבות זורמת כמו מים, אבל חלק מהלבבות לא יכולים להיות מונעים על ידי חסד. הכחולים לומדים שכוונות טובות לא תמיד מניבות תוצאות טובות.",
                "כמה קולות כחולים לוחשים על הכלה, אבל מושתקים על ידי אלה שחוששים שפשרה מולידה כאוס. הכחולים האלה הופכים לזרים בארצם המסודרת."
              ]
            },
            {
              story: "גלי זעם התנפצו על חופי כחולים שנה אחר שנה. כל תקיפה בחנה את נחישותם, כל אובדן דרש תגובה. לפעמים הכחולים הכו בחזרה כשאיומים התכנסו כמו ענני סופה. איך הכחולים מנווטים במצור הבלתי נגמר הזה?",
              choices: [
                "🛡️ לבנות הגנות בלתי חדירות—לא לתת לשום תקיפה להצליח",
                "⚔️ לתקוף ראשונים כשהסכנה מתכנסת—מניעה על פני תגובה",
                "📊 לקבל הפסדים כמחיר של שמירה על הקו המוסרי",
                "🔄 לשאול האם הפעולות שלהם הזמינו את הסופות"
              ],
              consequences: [
                "הגנות צומחות גבוה יותר מהתקווה עצמה. ילדים כחולים חיים בדמדומים, יודעים בטיחות אבל שוכחים אמון, מוגנים מהכל כולל שמחה.",
                "מכות מהירות מונעות תקיפות רבות, אבל כל מבצע זורע זרעים לסופות עתידיות. הכחולים הופכים למה שפעם פחדו להתמודד איתו.",
                "גופים ממלאים בתי חולים בעוד עקרונות ממלאים נאומים. אידיאלים אצילים מספקים נחמה קרה למשפחות שמשלמות את המחיר לטוהר מוסרי.",
                "בחינה עצמית מביאה אמיתות לא נוחות: כוונות טובות יכולות ללבוש מסכה של תוצאות איומות. אבל שאלות לא עוצרות את התקיפה הבאה."
              ]
            },
            {
              story: "שמחה התנפצה כמו זכוכית בכר איפה שמשפחות כחולות חגגו חיים. צללים אדומים נפלו על החפים מפשע—צחוק של ילדים הפך לצרחות, חכמת זקנים הפכה לדממה. הכחולים הכו בחזרה בכוח מכריע, מחפשים צדק והחזרת הנלקחים. עכשיו העולם שופט את התגובה הכחולה בעוד השבויים נשארים בידיים אדומות. איך הכחולים מתמודדים עם הנטל הבלתי אפשרי הזה?",
              choices: [
                "💪 לא להראות חולשה עד שכל שבוי יחזור הביתה",
                "🌍 להסביר לעולם למה כוח כזה היה נחוץ",
                "⚡ להמשיך במבצעים עד שההתנגדות האדומה תתפורר לחלוטין",
                "💔 להכיר בכאב משני הצדדים תוך החזקה חזקה"
              ],
              consequences: [
                "נחישות כחולה הופכת לפלדה, אבל לבבות פלדה נאבקים לזכור חמימות. כוח שנועד להגן הופך לכלוב שכולא חמלה כחולה עצמה.",
                "קולות כחולים נהיים צרודים מהסבר מה שלא צריך הסבר. העולם רואה כוח אבל לא דמעות, והבנה דיפלומטית הופכת קשה יותר מניצחון בשדה קרב.",
                "כל מבצע מביא הצלחה טקטית עטופה בבידוד אסטרטגי. מפקדים צבאיים מנצחים קרבות בעוד מנהיגים פוליטיים מפסידים במלחמה על לבבות ומוחות.",
                "הכרה לא מביאה הקלה מיידית, אבל פותחת סדק של אור בלבבות שנראו חתומים. חלק מהכחולים מעזים לקוות שהכרה עלולה להוביל לפתרון."
              ]
            }
          ],
          ar: [
            {
              story: "حلم الزرق بالنظام من الفوضى—مجتمع منظم حيث يمكن للقانون أن يحمي الجميع. عندما قاوم البعض النظام الجديد، طلب الزرق منهم بلطف: 'يمكنكم المغادرة بسلام.' لكن ماذا لو رفض البعض الرحيل؟",
              choices: [
                "⚖️ فرض القانون دون تساهل—النظام يجب أن ينتصر",
                "🚧 بناء حواجز للفصل بين من لن ينضموا ومن سينضموا",
                "🤝 تقديم حوافز ودعم لتشجيع المغادرة السلمية",
                "💭 التساؤل عما إذا كان هناك مكان لمن يفكرون بشكل مختلف"
              ],
              consequences: [
                "القانون يصبح مطلقاً، لكن الأطفال الزرق يسألون لماذا اختفى الجيران بين ليلة وضحاها. الآباء يكافحون لتفسير العدالة لعيون بريئة تتذكر ملاعب مشتركة.",
                "الجدران ترتفع قوية ومستقيمة، لكن القلوب الزرقاء تصبح ثقيلة. الأطفال يعرفون الأمان خلف الحواجز، لكنهم ينسون طعم الثقة وراءها.",
                "الكرم يتدفق مثل الماء، لكن بعض القلوب لا يمكن تحريكها بالطيبة. الزرق يتعلمون أن النوايا الحسنة لا تحقق دائماً نتائج حسنة.",
                "بعض الأصوات الزرقاء تهمس بالشمول، لكنها تُسكت بواسطة أولئك الذين يخشون أن التنازل يولد الفوضى. هؤلاء الزرق يصبحون غرباء في أرضهم المنظمة."
              ]
            },
            {
              story: "أمواج الغضب تحطمت على الشواطئ الزرقاء عاماً بعد عام. كل هجوم اختبر عزيمتهم، كل خسارة طالبت بالرد. أحياناً ضرب الزرق بالمثل عندما تجمعت التهديدات مثل سحب العاصفة. كيف يتنقل الزرق في هذا الحصار اللانهائي؟",
              choices: [
                "🛡️ بناء دفاعات منيعة—لا تدع أي هجوم ينجح",
                "⚔️ الضرب أولاً عندما يتجمع الخطر—الوقاية أولى من رد الفعل",
                "📊 قبول الخسائر كثمن للحفاظ على المبدأ الأخلاقي",
                "🔄 التساؤل عما إذا كانت أفعالهم دعت العواصف"
              ],
              consequences: [
                "الدفاعات تنمو أعلى من الأمل نفسه. الأطفال الزرق يعيشون في الشفق، يعرفون الأمان لكنهم ينسون الثقة، محميون من كل شيء بما في ذلك الفرح.",
                "الضربات السريعة تمنع هجمات كثيرة، لكن كل عملية تزرع بذور عواصف مستقبلية. الزرق يصبحون ما خافوا مواجهته يوماً.",
                "الجثث تملأ المستشفيات بينما المبادئ تملأ الخطابات. المثل النبيلة توفر عزاءً بارداً للعائلات التي تدفع ثمن النقاء الأخلاقي.",
                "الفحص الذاتي يجلب حقائق غير مريحة: النوايا الحسنة يمكن أن ترتدي قناع النتائج الرهيبة. لكن الأسئلة لا توقف الهجوم القادم."
              ]
            },
            {
              story: "الفرح تحطم مثل الزجاج في مرج حيث احتفلت العائلات الزرقاء بالحياة. ظلال حمراء سقطت على الأبرياء—ضحكات الأطفال أصبحت صرخات، حكمة الشيوخ أصبحت صمتاً. الزرق ردوا بقوة ساحقة، يسعون للعدالة وعودة المأخوذين. الآن العالم يحكم على الرد الأزرق بينما الأسرى لا يزالون في الأيدي الحمراء. كيف يواجه الزرق هذا العبء المستحيل؟",
              choices: [
                "💪 عدم إظهار ضعف حتى يعود كل أسير إلى البيت",
                "🌍 شرح للعالم لماذا كانت مثل هذه القوة ضرورية",
                "⚡ متابعة العمليات حتى تنهار المقاومة الحمراء تماماً",
                "💔 الاعتراف بالألم من الجانبين مع التمسك بالموقف"
              ],
              consequences: [
                "العزيمة الزرقاء تتحول إلى فولاذ، لكن القلوب الفولاذية تكافح لتذكر الدفء. القوة المخصصة للحماية تصبح قفصاً يسجن الرحمة الزرقاء نفسها.",
                "الأصوات الزرقاء تصبح أجش من تفسير ما لا يجب أن يحتاج تفسيراً. العالم يرى القوة لكن لا الدموع، والفهم الدبلوماسي يصبح أصعب من النصر في المعركة.",
                "كل عملية تجلب نجاحاً تكتيكياً ملفوفاً بعزلة استراتيجية. القادة العسكريون يربحون المعارك بينما القادة السياسيون يخسرون الحرب على القلوب والعقول.",
                "الاعتراف لا يجلب راحة فورية، لكنه يفتح شقاً من النور في قلوب بدت مغلقة. بعض الزرق يجرؤون على الأمل أن الاعتراف قد يؤدي إلى حل."
              ]
            }
          ]
        },
        elderMessage: {
          en: "Young guardian, I have watched through seasons of storm and stillness. We built our nation to shelter innocents, but our shelter became a fortress casting long shadows. Have we protected our future?",
          he: "שומר צעיר, ראיתי דרך עונות של סופה ושקט. בנינו את האומה שלנו כדי להגן על חפים מפשע, אבל המקלט שלנו הפך למבצר שמטיל צללים ארוכים. האם הגנו על העתיד שלנו?",
          ar: "أيها الحارس الشاب، لقد شاهدت عبر مواسم العاصفة والسكون. بنينا أمتنا لحماية الأبرياء، لكن ملجأنا أصبح حصناً يلقي ظلالاً طويلة. هل حمينا مستقبلنا؟"
        },
        futurePrompt: "The Blue elder's voice fades like thunder. The captives remain in Red hands. The world's judgment weighs heavy. What choice will ripple through generations?",
        futureChoices: [
          "⚡ Total war — end all threats, even if it costs the captives.",
          "🌿 Stop. Heal. Begin to speak again."
        ],
        futureVisions: [
          "You see Blue victory complete, Red territories silent as graveyards. Rescued captives return forever changed, eyes holding shadows. Blue children inherit a land without neighbors, clear skies that are achingly alone.",
          "You see Blue hands reaching across ancient walls, finding Red hands reaching back with equal courage. Trust rebuilds slowly, stone by stone. In time, children's laughter mingles again, creating harmonies neither could sing alone."
        ]
      }
    };

    // ====================================
    // ALL GAME FUNCTIONS PROPERLY DEFINED
    // ====================================

    /**
     * MAIN FUNCTION - selectPerspective (this was working)
     */
    function selectPerspective(perspective) {
      console.log('✅ selectPerspective called:', perspective);
      currentPerspective = perspective;
      currentStep = 1;
      showGameScreen();
    }

    function showGameScreen() {
      const gameScreen = document.getElementById('gameScreen');
      const data = storyData[currentPerspective];
      gameScreen.className = `screen ${data.screenClass}`;
      updateStep();
      hideAllScreens();
      gameScreen.classList.remove('hidden');
    }

    function updateStep() {
      const data = storyData[currentPerspective];
      const step = data.steps[currentLanguage][currentStep - 1];
      const t = translations[currentLanguage];
      
      document.getElementById('turnIndicator').textContent = t.stepIndicator.replace('{0}', currentStep);
      document.getElementById('storyText').textContent = step.story;
      
      const container = document.getElementById('choicesContainer');
      container.innerHTML = '';
      
      step.choices.forEach((choice, index) => {
        const button = document.createElement('button');
        button.className = `btn choice-btn ${index === 3 ? 'peaceful-choice' : ''}`;
        button.textContent = choice;
        button.onclick = () => makeChoice(index);
        container.appendChild(button);
      });
    }

    function makeChoice(choiceIndex) {
      const step = storyData[currentPerspective].steps[currentLanguage][currentStep - 1];
      const consequence = step.consequences[choiceIndex];
      showConsequence(consequence);
    }

    function showConsequence(consequence) {
      document.getElementById('consequenceText').textContent = consequence;
      hideAllScreens();
      document.getElementById('consequenceScreen').classList.remove('hidden');
      startCountdown();
    }

    function startCountdown() {
      timeLeft = 8;
      isPaused = false;
      updateCountdownDisplay();
      
      countdownInterval = setInterval(() => {
        if (!isPaused) {
          timeLeft--;
          updateCountdownDisplay();
          if (timeLeft <= 0) {
            clearInterval(countdownInterval);
            proceedToNext();
          }
        }
      }, 1000);
      
      setupPauseListeners();
    }

    function updateCountdownDisplay() {
      document.getElementById('countdown').textContent = `${timeLeft}s`;
    }

    function setupPauseListeners() {
      const screen = document.getElementById('consequenceScreen');
      screen.addEventListener('mousedown', pauseCountdown);
      screen.addEventListener('mouseup', resumeCountdown);
      screen.addEventListener('mouseleave', resumeCountdown);
      screen.addEventListener('touchstart', pauseCountdown);
      screen.addEventListener('touchend', resumeCountdown);
      screen.addEventListener('touchcancel', resumeCountdown);
    }

    function pauseCountdown(e) {
      e.preventDefault();
      isPaused = true;
      document.querySelector('.hold-instruction').style.color = '#fbbf24';
    }

    function resumeCountdown(e) {
      e.preventDefault();
      isPaused = false;
      document.querySelector('.hold-instruction').style.color = '';
    }

    function proceedToNext() {
      if (currentStep >= totalSteps) {
        showElderScreen();
      } else {
        currentStep++;
        updateStep();
        hideAllScreens();
        document.getElementById('gameScreen').classList.remove('hidden');
      }
    }

    function showElderScreen() {
      const elderMessage = storyData[currentPerspective].elderMessage[currentLanguage];
      document.getElementById('elderMessage').textContent = elderMessage;
      hideAllScreens();
      document.getElementById('elderScreen').classList.remove('hidden');
    }

    function showFutureScreen() {
      const data = storyData[currentPerspective];
      document.getElementById('futurePrompt').textContent = data.futurePrompt[currentLanguage];
      
      const container = document.getElementById('futureChoices');
      container.innerHTML = '';
      
      data.futureChoices[currentLanguage].forEach((choice, index) => {
        const button = document.createElement('button');
        button.className = `btn future-btn ${index === 0 ? 'hopeful-choice' : 'dark-choice'}`;
        button.textContent = choice;
        button.onclick = () => showVision(index);
        container.appendChild(button);
      });
      
      hideAllScreens();
      document.getElementById('futureScreen').classList.remove('hidden');
    }

    function showVision(choiceIndex) {
      const vision = storyData[currentPerspective].futureVisions[currentLanguage][choiceIndex];
      document.getElementById('visionText').textContent = vision;
      hideAllScreens();
      document.getElementById('visionScreen').classList.remove('hidden');
      startVisionCountdown();
    }

    function startVisionCountdown() {
      timeLeft = 8;
      isPaused = false;
      
      visionCountdownInterval = setInterval(() => {
        if (!isPaused) {
          timeLeft--;
          document.getElementById('visionCountdown').textContent = `${timeLeft}s`;
          if (timeLeft <= 0) {
            clearInterval(visionCountdownInterval);
            showFinalScreen();
          }
        }
      }, 1000);
      
      const screen = document.getElementById('visionScreen');
      screen.addEventListener('mousedown', pauseCountdown);
      screen.addEventListener('mouseup', resumeCountdown);
      screen.addEventListener('touchstart', pauseCountdown);
      screen.addEventListener('touchend', resumeCountdown);
    }

    function showFinalScreen() {
      hideAllScreens();
      document.getElementById('finalScreen').classList.remove('hidden');
    }

    function tryOtherSide() {
      const otherPerspective = currentPerspective === 'red' ? 'blue' : 'red';
      selectPerspective(otherPerspective);
    }

    function restart() {
      currentPerspective = null;
      currentStep = 1;
      clearInterval(countdownInterval);
      clearInterval(visionCountdownInterval);
      hideAllScreens();
      document.getElementById('introScreen').classList.remove('hidden');
    }

    function hideAllScreens() {
      document.querySelectorAll('.screen').forEach(screen => {
        screen.classList.add('hidden');
      });
    }

    // ====================================
    // DEBUG LOGGING
    // ====================================
    document.addEventListener('DOMContentLoaded', function() {
      console.log('✅ Game loaded successfully');
      console.log('✅ selectPerspective function exists:', typeof selectPerspective === 'function');
      
      // Test both buttons
      const redBtn = document.getElementById('redBtn');
      const blueBtn = document.getElementById('blueBtn');
      console.log('✅ Red button found:', redBtn !== null);
      console.log('✅ Blue button found:', blueBtn !== null);
      console.log('✅ Red button onclick:', redBtn?.onclick);
      console.log('✅ Blue button onclick:', blueBtn?.onclick);
    });

    window.addEventListener('error', function(e) {
      console.error('❌ Error:', e.message, 'at line', e.lineno);
    });
  </script>
</body>
</html>