/* ══════════════════════════════════════════════════════════════
   «المسرح الكامل» — تصميمٌ جديد لثلاث ألعاب (٢٠٢٦/٠٩/٢٤):
   الأقلية تفوز · تقاسم أو تفرّد · كلمة بحرف.
   اللعبة تملأ المسرح (Game.xgOn)، وكلُّ مقاسٍ بوحدات الحاوية (cqh/cqw)
   فتبقى الأسماءُ والأرقامُ كبيرةً عريضةً مقروءةً من البثّ المصغّر.
   والألوانُ من ثيم الموقع (--p1/--p3) فتتبعه إن تبدّل.
   ══════════════════════════════════════════════════════════════ */

/* ── المسرحُ يُخلى للّعبة ── */
body:has(#stage.xg-on) #brandmark{display:none!important}
#stage.xg-on > .g-wrap{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;
  max-width:none!important;padding:0!important;transform:none!important;gap:0!important}
#stage.xg-on .g-how,#stage.xg-on .g-top,#stage.xg-on #gtimer{display:none!important}
#stage.xg-on .g-body{display:block!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;margin:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}
/* (٢٠٢٦/١٠/١٨) مقاس .xg بالبكسل من base.js xgSize + contain ⇒ التحديثات الصغيرة ما تعيد حساب اللعبة كلّها (أسرع ×٣٠ بالأجهزة الضعيفة) — نفس المقاس */
#stage.xg-on .g-body>.xg{width:var(--xgW,100%);height:var(--xgH,100%);contain:strict}

