/* ══════════════════════════════════════════════════════════════
   «وضع التركيز» أثناء اللعب (٢٠٢٦/٠٩/٢٥) — body.game-focus
   الشريطُ الجانبيّ وشريطُ الاتصال بالبثّ وشريطُ أزرار اللعبة تنسحب من الشاشة،
   ويبقى منها خيطٌ رفيع على الطرف: مرّر الفأرة عليه فتعود. والمسرحُ يملأ الشاشة.
   ══════════════════════════════════════════════════════════════ */
body.game-focus{padding-inline:0!important}

/* الشريط الجانبيّ (يمين) */
body.game-focus #toolrail{transition:transform .35s cubic-bezier(.3,.8,.3,1),opacity .35s;transform:translateX(calc(100% - 6px));opacity:.25;z-index:80}
body.game-focus #toolrail:hover,body.game-focus #toolrail:focus-within{transform:none;opacity:1}

/* شريطُ الاتصال بالبثّ (أعلى) — يطفو بدل أن يقتطع من المسرح */
body.game-focus #topbar{position:fixed!important;top:0;left:0;right:0;z-index:79;transition:transform .35s cubic-bezier(.3,.8,.3,1),opacity .35s;transform:translateY(calc(-100% + 6px));opacity:.25}
body.game-focus #topbar:hover,body.game-focus #topbar:focus-within{transform:none;opacity:1}

/* شريطُ أزرار اللعبة وإعداداتها (إنهاء · إيقاف · الإعدادات …) يبقى ظاهراً في الأعلى
   (طلب المالك) — والشريطُ الجانبيّ وشريطُ الاتصال وحدهما ينسحبان */
body.game-focus .rt-bar{position:fixed!important;top:8px!important;left:10px!important;right:10px!important;margin:0!important;z-index:78}

/* المسرح يأخذ الشاشة كلّها */
body.game-focus #layout{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important}
body.game-focus #stageWrap{inset:0!important}
body.shell-ok.shell-cinema.game-focus #stage{inset-block:72px 10px!important;inset-inline:10px!important;padding:0!important}
body.shell-ok.shell-cinema.game-focus.practice-on #stage{inset-block-end:170px!important}
body.game-focus #brandmark{display:none!important}

/* ══ «خمّن الدولة / العلم» على المسرح الكامل ══ */
#stage.xg-pl .pl-wrap{height:100%;max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,22vw,360px);
  grid-template-rows:auto minmax(0,1fr);gap:1.4vh 1.4vw;padding:1.2vh 1vw;container-type:size}
