/* ══ «يبثّون الحين» أعلى صفحة الألعاب (App.liveNow) ══
   بطاقةٌ لكلّ من يبثّ عبر الموقع الآن: صورتُه بحلقةٍ حمراء تنبض، واسمُه
   ومعرّفُ تيك توك، واللعبةُ الجارية. الصفُّ يمرّر أفقيّاً إن كثروا. */
.lv-wrap{margin:0 0 14px;padding:12px 14px;border-radius:18px;
  background:linear-gradient(135deg,rgba(255,45,85,.14),rgba(255,45,85,.03) 55%,transparent),rgba(10,14,32,.55);
  border:1px solid rgba(255,70,105,.3);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lv-wrap.hidden{display:none}
.lv-cap{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:900;font-size:14px;color:#ffd7df}
.lv-cap b{min-width:22px;padding:1px 7px;border-radius:999px;background:#ff2d55;color:#fff;font-size:12px;text-align:center}
.lv-dot{width:9px;height:9px;border-radius:50%;background:#ff2d55;box-shadow:0 0 0 0 rgba(255,45,85,.7);animation:lvPulse 1.4s infinite}
@keyframes lvPulse{70%{box-shadow:0 0 0 9px rgba(255,45,85,0)}100%{box-shadow:0 0 0 0 rgba(255,45,85,0)}}
.lv-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;overscroll-behavior-x:contain}
.lv-card{flex:none;display:flex;align-items:center;gap:10px;min-width:210px;max-width:260px;padding:8px 14px 8px 10px;
  border-radius:16px;text-decoration:none;color:inherit;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);transition:transform .15s,background .15s,border-color .15s}
.lv-card:hover{transform:translateY(-2px);background:rgba(255,45,85,.12);border-color:rgba(255,70,105,.5)}
.lv-av{position:relative;flex:none;width:50px;height:50px;border-radius:50%;padding:2px;
  background:conic-gradient(#ff2d55,#ff8a3d,#ff2d55);animation:lvRing 2.4s linear infinite}
@keyframes lvRing{to{filter:hue-rotate(40deg)}}
.lv-av img,.lv-av b{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;
  object-fit:cover;border:2px solid #0b0f22}
.lv-av b{display:grid;place-items:center;background:#2a2f55;color:#fff;font-size:20px;font-weight:900}
.lv-av img{z-index:1}
.lv-av i{position:absolute;z-index:2;left:50%;bottom:-5px;transform:translateX(-50%);padding:0 6px;border-radius:5px;
  background:#ff2d55;color:#fff;font:900 9px/15px system-ui,sans-serif;letter-spacing:.5px;font-style:normal;border:2px solid #0b0f22}
.lv-tx{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.lv-tx b{font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-tx small{font-size:11px;color:#9aa3c7;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-tx em{font-style:normal;font-size:12px;font-weight:800;color:#ffd36a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.lv-card{min-width:180px}.lv-av{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.lv-dot,.lv-av{animation:none}}

/* الصفحةُ الرئيسيّة تبدأ تحت شريط الموقع الثابت (البنرُ المميّز يمتدّ تحته
   بحشوةٍ علويّة). الشريطُ ينزل تحته، ومتى ظهر قصُر حشوُ البنر فلا يتضاعف الفراغ */
.home>.lv-wrap{margin-top:84px}
.home>.lv-wrap:not(.hidden)+.home-grid .hr-hero:first-child{padding-top:28px}

/* ── بنرُ المذيع خلفيّةُ بطاقته ──
   البطاقةُ أعرض بنسبة البنر، والظلُّ يشتدّ جهةَ النصّ (اليمين) فيُقرأ
   الاسمُ فوق أيّ صورة، ويخفّ يساراً فيظهر البنر. */
.lv-card.has-ban,.lv-card.has-col{min-width:280px;max-width:320px;min-height:74px;border-color:rgba(255,255,255,.18);
  background-color:#0b0f22;background-size:cover;background-repeat:no-repeat}
.lv-card.has-ban{background-image:linear-gradient(270deg,rgba(8,10,26,.92) 0%,rgba(8,10,26,.72) 45%,rgba(8,10,26,.12) 100%),var(--lv-img);
  background-position:center,center var(--lv-y,50%)}
.lv-card.has-col{background-image:linear-gradient(270deg,rgba(8,10,26,.88),rgba(8,10,26,.35)),linear-gradient(135deg,var(--lv-col),#0b0f22)}
.lv-card.has-ban:hover,.lv-card.has-col:hover{border-color:rgba(255,70,105,.7);box-shadow:0 8px 26px rgba(255,45,85,.25)}
.lv-card.has-ban .lv-tx b,.lv-card.has-col .lv-tx b{text-shadow:0 2px 6px rgba(0,0,0,.8)}
.lv-card.has-ban .lv-tx small,.lv-card.has-col .lv-tx small{color:#d3d8f0}