.xg{
  --good:#34d77b; --bad:#ff5a6e; --gold:#ffc94a;
  --card:color-mix(in srgb,var(--p1,#3d8bff) 12%,rgba(8,14,34,.72));
  --edge:color-mix(in srgb,var(--p3,#86d9ff) 30%,transparent);
  container-type:size;
  width:100%;height:100%;display:flex;flex-direction:column;gap:2.2cqh;
  padding:2.4cqh 2.4cqw 2.2cqh;color:#fff;font-weight:800;
}
.xg b{font-weight:900}

/* الرأس: شارةُ الجولة · العنوان الكبير · حلقةُ الوقت */
.xg-head{display:flex;align-items:center;gap:2cqw;flex:0 0 auto}
.xg-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;
  padding:1.2cqh 1.6cqw;border-radius:2cqh;background:var(--card);border:2px solid var(--edge);
  font-size:max(13px,2.1cqh);color:color-mix(in srgb,var(--p3) 80%,#fff);white-space:nowrap}
.xg-chip b{font-size:1.9em;line-height:1;color:#fff}
.xg-title{flex:1;min-width:0;text-align:center}
.xg-title small{display:block;font-size:max(13px,2.2cqh);font-weight:800;color:color-mix(in srgb,var(--p3) 85%,#fff);letter-spacing:.3px}
.xg-title b.long{font-size:max(18px,4cqh);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xg-title b{display:block;font-size:max(24px,6.6cqh);line-height:1.12;text-shadow:0 .06em .3em rgba(0,0,0,.5);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xg-clock{--p:1;flex:0 0 auto;position:relative;width:max(62px,11cqh);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--p3,#86d9ff) calc(var(--p) * 360deg),rgba(255,255,255,.1) 0);transition:--p .3s}
.xg-clock::before{content:"";position:absolute;inset:10%;border-radius:50%;background:#0b1430;box-shadow:inset 0 0 0 2px var(--edge)}
.xg-clock b{position:relative;font-size:max(22px,4.8cqh);line-height:1}
.xg-clock.warn{background:conic-gradient(var(--bad) calc(var(--p) * 360deg),rgba(255,255,255,.1) 0);animation:xgPulse .5s ease-in-out infinite alternate}
.xg-clock.warn b{color:#ffd1d7}
@keyframes xgPulse{to{transform:scale(1.07)}}

/* الذيل: عدّاد التصويت وصفُّ الباقين */
.xg-foot{flex:0 0 auto;display:flex;align-items:center;gap:1.6cqw;padding:1.2cqh 1.6cqw;border-radius:2.2cqh;
  background:var(--card);border:1.5px solid var(--edge)}
.xg-foot > span{font-size:max(14px,2.5cqh);white-space:nowrap}
.xg-foot > span em{font-style:normal;color:var(--p3)}
.xg-meter{flex:1;height:max(10px,1.4cqh);border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.xg-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--p1),var(--p3));transition:width .35s}
.xg-row{display:flex;flex-wrap:nowrap;overflow:hidden;gap:.8cqw}
.xg-row .av{width:max(28px,5cqh)!important;height:max(28px,5cqh)!important;flex:0 0 auto}

/* ═══════════════ الأقلية تفوز ═══════════════ */
.mn2-arena{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;gap:2cqw;align-items:stretch}
.mn2-side{position:relative;min-height:0;overflow:hidden;border-radius:3cqh;padding:3cqh 2cqw;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqh;text-align:center;
  background:linear-gradient(160deg,color-mix(in srgb,var(--sc) 30%,rgba(10,16,40,.8)),rgba(8,12,30,.88));
  border:3px solid color-mix(in srgb,var(--sc) 55%,transparent);
  box-shadow:0 2cqh 5cqh rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .35s,filter .35s,border-color .35s}
.mn2-side.a{--sc:#4aa3ff}
.mn2-side.b{--sc:#ff7ab8}
.mn2-side > *{flex-shrink:0}
.mn2-side .mn2-avs{flex-shrink:1;min-height:0}
.mn2-k{position:absolute;top:2cqh;inset-inline-start:2cqh;width:max(40px,8cqh);aspect-ratio:1;border-radius:2cqh;display:grid;place-items:center;
  font-size:max(24px,5.4cqh);line-height:1;color:#0b1430;background:var(--sc);box-shadow:0 .6cqh 0 color-mix(in srgb,var(--sc) 60%,#000)}
.mn2-e{font-size:max(44px,13cqh);line-height:1;filter:drop-shadow(0 1cqh 2cqh rgba(0,0,0,.4))}
.mn2-l{font-size:max(26px,7cqh);line-height:1.1}
.mn2-c{font-size:max(15px,2.8cqh);padding:.5em 1.1em;border-radius:99px;background:rgba(0,0,0,.28);color:color-mix(in srgb,var(--sc) 55%,#fff)}
.mn2-avs{display:flex;flex-wrap:wrap;justify-content:center;gap:.8cqh;max-height:26cqh;overflow:hidden}
.mn2-avs .av{width:max(30px,6cqh)!important;height:max(30px,6cqh)!important}
.mn2-vs{align-self:center;display:grid;place-items:center;width:max(54px,10cqh);aspect-ratio:1;border-radius:50%;
  font-size:max(18px,3.6cqh);background:var(--card);border:2px solid var(--edge);color:var(--p3)}
.mn2-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg) scale(0);padding:.15em .6em;border-radius:.3em;
  font-size:max(26px,8cqh);font-weight:900;border:.08em solid currentColor;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;
  transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s}
.mn2-side.safe{--sc:var(--good);transform:scale(1.03);box-shadow:0 0 0 .5cqh color-mix(in srgb,var(--good) 45%,transparent),0 2cqh 6cqh rgba(0,0,0,.4)}
.mn2-side.doomed{--sc:var(--bad);filter:saturate(.7) brightness(.8)}
.mn2-side.safe .mn2-stamp{color:var(--good);opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}
.mn2-side.doomed .mn2-stamp{color:var(--bad);opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}
.mn2-side.voted .mn2-c{animation:xgPop .3s}
@keyframes xgPop{50%{transform:scale(1.15)}}

/* ═══════════════ تقاسم أو تفرّد ═══════════════ */
.bt3-arena{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;gap:2.4cqw;align-items:stretch}
.bt3-p{position:relative;min-height:0;border-radius:3cqh;padding:2.6cqh 1.6cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqh;text-align:center;
  background:linear-gradient(170deg,color-mix(in srgb,var(--pb-acc,#4aa3ff) 26%,rgba(10,16,40,.82)),rgba(8,12,30,.9));
  border:3px solid color-mix(in srgb,var(--pb-acc,#4aa3ff) 50%,transparent);box-shadow:0 2cqh 5cqh rgba(0,0,0,.35)}
.bt3-p .av{width:max(64px,15cqh)!important;height:max(64px,15cqh)!important;font-size:max(30px,7cqh)!important}
.bt3-p > *{flex-shrink:0}
.bt3-p .bt3-card{flex-shrink:1;min-height:0}
.bt3-nm{font-size:max(22px,5.4cqh);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt3-rep{font-style:normal;font-size:max(13px,2.3cqh);padding:.35em .9em;border-radius:99px;background:rgba(255,255,255,.08)}
.bt3-rep.good{color:#9ef0bf;background:rgba(52,215,123,.14)}
.bt3-rep.evil{color:#ffb3bd;background:rgba(255,90,110,.16)}
.bt3-card{width:min(78%,30cqh);aspect-ratio:1.4;border-radius:2.2cqh;display:grid;place-items:center;align-content:center;gap:.6cqh;
  font-size:max(15px,3cqh);background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.22);transition:transform .5s}
.bt3-card .i{font-size:max(30px,8cqh);line-height:1}
.bt3-p.ready .bt3-card{border-style:solid;border-color:var(--gold);background:rgba(255,201,74,.12);color:var(--gold)}
.bt3-p.share .bt3-card{border:3px solid var(--good);background:rgba(52,215,123,.16);color:#bff5d4;animation:xgFlip .5s}
.bt3-p.steal .bt3-card{border:3px solid var(--bad);background:rgba(255,90,110,.18);color:#ffd0d6;animation:xgFlip .5s}
@keyframes xgFlip{from{transform:rotateY(90deg)}to{transform:none}}
.bt3-gain{font-size:max(26px,6.4cqh);line-height:1}
.bt3-gain.pos{color:var(--good)} .bt3-gain.neg{color:var(--bad)} .bt3-gain.zero{color:rgba(255,255,255,.55)}
.bt3-bank{font-size:max(13px,2.3cqh);color:rgba(255,255,255,.75)}
.bt3-bank b{color:var(--gold);font-size:1.25em}
.bt3-mid{align-self:center;display:flex;flex-direction:column;align-items:center;gap:1.4cqh;width:max(180px,30cqh)}
.bt3-pot{display:flex;flex-direction:column;align-items:center;padding:2cqh 2.4cqh;border-radius:3cqh;
  background:radial-gradient(circle at 50% 30%,rgba(255,201,74,.3),rgba(40,26,4,.85));border:3px solid var(--gold);box-shadow:0 0 5cqh rgba(255,201,74,.3)}
.bt3-pot .i{font-size:max(34px,9cqh);line-height:1}
.bt3-pot b{font-size:max(34px,9cqh);line-height:1;color:var(--gold)}
.bt3-pot span{font-size:max(12px,2.1cqh);color:#ffe6a6}
.bt3-rule{display:grid;gap:.7cqh;width:100%;font-size:max(12px,2.1cqh)}
.bt3-rule div{display:flex;justify-content:space-between;gap:1cqw;padding:.5em .9em;border-radius:1.4cqh;background:rgba(255,255,255,.06)}
.bt3-rule div b{color:var(--gold)}
.bt3-verdict{font-size:max(34px,9cqh);line-height:1;animation:xgPop .5s}
.bt3-keys{display:flex;gap:1cqw;justify-content:center}
.bt3-keys span{padding:.4em 1em;border-radius:99px;font-size:max(13px,2.4cqh);background:rgba(255,255,255,.07)}
.bt3-keys .s{color:#bff5d4;box-shadow:inset 0 0 0 2px rgba(52,215,123,.5)}
.bt3-keys .t{color:#ffd0d6;box-shadow:inset 0 0 0 2px rgba(255,90,110,.5)}
.bt3-board{display:flex;gap:.8cqw;overflow:hidden;flex:1}
.bt3-br{flex:0 0 auto;display:flex;align-items:center;gap:.7cqw;padding:.5cqh 1cqw .5cqh .6cqw;border-radius:99px;background:rgba(255,255,255,.06);font-size:max(13px,2.2cqh)}
.bt3-br .av{width:max(24px,4.2cqh)!important;height:max(24px,4.2cqh)!important}
.bt3-br b{color:var(--gold)} .bt3-br b.neg{color:var(--bad)}
.bt3-br.now{box-shadow:inset 0 0 0 2px var(--p3);background:color-mix(in srgb,var(--p3) 16%,transparent)}
.bt3-br em{font-style:normal;opacity:.6;min-width:1.2em;text-align:center}

/* ═══════════════ كلمة بحرف ═══════════════ */
.ch2-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3cqw;align-items:center}
.ch2-turn{display:flex;align-items:center;gap:2cqw;padding:3cqh 3cqw;border-radius:3.4cqh;
  background:linear-gradient(160deg,color-mix(in srgb,var(--pb-acc,#4aa3ff) 26%,rgba(10,16,40,.82)),rgba(8,12,30,.9));
  border:3px solid color-mix(in srgb,var(--pb-acc,#4aa3ff) 55%,transparent);box-shadow:0 2cqh 5cqh rgba(0,0,0,.35);transition:border-color .3s}
.ch2-turn .av{width:max(70px,17cqh)!important;height:max(70px,17cqh)!important;flex:0 0 auto}
.ch2-tx{min-width:0}
.ch2-tx small{display:block;font-size:max(14px,2.6cqh);color:color-mix(in srgb,var(--p3) 85%,#fff)}
.ch2-tx b{display:block;font-size:max(28px,7.6cqh);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch2-tx span{display:block;font-size:max(15px,3cqh);margin-top:.3em;color:rgba(255,255,255,.85)}
.ch2-turn.safe{border-color:var(--good)} .ch2-turn.safe .ch2-tx small{color:var(--good)}
.ch2-turn.out{border-color:var(--bad);filter:saturate(.7)} .ch2-turn.out .ch2-tx small{color:var(--bad)}
.ch2-letter{display:flex;flex-direction:column;align-items:center;gap:1cqh}
.ch2-letter small{font-size:max(13px,2.4cqh);color:color-mix(in srgb,var(--p3) 85%,#fff)}
.ch2-letter b{display:grid;place-items:center;min-width:max(110px,30cqh);height:max(110px,30cqh);padding:0 3cqh;border-radius:5cqh;
  font-size:max(64px,20cqh);line-height:1;color:#0b1430;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--p3) 55%,#fff));
  box-shadow:0 1.4cqh 0 color-mix(in srgb,var(--p1) 70%,#000),0 3cqh 6cqh rgba(0,0,0,.4);animation:xgPop .5s}
.ch2-letter span{font-size:max(12px,2.1cqh);color:rgba(255,255,255,.7);max-width:34cqh;text-align:center}
.ch2-chain{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:1cqw;overflow:hidden;padding:1cqh 0}
.ch2-w{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;padding:1.2cqh 1.8cqw;border-radius:2cqh;background:var(--card);border:2px solid var(--edge)}
.ch2-w b{font-size:max(20px,4.6cqh);line-height:1.15}
.ch2-w u{text-decoration:none;font-size:max(11px,1.9cqh);color:rgba(255,255,255,.65)}
.ch2-w.last{border-color:var(--p3);background:color-mix(in srgb,var(--p3) 18%,rgba(8,14,34,.8))}
.ch2-w.todo{border-style:dashed;color:var(--p3)}
.ch2-lk{flex:0 0 auto;font-style:normal;font-size:max(16px,3.2cqh);color:var(--p3);display:grid;place-items:center;width:max(30px,5cqh);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.07)}
.ch2-more{font-style:normal;font-size:max(18px,3.4cqh);opacity:.5}
.xg-row .p{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.4cqh;font-size:max(11px,1.9cqh);max-width:max(60px,9cqh)}
.xg-row .p span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xg-row .p.hot .av{box-shadow:0 0 0 3px var(--gold)!important}
.xg-row .p.hot{color:var(--gold)}
.xg-row .p.next{color:var(--p3)}

/* الشاشة الضيّقة (جوّال بالطول): العمودان فوق بعض */
@container (max-aspect-ratio: 1/1){
  .mn2-arena,.bt3-arena{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}
  .ch2-main{grid-template-columns:1fr}
  .bt3-mid{width:100%;flex-direction:row;justify-content:center}
  .bt3-rule{display:none}
}
/* <b> داخل العنوان (أرقامُ الرسالة) تبقى في السطر */
.xg-title b b,.xg-title b em{display:inline;font-size:inherit;white-space:inherit}
/* خطُّ «المواجهة» العموديّ من التصميم القديم */
#stage.xg-on .g-wrap::before,#stage.xg-on .g-wrap::after,#stage.xg-on .g-body::before,#stage.xg-on .g-body::after{display:none!important}
/* كلمة بحرف: البطاقةُ بقدر محتواها بجانب الحرف، لا شريطاً فارغاً عريضاً */
.ch2-main{grid-template-columns:minmax(0,max-content) auto;justify-content:center}
.ch2-turn{max-width:62cqw;padding-inline:3cqw 4cqw}
.ch2-tx span b{display:inline;font-size:1.25em;color:var(--gold)}
.ch2-letter b{min-width:max(96px,24cqh);height:max(96px,24cqh);font-size:max(56px,16cqh)}
/* (٢٠٢٦/١٠/٠٤ فحص التداخل) «ي» و«ج» تنزل تحت السطر فتغطّي الشرح تحت البطاقة: الحرف أعلى قليلاً وبين البطاقة وشرحها مسافة الظلّ */
.ch2-letter b{font-size:max(50px,14cqh);padding-bottom:2.2cqh;box-sizing:border-box}
.ch2-letter span{margin-top:2.2cqh}

/* ═══════════════ فكّها ═══════════════ */
.fk3-board{flex:1;min-height:0;position:relative;display:grid;place-items:center;border-radius:3.4cqh;
  background:radial-gradient(70% 80% at 50% 45%,color-mix(in srgb,var(--p1) 22%,transparent),rgba(6,10,26,.5));border:2px solid var(--edge)}
.fk3-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2cqh 2.2cqw;padding:3cqh 3cqw;max-width:100%}
.fk3-e{display:grid;place-items:center;width:max(90px,24cqh);height:max(90px,24cqh);border-radius:3.2cqh;font-size:max(58px,16cqh);line-height:1;
  background:linear-gradient(170deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:3px solid rgba(255,255,255,.18);
  box-shadow:0 1.4cqh 0 rgba(0,0,0,.25),0 3cqh 5cqh rgba(0,0,0,.3);animation:fkIn .45s cubic-bezier(.2,1.5,.4,1) both}
.fk3-e.many{width:auto;padding:0 2cqh;font-size:max(40px,11cqh);letter-spacing:-.1em}
.fk3-e img{width:78%;height:78%;object-fit:contain}
.fk3-t{display:grid;place-items:center;min-width:max(70px,16cqh);height:max(90px,24cqh);padding:0 2.4cqh;border-radius:3.2cqh;
  font-size:max(40px,10cqh);line-height:1;color:#0b1430;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--p3) 45%,#fff));
  box-shadow:0 1.4cqh 0 color-mix(in srgb,var(--p1) 70%,#000);animation:fkIn .45s cubic-bezier(.2,1.5,.4,1) both}
.fk3-o{font-size:max(40px,11cqh);line-height:1;color:var(--gold);text-shadow:0 .6cqh 2cqh rgba(0,0,0,.5)}
.fk3-o.w{font-size:max(26px,6.4cqh);color:#fff;padding:.2em .5em;border-radius:1.6cqh;background:rgba(255,255,255,.08)}
.fk3-row > :nth-child(2){animation-delay:.08s}.fk3-row > :nth-child(3){animation-delay:.16s}.fk3-row > :nth-child(4){animation-delay:.24s}.fk3-row > :nth-child(5){animation-delay:.32s}
@keyframes fkIn{from{opacity:0;transform:translateY(3cqh) scale(.7)}}
/* الحلّ يطلع فوق اللغز */
.fk3-ans{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqh;text-align:center;border-radius:inherit;
  background:rgba(6,12,30,.9);backdrop-filter:blur(6px)}
.fk3-ans.shown{display:flex;animation:xgPop .45s}
.fk3-ans small{font-size:max(15px,3cqh);color:var(--p3)}
.fk3-ans b{font-size:max(34px,10cqh);line-height:1.1;color:var(--gold);padding:0 3cqw;text-shadow:0 1cqh 3cqh rgba(0,0,0,.5)}
.fk3-ans p{font-size:max(15px,3cqh);color:rgba(255,255,255,.85);margin:0;padding:0 4cqw}
.fk3-hits{flex:1}

/* ═══════════════ حقيقة أم كذب ═══════════════ */
.tf3{flex:1;min-height:0;position:relative;display:grid;gap:2.4cqw;align-items:center;padding:2.4cqh 2.4cqw;border-radius:3.4cqh;
  background:radial-gradient(80% 90% at 50% 40%,color-mix(in srgb,var(--p1) 20%,transparent),rgba(6,10,26,.55));border:2px solid var(--edge);overflow:hidden}
.tf3.has-img{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.tf3.no-img{grid-template-columns:auto minmax(0,1fr)}
.tf3-photo{position:relative;height:100%;min-height:0;border-radius:2.4cqh;overflow:hidden;background:#060a18;
  box-shadow:0 0 0 3px rgba(255,255,255,.12),0 2cqh 5cqh rgba(0,0,0,.4)}
.tf3-photo img{width:100%;height:100%;object-fit:contain;display:block}
.tf3-photo.bad{display:grid;place-items:center}
.tf3-ico{display:grid;place-items:center;width:max(100px,30cqh);aspect-ratio:1;border-radius:4cqh;font-size:max(64px,18cqh);line-height:1;
  background:linear-gradient(170deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:3px solid rgba(255,255,255,.16);
  box-shadow:0 1.6cqh 0 rgba(0,0,0,.25),0 3cqh 6cqh rgba(0,0,0,.35);animation:fkIn .45s cubic-bezier(.2,1.5,.4,1) both}
.tf3-claim{min-width:0;display:flex;align-items:center}
.tf3-claim b{font-size:max(24px,6.4cqh);line-height:1.3;text-wrap:balance;text-shadow:0 .08em .35em rgba(0,0,0,.5)}
.tf3.has-img .tf3-claim b{font-size:max(22px,5.6cqh)}
/* الكشف: شريطٌ عريضٌ أسفل البطاقة */
.tf3 .tf3-verdict{position:absolute;inset:auto 1.6cqh 1.6cqh;margin:0;display:flex;align-items:center;gap:2cqw;padding:1.6cqh 2.4cqw;border-radius:2.4cqh;
  background:rgba(6,12,30,.94)!important;border:3px solid var(--vc);box-shadow:0 2cqh 5cqh rgba(0,0,0,.5);animation:xgPop .4s}
.tf3 .tf3-verdict.yes{--vc:var(--good)}.tf3 .tf3-verdict.no{--vc:var(--bad)}
.tf3 .tf3-verdict b{flex:0 0 auto;font-size:max(26px,6.4cqh)!important;color:var(--vc)!important}
.tf3 .tf3-verdict span{font-size:max(15px,3.2cqh)!important;line-height:1.4!important;color:#fff!important;font-weight:800}
/* التصويت: كتلتان عريضتان */
.tf3-votes{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2cqw}
.tf3-votes .tf3-side{--sc:var(--good);position:relative;overflow:hidden;display:flex;align-items:center;gap:1.4cqw;padding:1.6cqh 2cqw!important;border-radius:2.6cqh;
  background:rgba(8,14,34,.8);border:3px solid color-mix(in srgb,var(--sc) 45%,transparent);transition:transform .3s,opacity .3s}
.tf3-votes .tf3-side.no{--sc:var(--bad)}
.tf3-votes .tf-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--sc) 28%,transparent)!important;transition:width .35s}
.tf3-votes .tf-k{display:grid;place-items:center;width:max(38px,7.4cqh);aspect-ratio:1;border-radius:1.8cqh;font-size:max(22px,4.6cqh);font-weight:900;color:#0b1430;background:var(--sc)}
.tf3-votes .tf-lab{font-size:max(22px,5cqh);font-weight:900}
.tf3-votes .tf-c{font-size:max(24px,5.4cqh)!important;color:color-mix(in srgb,var(--sc) 50%,#fff)}
.tf3-votes .tf-av .av{width:max(26px,4.6cqh)!important;height:max(26px,4.6cqh)!important}
.tf3-votes .tf3-side.right{transform:scale(1.02);box-shadow:0 0 0 .5cqh color-mix(in srgb,var(--sc) 40%,transparent)}
.tf3-votes .tf3-side.wrong{opacity:.4}
@container (max-aspect-ratio:1/1){
  .tf3.has-img,.tf3.no-img{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;justify-items:center;text-align:center}
  .tf3-claim b{font-size:max(20px,4.4cqh)!important}
  .tf3-ico{width:max(80px,20cqh)}
}
.tf3-photo.cover img{object-fit:cover}
.tf3 .tf3-verdict{flex-direction:row!important;justify-content:flex-start!important;text-align:start!important;min-height:0!important;height:auto!important}
.tf3-votes .tf3-side.right .tf-k{background:var(--sc)!important}
/* حقيقة أم كذب بلا إيموجي: الجملة وحدها في الوسط، بخطٍّ أكبر */
.tf3.no-img{grid-template-columns:1fr;justify-items:center;text-align:center}
.tf3.no-img .tf3-claim b{font-size:max(28px,8cqh);max-width:22ch}
/* فكّها: الصورة الحقيقية مربّعٌ كبير بإطارٍ أبيض كبطاقة */
.fk3-i{width:max(120px,38cqh);aspect-ratio:1;border-radius:2.6cqh;overflow:hidden;background:#fff;padding:.7cqh;
  box-shadow:0 1.4cqh 0 rgba(0,0,0,.25),0 3cqh 5cqh rgba(0,0,0,.35);animation:fkIn .45s cubic-bezier(.2,1.5,.4,1) both}
.fk3-i img{width:100%;height:100%;object-fit:cover;border-radius:2cqh;display:block}
.fk3-row:has(.fk3-i ~ .fk3-i ~ .fk3-i) .fk3-i{width:max(100px,33cqh)}
.fk3-row:has(.fk3-i ~ .fk3-i ~ .fk3-i ~ .fk3-i) .fk3-i{width:max(90px,28cqh)}
.fk3-row{gap:2cqh 1.6cqw}
.fk3-t{white-space:nowrap}

/* لقب «الأسرع» في ألعاب الأسئلة (٢٠٢٦/٠٩/٢٤) */
.fast-tag{display:inline-block;font-style:normal;font-weight:900;font-size:.8em;line-height:1;padding:.28em .6em;border-radius:99px;
  color:#1a1300;background:linear-gradient(135deg,#ffe07a,#ffb72b);box-shadow:0 0 0 2px rgba(255,210,90,.35),0 4px 14px rgba(255,180,40,.35);vertical-align:middle;margin-inline:.3em}
.pl-hit .fast-tag,.fk3-hits .fast-tag{font-size:.72em;margin-inline-start:.4em}

/* «تقاسم أو تفرّد» على الجوّال والآيباد بالطول (٢٠٢٦/٠٩/٢٦ — فحص الأجهزة):
   بطاقةُ كلّ لاعبٍ كانت عموداً (صورة · اسم · شارة · بطاقة) أطولَ من صفّها،
   فتفيض على الجرّة وعلى اللاعب الآخر. صارت صفّاً أفقيّاً مضغوطاً. */
@container (max-aspect-ratio:1/1){
  .bt3-arena{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:1.6cqh}
  .bt3-p{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:1cqh 3cqw;padding:1.6cqh 3cqw;overflow:hidden}
  .bt3-p .av{width:max(52px,9cqh)!important;height:max(52px,9cqh)!important;font-size:max(24px,4.4cqh)!important}
  .bt3-nm{font-size:max(20px,4cqh);max-width:40cqw}
  .bt3-p .bt3-card{width:auto;min-width:22cqw;aspect-ratio:auto;padding:1cqh 3cqw;flex-shrink:0}
  .bt3-card .i{font-size:max(22px,4.4cqh)}
  .bt3-mid{gap:2cqw}
  .bt3-pot{flex-direction:row;gap:2cqw;padding:1cqh 3cqw}
  .bt3-pot .i,.bt3-pot b{font-size:max(26px,5cqh)}
}

/* ══════════════════════════════════════════════════════════════
   فاملي فيود — تصميمٌ جديد (٢٠٢٦/٠٩/٢٧ · طلب المالك)
   لوحةُ البرنامج التلفزيونيّ: إطارٌ ذهبيّ بمصابيح، وخاناتٌ زرقاء مرقّمة
   تنقلب حين تنكشف، والنقاطُ على الجانب. كلُّ المقاسات بوحدات الحاوية.
   ══════════════════════════════════════════════════════════════ */
.fd2{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--p1,#3d8bff) 26%,transparent),transparent 70%)}
.fd2 .xg-title b{font-size:max(24px,6cqh)}
.fd2-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(190px,24cqw,330px);gap:2cqw}
.fd2-board{position:relative;min-height:0;display:flex;flex-direction:column;gap:1.4cqh;padding:2.4cqh 2cqw 1.8cqh;border-radius:3cqh;
  background:linear-gradient(180deg,#0a1b4a,#061033);
  border:max(4px,.9cqh) solid #f2c24e;
  box-shadow:0 0 0 max(3px,.5cqh) #7a5410,0 0 5cqh rgba(242,194,78,.35),inset 0 0 4cqh rgba(0,0,0,.6)}
/* مصابيحُ الإطار: نقاطٌ مضيئة تومض بالتناوب */
.fd2-bulbs{position:absolute;inset:.6cqh;border-radius:2.4cqh;pointer-events:none;
  background:
    radial-gradient(circle,#fff6c9 0 28%,#ffcf4a 30% 42%,transparent 46%) 0 0/3.4cqh 3.4cqh repeat-x,
    radial-gradient(circle,#fff6c9 0 28%,#ffcf4a 30% 42%,transparent 46%) 0 100%/3.4cqh 3.4cqh repeat-x;
  opacity:.9;animation:fd2Bulb 1.2s steps(2) infinite}
@keyframes fd2Bulb{50%{opacity:.45;filter:hue-rotate(-20deg)}}
.fd2-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));
  grid-template-rows:repeat(var(--rows),minmax(0,1fr));grid-auto-flow:column;gap:1.4cqh 1.4cqw;padding-top:1.4cqh;perspective:900px}
.fd2-t{position:relative;min-height:0}
.fd2-grid.fresh .fd2-t{animation:fd2In .45s var(--d,0s) both}
@keyframes fd2In{from{opacity:0;transform:translateY(1.2cqh)}}
/* الخانة المغلقة: لوحةٌ زرقاء لامعة ورقمُها في دائرة */
.fd2-plate{position:absolute;inset:0;display:grid;place-items:center;border-radius:1.6cqh;
  background:linear-gradient(180deg,#2f6cf0 0%,#1b43b8 48%,#12308a 52%,#1d49c4 100%);
  border:2px solid rgba(160,200,255,.55);box-shadow:inset 0 .4cqh 0 rgba(255,255,255,.25),0 .6cqh 1.4cqh rgba(0,0,0,.45)}
.fd2-plate i{font-style:normal;display:grid;place-items:center;width:max(38px,8cqh);aspect-ratio:1;border-radius:50%;
  font-size:max(20px,4.6cqh);font-weight:900;color:#0b1f5c;background:radial-gradient(circle at 35% 30%,#fff,#cfe0ff);
  box-shadow:0 0 0 .5cqh #0c2a7a,0 0 2cqh rgba(140,190,255,.6)}
/* الخانة المكشوفة: تنقلب إلى الإجابة */
.fd2-face{position:absolute;inset:0;display:flex;align-items:center;gap:1.2cqw;padding:0 1.2cqw;border-radius:1.6cqh;
  background:linear-gradient(180deg,#1e4fd6,#0f2e8c);border:2px solid #9cc4ff;
  box-shadow:inset 0 .4cqh 0 rgba(255,255,255,.22),0 .6cqh 1.4cqh rgba(0,0,0,.45);transform-origin:50% 50%}
.fd2-t.hot .fd2-face{animation:fd2Flip .6s cubic-bezier(.3,1.4,.5,1) both}
@keyframes fd2Flip{0%{transform:rotateX(90deg);filter:brightness(2)}60%{filter:brightness(1.4)}100%{transform:none}}
.fd2-t.first .fd2-face{background:linear-gradient(180deg,#f7c948,#c98a12);border-color:#fff1b8;color:#2a1a00}
.fd2-face em{font-style:normal;flex:0 0 auto;display:grid;place-items:center;width:max(30px,6cqh);aspect-ratio:1;border-radius:50%;
  font-size:max(16px,3.4cqh);font-weight:900;background:rgba(0,0,0,.28);color:#fff}
.fd2-t.first .fd2-face em{background:rgba(80,40,0,.35)}
.fd2-ans{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.3cqh}
.fd2-ans>b{font-size:max(19px,4.4cqh);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 .1em .3em rgba(0,0,0,.35)}
.fd2-t.first .fd2-ans>b{text-shadow:none}
.fd2-who{display:flex;align-items:center;gap:.4cqw;min-width:0}
.fd2-f .av{width:max(20px,3.4cqh)!important;height:max(20px,3.4cqh)!important;font-size:max(11px,1.8cqh)!important;box-shadow:0 0 0 2px var(--pb-acc)}
.fd2-who small{font-size:max(12px,2.1cqh);font-weight:800;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd2-fm{font-size:max(12px,2cqh);font-weight:900;opacity:.9}
.fd2-n{flex:0 0 auto;min-width:max(44px,8cqh);text-align:center;padding:.5cqh .8cqw;border-radius:1.2cqh;
  font-size:max(22px,5cqh);font-weight:900;line-height:1.1;background:#081a52;color:#ffd76a;box-shadow:inset 0 0 0 2px rgba(255,215,106,.45)}
.fd2-t.first .fd2-n{background:#3a2300;color:#fff3c4}
.fd2-pts{flex:0 0 auto;text-decoration:none;font-size:max(14px,2.6cqh);font-weight:900;color:#8dffb0;animation:fd2Pts .5s both}
.fd2-t.first .fd2-pts{color:#0d5a1f}
@keyframes fd2Pts{from{opacity:0;transform:scale(.5)}}
.fd2-sum{flex:0 0 auto;text-align:center;font-size:max(14px,2.5cqh);font-weight:800;color:#dfe9ff}
.fd2-sum b{color:#ffd76a}
/* الجانب: من أجاب ثمّ ترتيبُ النقاط */
.fd2-side{min-height:0;display:flex;flex-direction:column;gap:1cqh;padding:1.6cqh 1.2cqw;border-radius:2.4cqh;background:var(--card);border:2px solid var(--edge)}
.fd2-side>header{font-size:max(15px,2.8cqh);font-weight:900;text-align:center}
.fd2-side>header b{color:var(--gold)}
.fd2-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.8cqh}
.fd2-r{display:flex;align-items:center;gap:.7cqw;padding:.6cqh .8cqw;border-radius:99px;background:rgba(255,255,255,.07);animation:fd2In .35s both}
.fd2-r .av{width:max(24px,4cqh)!important;height:max(24px,4cqh)!important;flex:0 0 auto;box-shadow:0 0 0 2px var(--pb-acc)}
.fd2-r b{flex:1;min-width:0;font-size:max(14px,2.5cqh);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd2-r em{font-style:normal;min-width:1.4em;text-align:center;font-size:max(13px,2.3cqh);opacity:.8}
.fd2-r u{text-decoration:none;font-size:max(15px,2.7cqh);font-weight:900;color:var(--gold)}
.fd2-r i{font-style:normal;color:var(--good);font-size:max(13px,2.3cqh)}
.fd2-r.top{background:color-mix(in srgb,var(--gold) 16%,rgba(255,255,255,.05));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 45%,transparent)}
.fd2-empty{text-align:center;font-size:max(13px,2.2cqh);opacity:.7;padding:1cqh 0}
.fd2-miss{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.6cqw;align-items:center;justify-content:center;font-size:max(13px,2.3cqh);color:#ffc2cb}
.fd2-miss i{font-style:normal;padding:.3cqh 1cqw;border-radius:99px;background:rgba(255,90,110,.14)}
/* شاشةٌ طوليّة (جوّال/آيباد عموديّ): الجانبُ تحت اللوحة شريطاً أفقيّاً */
@container (max-aspect-ratio:1/1){
  .fd2-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .fd2-grid{grid-template-columns:1fr!important;grid-template-rows:repeat(var(--n,8),minmax(0,1fr));grid-auto-flow:row}
  .fd2-side{padding:1cqh 2cqw}
  .fd2-list{flex-direction:row;flex-wrap:wrap;justify-content:center;max-height:14cqh}
  .fd2-r{flex:0 0 auto}
}
.fd2 .fd-q-lead{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:block!important;width:auto!important}
.fd2-board{padding-bottom:3.8cqh}
.fd2-sum{margin-top:-.4cqh}
.fd2-none{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;font-size:max(20px,4.4cqh);font-weight:900;color:#dfe9ff}
.fd2 .xg-title b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15}

/* «تقاسم أو تفرّد» على الجوّال بالعرض (٢٠٢٦/٠٩/٢٧ — فحص الأجهزة): الارتفاعُ قصير
   فكانت البطاقةُ تنكمش وتفيض كتابتُها — «تقاسم» فوق «+24» فوق شارة اللاعب.
   حجومٌ أصغر، والبطاقةُ بلا نسبةٍ ثابتة ولا انكماش. لأجهزة اللمس وحدها — الكمبيوتر كما هو. */
@media (pointer:coarse) and (hover:none){
@container (max-height:380px) and (min-aspect-ratio:3/2){
  .bt3-arena{grid-template-rows:minmax(0,1fr)}
  .bt3-p{gap:.8cqh;padding:1.4cqh 1.2cqw;overflow:hidden;min-height:0}
  .bt3-p .av{width:max(40px,13cqh)!important;height:max(40px,13cqh)!important;font-size:max(18px,6cqh)!important}
  .bt3-nm{font-size:max(16px,6cqh)}
  .bt3-p .bt3-card{width:auto;min-width:40%;aspect-ratio:auto;padding:.8cqh 1.4cqw;flex-shrink:0}
  .bt3-card .i{font-size:max(18px,6cqh)}
  .bt3-rep{display:none}
  .bt3-gain{font-size:max(20px,7cqh)}
  .bt3-bank{font-size:12px}
  /* العمود الأوسط كان أطول من الصفّ فيطلع فوق العنوان: الجرّةُ سطرٌ واحد، والقواعدُ أصغر */
  .bt3-mid{gap:.8cqh;max-height:100%}
  .bt3-pot{flex-direction:row;gap:1.6cqw;padding:1cqh 2cqw}
  .bt3-pot .i,.bt3-pot b{font-size:max(20px,8cqh)}
  .bt3-rule{gap:.5cqh;font-size:11.5px}
  .bt3-rule div{padding:.35em .8em}
}
}

/* كلمة بحرف — شارة الفئة (٢٠٢٦/١٠/٠٨) */
.ch2-cat{display:inline-block;font-size:.55em;font-weight:900;padding:3px 12px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--star);vertical-align:middle;margin-inline-start:10px}