#stage.xg-pl .pl-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:2vw;padding:1.4cqh 2cqw;border-radius:2.2cqh;
  background:color-mix(in srgb,var(--p1,#3d8bff) 14%,rgba(6,14,40,.8));border:2px solid color-mix(in srgb,var(--p3,#86d9ff) 30%,transparent)}
#stage.xg-pl .pl-n{font-size:clamp(15px,3cqh,30px);font-weight:900}
#stage.xg-pl .pl-ask{font-size:clamp(26px,7cqh,72px);font-weight:900;text-shadow:0 .1em .4em rgba(0,0,0,.5)}
#stage.xg-pl .pl-ans{font-size:clamp(28px,7.5cqh,78px);font-weight:900;color:#ffd98a}
#stage.xg-pl .pl-cnt{font-size:clamp(15px,3cqh,30px)}
#stage.xg-pl .pl-time{min-width:clamp(70px,12cqh,140px)}
#stage.xg-pl .pl-time b{font-size:clamp(30px,8cqh,84px)}
#stage.xg-pl .pl-bar{width:100%;height:clamp(6px,1cqh,12px)}
#stage.xg-pl .pl-photo{height:100%;width:100%;max-width:none;aspect-ratio:auto;border-radius:3cqh;min-height:0;box-shadow:0 2cqh 5cqh rgba(0,0,0,.45)}
#stage.xg-pl .pl-photo img{width:100%;height:100%}
#stage.xg-pl .pl-flags .pl-photo img{object-fit:contain;padding:4%}
#stage.xg-pl .pl-hits{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;gap:1.2cqh;overflow:hidden;min-height:0;padding:1.6cqh;border-radius:3cqh;
  background:color-mix(in srgb,var(--p1,#3d8bff) 10%,rgba(6,14,40,.78));border:2px solid color-mix(in srgb,var(--p3,#86d9ff) 24%,transparent)}
#stage.xg-pl .pl-hits:empty::before{content:"أول واحد يعرفها ياخذ ×٣";margin:auto;text-align:center;font-size:clamp(15px,3cqh,28px);font-weight:900;color:rgba(255,255,255,.6)}
#stage.xg-pl .pl-hit{width:100%;padding:1cqh 1cqw;gap:.8cqw;border-radius:1.8cqh}
#stage.xg-pl .pl-hit .av{width:clamp(30px,6cqh,60px)!important;height:clamp(30px,6cqh,60px)!important}
#stage.xg-pl .pl-rk{width:clamp(26px,5cqh,50px);height:clamp(26px,5cqh,50px);font-size:clamp(14px,3cqh,28px)}
#stage.xg-pl .pl-nm{flex:1;max-width:none;font-size:clamp(15px,3cqh,30px)}
#stage.xg-pl .pl-pt{font-size:clamp(15px,3cqh,30px)}
#stage.xg-pl .pl-none{margin:auto;font-size:clamp(16px,3.4cqh,32px)}
@media(max-aspect-ratio:1/1){
  #stage.xg-pl .pl-wrap{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}
  #stage.xg-pl .pl-hits{flex-direction:row;flex-wrap:wrap;max-height:22cqh}
  #stage.xg-pl .pl-hit{width:auto}
}
#stage.xg-pl .pl-photo{max-height:none!important;align-self:stretch;margin:0!important}

/* ══ حافّةً لحافّة (٢٠٢٦/٠٩/٢٥): كان الأزرقُ يظهر حول اللعبة وفوق الشريط ══
   المسرحُ يغطّي الشاشة كلّها، وخلفيّةُ اللعبة تمتدّ تحت شريط الإعدادات،
   ومحتواها ينزل بقدر الشريط فلا يختفي شيءٌ تحته. */
body.shell-ok.shell-cinema.game-focus #stage{inset:0!important;padding:0!important}
body.shell-ok.shell-cinema.game-focus.practice-on #stage{inset-block-end:170px!important}
body.game-focus #stage.xg-on[class*="xg-"]{padding:0!important}
body.game-focus #stage .g-wrap,body.game-focus #stage .g-body{border-radius:0!important}
body.game-focus #stage .xg,body.game-focus #stage.xg-bl .bl3,body.game-focus #stage.xg-wd .wd{border-radius:0!important;padding-top:calc(58px + 1.2cqh)!important}
body.game-focus #stage .xg:not(.bl3):not(.wd){padding-inline:2.4cqw!important;padding-bottom:2cqh!important}
body.game-focus #stage.xg-pl .pl-wrap{padding-top:64px}
/* الشريط: زجاجٌ داكن فوق خلفيّة اللعبة */
body.game-focus .rt-bar{background:rgba(6,10,24,.72)!important;backdrop-filter:blur(10px);border-color:rgba(255,255,255,.14)!important}
.rt-bar-site{display:inline-flex;align-items:center;gap:.5em;font-weight:900;white-space:nowrap}
.rt-bar-site img{width:22px;height:22px}
.rt-bar-site em{font-style:normal;direction:ltr;color:var(--p3,#86d9ff);font-size:.92em}
body.game-focus .bl3-pot,body.game-focus .bl3-side{top:calc(58px + 17cqh)}
body.game-focus .bl3-side{bottom:2cqh}

/* ══ إصلاحات (٢٠٢٦/٠٩/٢٥ ب) ══
   ١) شريطُ الاتصال بالبثّ كان ينزل فوق شريط الإعدادات حين تمرّ الفأرة أعلى الشاشة
      — يُخفى تماماً وقت اللعب (الاتصالُ قبل اللعبة لا أثناءها).
   ٢) شريطُ الإعدادات ملتصقٌ بحافّة الصفحة العليا، بلا فراغٍ فوقه ولا حوافّ.
   ٣) لوحةُ اللاعبين/الإعدادات تبدأ تحته مباشرةً وتنزل حتى أسفل الشاشة. */
body.game-focus #topbar{display:none!important}
body.game-focus .rt-bar{top:0!important;left:0!important;right:0!important;border-radius:0!important;border-width:0 0 1px!important;min-height:52px}
body.game-focus #gdock{position:fixed!important;top:52px!important;bottom:0!important;height:auto!important;max-height:none!important;border-radius:0!important;z-index:77!important;margin:0!important}
body.game-focus.practice-on #gdock{bottom:0!important}
body.game-focus #stage .xg,body.game-focus #stage.xg-bl .bl3,body.game-focus #stage.xg-wd .wd{padding-top:calc(52px + 1.4cqh)!important}
body.game-focus #stage.xg-pl .pl-wrap{padding-top:60px}
body.game-focus .bl3-pot,body.game-focus .bl3-side{top:calc(52px + 17cqh)}

/* ══ لكلّ الألعاب (٢٠٢٦/٠٩/٢٥ ج) — طلب المالك: نسقُ الشريط العلويّ صار الأصل ══
   ١) لوحةُ اللاعبين/الإعدادات كانت تترك فراغاً عن يمين الشاشة بقدر الشريط
      الجانبيّ المنسحب — صارت ملتصقةً بالحافّة.
   ٢) الألعابُ التي لا تستعمل «المسرح الكامل» (xg) يبدأ محتواها تحت الشريط
      لا خلفه؛ وخلفيّةُ المسرح تبقى ممتدّةً حتى أعلى الشاشة. */
body.game-focus #gdock{right:0!important;inset-inline-end:0!important}
body.shell-ok.shell-cinema.game-focus #stage:not(.xg-on){padding-top:52px!important}
/* مشهدٌ مجسّم يغطّي الشاشة كلّها: خلفيّةُ الموقع المتحرّكة خلفه لا تُرى — فلا تُرسم */
body.game-focus:has(#stage.xg-on canvas) #bgfx{display:none!important}

/* اسمُ الموقع ورابطُه في الشريط أكبرُ وأوضح (طلب المالك) — يُقرأ من البثّ المصغّر */
.rt-bar-site{font-size:21px!important;gap:.45em!important;letter-spacing:-.2px}
.rt-bar-site img{width:32px!important;height:32px!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--p3,#86d9ff) 60%,transparent))}
.rt-bar-site em{font-size:.9em!important;color:#fff!important;padding:.18em .75em;border-radius:99px;
  background:linear-gradient(135deg,var(--p1,#3d8bff),color-mix(in srgb,var(--p3,#86d9ff) 70%,var(--p1,#3d8bff)));
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 4px 14px color-mix(in srgb,var(--p1,#3d8bff) 45%,transparent)}
/* «بين الأصابع»: أزرارُ التخبّي العائمة أسفل الشاشة تكرّرت مع الشريط العلويّ — الشريطُ يكفي */
/* (٢٠٢٦/٠٩/٢٧) وكذلك كلُّ ألعاب الصفحة الكاملة: الشريطُ العلويّ وحده، بلا حبّة الأزرار السفلى */
body.rt-bar-on:has(#stage.seek-active) #stageBar,body.rt-bar-on:has(#stage.redlight-active) #stageBar,
body.rt-bar-on:has(#stage.cups-active) #stageBar,body.rt-bar-on:has(#stage.bomb-memory-active) #stageBar,
body.rt-bar-on:has(#stage.maze-active) #stageBar,body.rt-bar-on:has(#stage.rps-blind-active) #stageBar{display:none!important}
/* زرّ الموسيقى في الشريط: مطفأٌ يبهت ويُشطب */
.rt-bar .rt-bar-music.off{opacity:.5;text-decoration:line-through}

/* ══ الشريط على الشاشات الضيّقة (٢٠٢٦/٠٩/٢٥ — فحص الآيباد والجوال) ══
   كان رابطُ الموقع يتراكب فوق الأزرار في الآيباد العموديّ، وفي الجوال
   تنضغط الأزرارُ حتى لا يبقى منها إلا ✕ و⏭. الآن: الرابطُ لا ينضغط،
   والأزرارُ تمرّر أفقيّاً بدل أن تتراكب، وتصير أيقوناتٍ فقط حين يضيق المكان. */
.rt-bar .rt-bar-meta{flex:0 0 auto}
.rt-bar nav{min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap!important}
.rt-bar nav::-webkit-scrollbar{display:none}
.rt-bar nav button{flex:0 0 auto}
@media (max-width:1100px){
  .rt-bar nav button:not(.rt-bar-go):not([data-rb="#btnResults"]) span{display:none}
  .rt-bar nav button{padding:8px 11px!important;font-size:15px!important}
  .rt-bar-site{font-size:18px!important}
}
@media (max-width:700px){
  .rt-bar-site .rt-site-name{display:none}
  .rt-bar-site{font-size:14px!important;gap:.3em!important}
  .rt-bar-site img{width:26px!important;height:26px!important}
  .rt-bar-site em{padding:.15em .55em!important}
  .rt-bar nav{gap:4px!important}
  .rt-bar nav button{padding:7px 9px!important;font-size:14px!important}
}

/* ══ الكراسي · البولينج · minigames (٢٠٢٦/٠٩/٢٧ · طلب المالك) ══
   لها رأسٌ خاصّ بأزرارها؛ مع الشريط العلويّ صار مكرّراً — يُخفى الرأس،
   وتنزل الصالةُ بقدر الشريط فلا يختفي منها شيءٌ تحته. */
body.rt-bar-on.chairs-full .mg-shell>.mg-header,
body.rt-bar-on.bowl-full .mg-shell>.mg-header,
body.rt-bar-on.minigames-playing .mg-shell>.mg-header,
body.rt-bar-on.minigames-playing .mg-header{display:none!important}
body.rt-bar-on.chairs-full .mg-shell,
body.rt-bar-on.bowl-full .mg-shell,
body.rt-bar-on.minigames-playing .mg-shell{padding-top:56px!important;box-sizing:border-box}
body.rt-bar-on.chairs-full .rt-bar,body.rt-bar-on.bowl-full .rt-bar,body.rt-bar-on.minigames-playing .rt-bar{z-index:90!important}

/* ══ «خمّن المشهور» و«قلها بلهجتك» (٢٠٢٦/٠٩/٢٩) — مسرحان خاصّان على المسرح الكامل:
   محتواهما يبدأ تحت شريط الأزرار (٥٢ بكسل) كما في «خمّن الدولة» */
body.game-focus #stage.xg-pl .st-stage{padding-top:60px}
/* «قلها بلهجتك» صفحةٌ كاملة: تنزل بقدر الشريط العلويّ، والشريطُ فوقها */
body.rt-bar-on.dialect-full .sd-page{padding-top:0;box-sizing:border-box}
body.rt-bar-on.dialect-full .rt-bar{z-index:90!important}