/* ═══ نظام «بثّ رياضي» لألعاب الموسم ٣ (البادئة bc-) ═══
   المشهد يملأ الشاشة كاملة، والواجهة طبقة بثّ تلفزيوني فوقه:
   شارة النتيجة فوق يمين · الساعة فوق يسار · بطاقة «على الهواء» · الشريط السفلي (lower third) · شريط الأخبار · العناوين الكبيرة.
   الألوان ثابتة لكلّ الألعاب، وكلّ لعبة تغيّر لون التمييز بس (--bc-acc). */
:root{--bc-navy:#0b1a4a;--bc-navy2:#08122e;--bc-blue:#1546d8;--bc-cyan:#00c2ff;--bc-red:#e8203a;--bc-gold:#ffd24a;--bc-ink:#0b1a4a;--bc-plate:#ffffffee}
body.bc-open{overflow:hidden}
body.bc-open #toolrail,body.bc-open #brandmark,body.bc-open #stageBar,body.bc-open #joinfeed{display:none!important}
body.bc-open #gdock{z-index:70!important}
body.bc-open #practice{position:fixed!important;inset:auto 0 0 0!important;z-index:69!important}
.bc{position:fixed;inset:0;z-index:58;overflow:hidden;background:#050a1c;color:#fff;font-family:Cairo,Tajawal,Tahoma,sans-serif;font-weight:800;--bc-acc:var(--bc-blue);--bc-acc2:var(--bc-cyan);--bc-pb:0px}
body.bc-open:has(#practice:not(.hidden)) .bc{--bc-pb:var(--prh,118px)}
.bc-scene{position:absolute;inset:0}
.bc-scene canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.bc-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 118%,transparent 55%,#0009 100%),linear-gradient(180deg,#0007,transparent 18%,transparent 70%,#0008)}
.bc-hud{position:absolute;inset:0 0 var(--bc-pb) 0;pointer-events:none}
.bc{--u:1}
.bc-hud *{pointer-events:none}
.bc-hud button,.bc-hud .bc-ctl,.bc-hud .bc-ctl *{pointer-events:auto}
.bc-hud img{display:block;object-fit:cover}
.bc-num{font-family:Oswald,Cairo,sans-serif;font-weight:700;direction:ltr;unicode-bidi:isolate}

/* أدوات الستريمر (الإعدادات · إنهاء) */
.bc-ctl{position:absolute;top:calc(18px*var(--u));left:50%;transform:translateX(-50%);display:flex;gap:6px;opacity:.22;transition:opacity .2s;z-index:5}
.bc-ctl:hover,.bc:hover .bc-ctl{opacity:1}
.bc-ctl button{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:8px;background:#08122ecc;color:#cfd8f6;font:800 14px Cairo,Tahoma,sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
.bc-ctl button:hover{background:var(--bc-blue);color:#fff}
.bc-ctl button.end:hover{background:var(--bc-red)}
.bc-ctl svg{width:16px;height:16px}

/* شارة النتيجة */
.bc-bug{position:absolute;top:calc(22px*var(--u));right:calc(26px*var(--u));display:flex;align-items:stretch;height:calc(56px*var(--u));border-radius:calc(10px*var(--u));overflow:hidden;box-shadow:0 10px 34px #000a}
.bc-bug>*{display:flex;align-items:center;gap:.35em;padding:0 calc(16px*var(--u));white-space:nowrap}
.bc-live{background:var(--bc-red);font-size:calc(15px*var(--u));letter-spacing:1px;animation:bcBl 1.4s infinite}
.bc-live::before{content:'';width:.55em;height:.55em;border-radius:50%;background:#fff}
@keyframes bcBl{50%{background:#a0102a}}
.bc-bug .t{background:var(--bc-navy);font-size:calc(24px*var(--u));font-weight:900}
.bc-bug .s{background:var(--bc-acc);font-size:calc(19px*var(--u))}
.bc-bug .w{background:var(--bc-plate);color:var(--bc-ink);font-size:calc(18px*var(--u))}
.bc-bug .w b,.bc-bug .s b{font:700 calc(26px*var(--u)) Oswald,sans-serif}
.bc-bug .w b{color:var(--bc-acc)}

/* الساعة */
.bc-clock{position:absolute;top:calc(22px*var(--u));left:calc(26px*var(--u));width:calc(104px*var(--u));height:calc(104px*var(--u));border-radius:calc(16px*var(--u));
  background:var(--bc-navy);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 calc(3px*var(--u)) var(--bc-acc2),0 0 34px color-mix(in srgb,var(--bc-acc2) 50%,transparent);overflow:hidden}
.bc-clock::after{content:'';position:absolute;left:0;bottom:0;height:calc(6px*var(--u));width:calc(var(--p,1)*100%);background:var(--bc-acc2);transition:width .9s linear}
.bc-clock b{font:700 calc(58px*var(--u))/1 Oswald,sans-serif}
.bc-clock small{font-size:calc(13px*var(--u));color:#9fb6ff}
.bc-clock.warn{box-shadow:0 0 0 calc(3px*var(--u)) var(--bc-red),0 0 40px #e8203a88;animation:bcWarn .5s infinite alternate}
.bc-clock.warn::after{background:var(--bc-red)}
@keyframes bcWarn{to{transform:scale(1.05)}}
.bc-clock.idle b{font-size:calc(30px*var(--u))}

/* بطاقة «على الهواء» */
.bc-now{position:absolute;right:calc(26px*var(--u));bottom:calc(178px*var(--u));display:flex;align-items:center;gap:calc(14px*var(--u));padding:calc(10px*var(--u)) calc(24px*var(--u)) calc(10px*var(--u)) calc(10px*var(--u));
  border-radius:999px calc(14px*var(--u)) calc(14px*var(--u)) 999px;background:linear-gradient(90deg,var(--bc-navy),var(--bc-acc));box-shadow:0 14px 40px #000a;max-width:44vw}
.bc-now .av,.bc-now>img{width:calc(76px*var(--u))!important;height:calc(76px*var(--u))!important;font-size:calc(34px*var(--u))!important;border-radius:50%;box-shadow:0 0 0 calc(4px*var(--u)) #fff;flex:none}
.bc-now small{display:block;font-size:calc(15px*var(--u));color:#bcd0ff}
.bc-now b{display:block;font-size:calc(32px*var(--u));font-weight:900;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-now .h{position:absolute;top:calc(-32px*var(--u));right:calc(22px*var(--u));padding:calc(4px*var(--u)) calc(14px*var(--u));border-radius:6px;background:var(--bc-gold);color:#1a1205;font-size:calc(16px*var(--u));white-space:nowrap}

/* الشريط السفلي: خانات اختيار */
.bc-third{position:absolute;right:calc(26px*var(--u));left:calc(26px*var(--u));bottom:calc(64px*var(--u));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:calc(8px*var(--u))}
.bc-opt{position:relative;display:flex;align-items:center;gap:calc(12px*var(--u));height:calc(100px*var(--u));padding:0 calc(16px*var(--u));border-radius:calc(12px*var(--u));
  background:#08122ee8;box-shadow:inset 0 0 0 2px #ffffff1c;overflow:hidden;transition:background .3s,box-shadow .3s,transform .3s}
.bc-opt .k{font:700 calc(54px*var(--u))/1 Oswald,sans-serif;color:var(--bc-acc2);flex:none}
.bc-opt .l{display:flex;flex-direction:column;min-width:0}
.bc-opt .l span{font-size:calc(21px*var(--u));font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-opt .f{display:flex;margin-top:calc(4px*var(--u));height:calc(30px*var(--u))}
.bc-opt .f .av{width:calc(30px*var(--u))!important;height:calc(30px*var(--u))!important;font-size:calc(14px*var(--u))!important;margin-inline-end:calc(-8px*var(--u));box-shadow:0 0 0 2px var(--bc-navy2)}
.bc-opt .f u{text-decoration:none;font-size:calc(14px*var(--u));align-self:center;margin-inline-start:calc(12px*var(--u));color:#9fb6ff}
.bc-opt .n{margin-inline-start:auto;font:700 calc(36px*var(--u)) Oswald,sans-serif}
.bc-opt .bar{position:absolute;left:0;right:0;bottom:0;height:calc(6px*var(--u));background:#ffffff12}
.bc-opt .bar::after{content:'';position:absolute;inset:0;transform-origin:right;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--bc-acc2),var(--bc-acc));transition:transform .35s}
.bc-opt.win{background:#0f3a24ee;box-shadow:inset 0 0 0 3px #3ddc84}.bc-opt.win .k{color:#3ddc84}
.bc-opt.lose{background:#3a0f18ee;box-shadow:inset 0 0 0 3px var(--bc-red)}.bc-opt.lose .k{color:#ff7a8a}
.bc-opt.hot{background:#2a2108ee;box-shadow:inset 0 0 0 3px var(--bc-gold);transform:translateY(-4px)}.bc-opt.hot .k{color:var(--bc-gold)}
.bc-opt .tag{position:absolute;top:calc(8px*var(--u));left:calc(10px*var(--u));padding:2px 10px;border-radius:5px;font-size:calc(14px*var(--u))}
.bc-opt.win .tag{background:#3ddc84;color:#05220f}.bc-opt.lose .tag{background:var(--bc-red)}

/* شريط الأخبار */
.bc-tick{position:absolute;left:0;right:0;bottom:0;height:calc(50px*var(--u));display:flex;align-items:center;background:var(--bc-plate);color:var(--bc-ink);overflow:hidden}
.bc-tick>span{height:100%;display:flex;align-items:center;padding:0 calc(24px*var(--u));background:var(--bc-red);color:#fff;font-size:calc(18px*var(--u));flex:none;position:relative;z-index:1}
.bc-tick>p{margin:0;white-space:nowrap;font-size:calc(20px*var(--u));padding-inline-start:calc(24px*var(--u));overflow:hidden;text-overflow:ellipsis}
.bc-tick>p i{font-style:normal;color:var(--bc-acc);margin:0 .5em}

/* لوحة جانبيّة (ترتيب) */
.bc-board{position:absolute;left:calc(26px*var(--u));top:calc(150px*var(--u));width:calc(300px*var(--u));border-radius:calc(12px*var(--u));overflow:hidden;background:#08122ed9;box-shadow:0 14px 40px #0009}
.bc-board h4{margin:0;padding:calc(10px*var(--u)) calc(16px*var(--u));background:var(--bc-acc);font-size:calc(18px*var(--u));font-weight:900;display:flex;justify-content:space-between}
.bc-board ol{list-style:none;margin:0;padding:calc(6px*var(--u)) 0}
.bc-board li{display:flex;align-items:center;gap:calc(10px*var(--u));padding:calc(5px*var(--u)) calc(14px*var(--u));font-size:calc(18px*var(--u))}
.bc-board li .av{width:calc(34px*var(--u))!important;height:calc(34px*var(--u))!important;font-size:calc(15px*var(--u))!important;flex:none}
.bc-board li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-board li b{font:700 calc(24px*var(--u)) Oswald,sans-serif;color:var(--bc-gold)}
.bc-board li:nth-child(odd){background:#ffffff08}

/* العنوان الكبير */
.bc-call{position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap}
.bc-call b{display:block;font:900 calc(160px*var(--u))/1 Cairo,sans-serif;color:var(--bc-gold);text-shadow:calc(8px*var(--u)) calc(8px*var(--u)) 0 var(--bc-navy),0 0 70px #ffd24a88;animation:bcPop .8s cubic-bezier(.2,1.6,.4,1) both}
.bc-call small{display:inline-block;margin-top:calc(14px*var(--u));padding:calc(8px*var(--u)) calc(26px*var(--u));background:var(--bc-navy);border-radius:8px;font-size:calc(28px*var(--u));animation:bcPop .8s .15s cubic-bezier(.2,1.6,.4,1) both}
.bc-call.red b{color:#fff;text-shadow:calc(8px*var(--u)) calc(8px*var(--u)) 0 var(--bc-red),0 0 60px #e8203a88}
.bc-call.blue b{color:#fff;text-shadow:calc(8px*var(--u)) calc(8px*var(--u)) 0 var(--bc-blue),0 0 60px #3a8cff88}
@keyframes bcPop{from{opacity:0;transform:scale(.3)}}
.bc-call.out{animation:bcOut .4s forwards}@keyframes bcOut{to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}

/* شريحة نصّ وسط فوق (سؤال/تعليمات) */
.bc-strap{position:absolute;top:calc(98px*var(--u));left:50%;transform:translateX(-50%);display:flex;align-items:stretch;border-radius:calc(10px*var(--u));overflow:hidden;box-shadow:0 10px 30px #000a;max-width:60vw}
.bc-strap>*{display:flex;align-items:center;padding:calc(10px*var(--u)) calc(20px*var(--u))}
.bc-strap .a{background:var(--bc-gold);color:#1a1205;font-size:calc(18px*var(--u));white-space:nowrap}
.bc-strap .b{background:var(--bc-navy);font-size:calc(24px*var(--u))}

@media (max-width:820px),(max-aspect-ratio:1/1){
  .bc-third{right:8px;left:8px;gap:4px;bottom:calc(56px*var(--u))}
  .bc-opt{height:70px;padding:0 6px;flex-direction:column;justify-content:center;gap:0}.bc-opt .l{display:none}.bc-opt .k{font-size:32px}.bc-opt .n{margin:0;font-size:20px}
  .bc-bug .s,.bc-bug .w{display:none}.bc-now{bottom:150px;max-width:80vw}.bc-now b{font-size:22px}
  .bc-board{display:none}.bc-strap{max-width:94vw;top:96px}.bc-strap .a{display:none}
}

/* تنبيهات الموقع (ارتقاء الباس…) فوق الشريط السفلي */
body.bc-open .pl-toast{bottom:calc(190px*var(--u,1))!important}

/* الألعاب 2D بالشاشة كاملة (BC.fit2d) */
.xg.bc2d{position:fixed!important;inset:0 0 var(--prh,0px) 0!important;width:auto!important;height:auto!important;z-index:58!important;contain:none!important}
.xg.bc2d{--u:1}.xg.bc2d>.bc-ctl{position:absolute;z-index:9}
.xg.bc2d::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 62%,#0006 100%)}
/* الألعاب 2D بطابع البثّ: العنوان شارة «مباشر» · الساعة · اللوحات الجانبيّة · علامة القناة */
.xg.bc2d :is(.sq-logo,.kt-logo,.es-t,.sd-t,.cn-t){position:relative;background:linear-gradient(90deg,var(--bc-navy),var(--bc-blue))!important;color:#fff!important;border-radius:10px!important;box-shadow:0 12px 34px #000a,inset 0 -5px 0 var(--bc-cyan)!important;padding-top:20px!important;transform:none!important}
.xg.bc2d :is(.sq-logo,.kt-logo,.es-t,.sd-t,.cn-t)::before{content:'مباشر';position:absolute;top:-16px;right:16px;padding:3px 14px;border-radius:6px;background:var(--bc-red);color:#fff;font:900 18px Cairo,Tahoma,sans-serif;letter-spacing:1px;animation:bcBl 1.4s infinite}
.xg.bc2d :is(.sq-logo,.kt-logo,.es-t,.sd-t,.cn-t) small{color:#bcd0ff!important}
.xg.bc2d :is(.sq-clock,.sd-clock){border-color:var(--bc-cyan)!important;background:var(--bc-navy)!important;box-shadow:0 0 34px #00c2ff55!important}
.xg.bc2d .es-clock{box-shadow:0 0 0 6px var(--bc-navy),0 0 34px #00c2ff55}
.xg.bc2d :is(.sq-side,.es-side,.cn-side,.kt-chefs){background:#08122ee6!important;border:0!important;box-shadow:0 14px 40px #0009,inset 0 4px 0 var(--bc-blue)!important;border-radius:12px!important}
.xg.bc2d :is(.sq-side,.es-side,.cn-side,.kt-chefs)>h3{background:var(--bc-blue);color:#fff!important;border-radius:8px;padding:8px 14px!important}