.sbig { width:100%; max-width:520px; margin:0 auto 22px;
          display:block; position:relative; }
  .sbig input { width:100%; background:var(--card);
          border:1px solid var(--line); border-radius:11px;
          padding:13px 44px 13px 16px; color:var(--text);
          font-size:16px; font-family:inherit; }
  .sbig input:focus { outline:none; border-color:var(--accent); }
  .sbig .ico { position:absolute; top:50%; inset-inline-end:15px;
          transform:translateY(-50%); color:var(--muted);
          font-size:15px; pointer-events:none; }

  .sempty { color:var(--muted); font-size:14px; text-align:center;
            padding:26px 10px; }

  body { padding-bottom:78px; }

  .nav { position:fixed; inset-inline:0; bottom:0; z-index:900;
         background:var(--card); border-top:1px solid var(--line);
         display:flex; justify-content:space-around;
         align-items:stretch; padding:6px 4px 8px;
         backdrop-filter:blur(10px); }
  .nav a, .nav button { flex:1; display:flex; flex-direction:column;
         align-items:center; justify-content:center; gap:3px;
         background:none; border:none; cursor:pointer;
         color:var(--muted); font-family:inherit; font-size:12px;
         text-decoration:none; padding:5px 2px; border-radius:9px;
         transition:color .15s, background .15s; }
  .nav a:hover, .nav button:hover { background:var(--card2); }
  .nav .ic { width:22px; height:22px; display:block; }
  .nav .ic svg { width:100%; height:100%; display:block;
                 fill:none; stroke:currentColor; stroke-width:1.7;
                 stroke-linecap:round; stroke-linejoin:round; }
  .nav .on { color:var(--accent); }

  /* زر الإعدادات — انتقل من الشريط السفلي لأيقونة علوية بخانة
     نهاية .topbar (طرف اليسار بالعربي RTL، طرف اليمين بالإنجليزي
     LTR — نفس منطق season_menu/back_button الحالي بلا أي شرط لغة). */
  .topbtn { background:var(--card); color:var(--muted);
            border:1px solid var(--line); border-radius:9px;
            width:44px; height:44px; display:flex; align-items:center;
            justify-content:center; cursor:pointer; padding:0;
            font-family:inherit; }
  .topbtn:hover { background:var(--card2); color:var(--text); }
  /* شريط التطبيق العلوي (على نمط FotMob): الاسم على جهة، والإعدادات واللغة
     على الجهة الأخرى — الاتجاه تلقائي: عربي الاسم يميناً، إنجليزي يساراً. */
  .appbar { display:flex; align-items:center; justify-content:space-between;
            gap:12px; margin-bottom:8px; }
  .appname { font-size:clamp(16px,5.2vw,22px); font-weight:700;
             color:var(--text); text-decoration:none; line-height:1.2;
             min-width:0; overflow:hidden; text-overflow:ellipsis;
             white-space:nowrap; }
  /* زر الرجوع داخل الشريط: سهم 44×44 بجهة اسم التطبيق (يمين بالعربي،
     يسار بالإنجليزي — flex يتبع dir). الاسم يصغر/يُقتطع عند الضيق. */
  .appl { display:flex; align-items:center; gap:8px; min-width:0; }
  .backarrow { flex:0 0 44px; }
  .appbtns { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
  a.topbtn { text-decoration:none; font-size:14px; font-weight:700;
             font-family:inherit; }
  .vh { position:absolute; width:1px; height:1px; overflow:hidden;
        clip:rect(0 0 0 0); white-space:nowrap; }
  .slink { display:flex; align-items:center; justify-content:space-between;
           width:100%; color:var(--text); text-decoration:none; font-size:14px;
           min-height:44px; }
  /* قيمة اللغة تبدو زراً مثل Dark/Light (نفس .seg button) ليُعرف أنها تُضغط؛ الصف كله رابط واحد */
  .slink .lval { background:var(--bg); color:var(--muted); border:1px solid var(--line);
                 border-radius:8px; padding:7px 14px; font-size:13px; line-height:1.2; }
  .slink:hover .lval { color:var(--text); border-color:var(--accent); }
  .topbtn .ic { width:18px; height:18px; display:block; }
  .topbtn .ic svg { width:100%; height:100%; display:block;
                     fill:none; stroke:currentColor; stroke-width:1.7;
                     stroke-linecap:round; stroke-linejoin:round; }

  .sovl2 { position:fixed; inset:0; background:rgba(0,0,0,.72);
           display:none; align-items:center; justify-content:center;
           z-index:950; padding:20px; }
  .sovl2.on { display:flex; }
  .sbox2 { background:var(--card); border:1px solid var(--line);
           border-radius:16px; width:100%; max-width:420px;
           padding:20px 18px; }
  .sbox2 h3 { font-size:16px; margin-bottom:14px; }
  .srow { display:flex; align-items:center;
          justify-content:space-between; padding:12px 2px;
          border-bottom:1px solid var(--line); }
  .srow:last-of-type { border-bottom:none; }
  .srow .lbl { font-size:14px; }
  .seg { display:flex; gap:6px; }
  .seg a, .seg button { background:var(--bg); color:var(--muted);
          border:1px solid var(--line); border-radius:8px;
          padding:7px 14px; font-size:13px; cursor:pointer;
          font-family:inherit; text-decoration:none; }
  .seg .act { background:var(--accent); color:#fff;
              border-color:var(--accent); }
  /* شريط "غير متصل" — يظهر أعلى الصفحة عند انقطاع الشبكة.
     ⚠️ ضروري لأن الصفحة قد تُعرض من المخزون: بدونه يظن الزائر
     أن النتيجة المعروضة حالية وهي لقطة قديمة. */
  .offbar { position:fixed; inset-inline:0; top:0; z-index:990;
            background:#8a5300; color:#fff; text-align:center;
            font-size:12.5px; padding:8px 12px; display:none; }
  .offbar.on { display:block; }
  body.offline { padding-top:34px; }

  .sclose2 { display:block; width:100%; margin-top:16px;
             background:var(--card2); color:var(--text);
             border:1px solid var(--line); border-radius:10px;
             padding:11px; font-size:14px; cursor:pointer;
             font-family:inherit; }

  .lv { display:inline-flex; align-items:center; gap:5px;
        background:var(--red); color:#fff; border-radius:6px;
        padding:2px 8px; font-size:12px; font-weight:600;
        white-space:nowrap; }
  .lv .dot { width:6px; height:6px; border-radius:50%;
             background:#fff; animation:lvp 1.4s infinite; }
  @keyframes lvp { 0%,100%{opacity:1} 50%{opacity:.25} }
  .lvscore { color:var(--red) !important; font-weight:700; }
  /* بطاقة قائمة أثناء البث (10 أكتوبر، شكل FotMob): [كبسولة الدقيقة الخضراء] اسم·شعار · نتيجة · شعار·اسم، النتيجة غامقة بيضاء */
  .match.live { grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr); }
  .lvpill, .lv { direction:ltr; unicode-bidi:isolate; }
  .lvpill { background:var(--green); color:#04170a; border-radius:6px; padding:2px 7px; font-size:12px;
            font-weight:700; white-space:nowrap; min-width:30px; text-align:center; position:relative; z-index:2;
            pointer-events:none; }
  :root[data-theme="light"] .lvpill { color:#fff; }
  .match.live .side { flex-direction:row-reverse; margin-inline-start:auto; }
  .match.live .side.away { margin-inline-start:0; justify-content:flex-start; }
  .match.live .side span { text-align:end; }
  .match.live .side.away span { text-align:start; }
  .match.live .score { background:none; padding:4px 4px; }
  .match.live .score .lvscore { color:var(--text) !important; }
  .match.live .score .lv { display:none; }
  /* صفحة المباراة أثناء البث: النتيجة كبيرة بالمنتصف بالنص الأبيض، تحتها الدقيقة بنقطة نابضة، وتحت كل فريق هدّافوه */
  .big .lvscore { display:block; text-align:center; color:var(--text) !important; }
  .big .lv { display:flex; justify-content:center; background:none; color:var(--green); font-size:15px;
             padding:0; margin-top:4px; }
  .big .lv .dot { background:var(--green); }
  /* شارة نهاية المباراة بصفحة المباراة (12 أكتوبر): بحجم وموضع دقيقة البث لكن رمادية بلا نقطة */
  .big .ftb { display:block; text-align:center; color:var(--muted); font-size:15px; font-weight:600;
              letter-spacing:0; margin-top:4px; direction:ltr; unicode-bidi:isolate; }
  /* الترتيب المباشر (12 أكتوبر): شارة «مباشر» فوق الجدول، نقطة بجانب الفريقين اللاعبين، سهم تغيّر المركز */
  .ltlive { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:700; color:var(--green);
            margin:8px 2px 6px; }
  .ltlive .lvdot { width:7px; height:7px; border-radius:50%; background:var(--green); animation:lvp 1.4s infinite;
                   flex:0 0 auto; }
  .ltlive .ltn { color:var(--muted); font-weight:500; }
  tr.lvrow td:nth-child(2) a::after { content:"●"; color:var(--green); font-size:9px; margin-inline-start:5px;
                                      vertical-align:middle; }
  td.ps, td.pos { position:relative; }
  .chg { position:absolute; top:1px; inset-inline-start:3px; font-size:8px; line-height:1; font-weight:700; }
  .chg.up { color:var(--green); }
  .chg.dn { color:var(--red); }
  .mtab.lvt::after { content:"●"; color:var(--green); font-size:9px; margin-inline-start:5px; }
  .scl { margin-top:2px; max-width:100%; }
  .scl div { font-size:12px; line-height:1.5; color:var(--muted); text-align:center; unicode-bidi:plaintext;
             overflow-wrap:anywhere; }
  .lvfin { font-weight:700; }
  .lvend { display:inline-block; color:var(--muted); font-size:12px;
           font-weight:600; white-space:nowrap; }