/* ترتيب الصفحة الرئيسية على الجوال وحده (أقلّ من 768 بكسل). الحاسب والآيباد لا يتغيّران.
   على الجوال كانت أسفل الشاشة تتراكب: سجلّ المشهد يسارًا، والرادار وشارة «SEALED EVIDENCE» يمينًا (والشارة
   مقصوصة عند الحافة)، وسطر «أنت داخل عين الفحص»، وروابط الخصوصية والشروط، وجملة الكتابة في الوسط بخطٍّ كبير
   تنزل فوق الجميع. هنا يأخذ كلٌّ مكانه، بالشكل والألوان نفسها:
     - أسفل الشاشة: سطر «أنت داخل عين الفحص» وحده.
     - فوقه صفّ واحد: سجلّ المشهد يسارًا (أحدث أربعة أسطر)، والرادار وشارته يمينًا داخل الشاشة.
     - فوق الصفّ: سطر الطرفية صغيرًا (خطّ 13) فوق الرادار مباشرةً، بعيدًا عن مربّع التصويب والكتابة الصفراء في الوسط.
     - الصفحة بطول 100vh، وشريطُ Safari في الآيفون يغطّي أسفلها؛ فيُرفع كلُّ ما في الأسفل بقدر ما يغطّيه الشريط
       (100vh - 100dvh، وهو صفرٌ حين لا شريط). والسطرُ الأوّل قبل كلّ calc للمتصفّحات التي لا تعرف dvh.
     - الرادار 116 بكسل وسجلّ المشهد بخطّ 11 ليُقرآ على الجوال.
     - روابط الخصوصية والشروط في قائمة الطرفية أعلى الصفحة ([2] و[3])، فتُخفى من الأسفل على الجوال
       (تبقى في الصفحة لمن لا يشغّل JavaScript ولمحرّكات البحث، وتظهر على الحاسب كما هي). */

@media (max-width: 767px) {
  /* جملة الكتابة في الوسط */
  #terminalSide.terminal-side {
    bottom: 168px;
    bottom: calc(168px + 100vh - 100dvh);
    width: max-content;
    max-width: calc(100vw - 56px);
    padding: 6px 12px;
  }
  #terminalSide .terminal-line {
    font-size: 13px;
    line-height: 1.6;
    gap: 6px;
  }
  #terminalSide .terminal-cursor {
    width: 7px;
    height: 15px;
  }

  /* سجلّ المشهد: أسفل اليسار، فوق سطر «أنت داخل عين الفحص» */
  #root .absolute.bottom-0.left-0.p-4.pointer-events-none {
    left: 10px;
    bottom: 46px;
    bottom: calc(46px + 100vh - 100dvh);
    padding: 0;
    max-width: calc(100vw - 168px);
  }
  #root .absolute.bottom-0.left-0.p-4.pointer-events-none > div {
    padding: 7px 9px;
  }
  #root .absolute.bottom-0.left-0.p-4.pointer-events-none .font-mono {
    font-size: 11px;
    line-height: 16px;
  }
  #root .absolute.bottom-0.left-0.p-4.pointer-events-none .font-mono > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #root .absolute.bottom-0.left-0.p-4.pointer-events-none .font-mono > div:nth-child(n + 5) {
    display: none;
  }

  /* الرادار وشارته: أسفل اليمين، داخل الشاشة كاملين */
  #root .absolute.bottom-0.right-0.p-4.pointer-events-none {
    right: 10px;
    bottom: 46px;
    bottom: calc(46px + 100vh - 100dvh);
    padding: 0;
    gap: 6px;
  }
  #root .absolute.bottom-0.right-0.p-4.pointer-events-none > .rounded-full {
    padding: 5px;
  }
  #root .absolute.bottom-0.right-0.p-4.pointer-events-none canvas {
    width: 116px;
    height: 116px;
  }
  #root .absolute.bottom-0.right-0.p-4.pointer-events-none > div:last-child {
    padding: 4px 8px;
    gap: 6px;
  }
  #root .absolute.bottom-0.right-0.p-4.pointer-events-none > div:last-child > span:last-child {
    display: none;
  }

  /* سطر «أنت داخل عين الفحص»: أسفل الشاشة وحده */
  #root .absolute.bottom-\[12px\].pointer-events-none {
    bottom: 12px;
    bottom: calc(12px + 100vh - 100dvh);
  }

  /* الروابط القانونية: في قائمة الطرفية على الجوال */
  .qs-legal-links {
    display: none;
  }
}

/* الهواتف الصغيرة (أقلّ من 400 بكسل): زرّا «تسجيل الدخول» و«إنشاء حساب» على سطرٍ واحد، وسطر الطرفية
   ينكسر إلى سطرين حين لا يتّسع له سطر، بدل أن يُقصّ. */
@media (max-width: 400px) {
  #terminalSide .terminal-line {
    white-space: normal;
  }
  .qs-header-actions .btn-glass-minimal {
    white-space: nowrap;
    padding: 0 9px;
  }
}