<Section>
<Panel character="promi" mood="excited">
مرحباً بك في **قلعة الوضوح**! 🏰 أنا سعيد جداً أنك وصلت إلى هنا! في هذا العالم، سنتعلم سحر **التفاصيل**!
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
هل سبق أن طلبت شيئاً من شخص ما، لكنه لم يفهم ما تقصده؟ هذا يحدث مع الذكاء الاصطناعي أيضاً!
</Panel>
</Section>

<Section>
## مشكلة الأوامر الغامضة

انظر إلى هذين الأمرين:

❌ **غامض:** "ارسم صورة"

✅ **واضح:** "ارسم صورة لجرو سعيد يلعب في حديقة مشمسة"

أيهما يعطيني معلومات أكثر للعمل بها؟
</Section>

<Section>
<Panel character="promi" mood="happy">
الأمر الثاني يخبرني **ماذا** أرسم (جرو)، **ماذا يفعل** (يلعب)، و**أين** (حديقة مشمسة). هذه قوة التفاصيل!
</Panel>
</Section>

<Section>
## هيا نتدرب!

<PromptVsMistake
  question="أي أمر يحتوي على تفاصيل أفضل؟"
  good="اكتب نكتة مضحكة عن قطة تريد أن تتعلم الطيران"
  bad="قل لي نكتة"
  explanation="الأمر المفصل يخبرني بالضبط أي نوع من النكات تريده - مضحكة، عن قطة، بقصة محددة!"
  promiMessage="التفاصيل مثل الأدلة التي تساعدني على فهم ما تريده بالضبط!"
/>
</Section>

<Section>
## لماذا التفاصيل مهمة

<PromptVsMistake
  question="أي أمر سيساعد برومي على صنع بطاقة عيد ميلاد أفضل؟"
  good="اصنع بطاقة عيد ميلاد لجدتي التي تحب الزهور واللون الأزرق"
  bad="اصنع بطاقة عيد ميلاد"
  explanation="معرفة أنها لجدتك، وأنها تحب الزهور، ولونها المفضل يساعد في إنشاء شيء خاص وشخصي!"
  promiMessage="كلما عرفت أكثر عما تريده، كلما استطعت المساعدة بشكل أفضل!"
/>
</Section>

<Section>
## املأ التفاصيل!

<MagicWords
  sentence="من فضلك اكتب قصة عن ___ يعيش في ___ ويحب أن ___"
  blanks={[
    { hint: "🐱 حيوان", answers: ["قطة", "كلب", "أرنب", "تنين", "حصان"] },
    { hint: "🏠 مكان", answers: ["قلعة", "غابة", "مدينة", "بيت شجرة", "كهف"] },
    { hint: "⭐ نشاط", answers: ["يغني", "يرقص", "يطبخ", "يرسم", "يستكشف"] }
  ]}
  successMessage="عمل رائع في إضافة التفاصيل!"
/>
</Section>

<Section>
## أنت تتعلم! 🎉

<Panel character="promi" mood="celebrating">
عمل رائع! لقد اكتشفت أن **التفاصيل تجعل الأوامر أفضل**. أوامر غامضة = ذكاء اصطناعي مرتبك. أوامر مفصلة = نتائج مذهلة!
</Panel>

<LevelComplete 
  levelSlug="2-1-missing-details" 
  stars={3}
  message="تعلمت لماذا التفاصيل مهمة في الأوامر!"
/>
</Section>
