/* ═══════════════════════════════════════════════════════════════════════════
 *  v372 · نوار نشان‌های لایو صوتی: «این ساعت» · «سطح اتاق» · «آتش» · «دریافتی»
 *
 *  قبلاً چهار نشان هر کدام اندازه و حال‌وهوای خودشان را داشتند: سه تا ۳۰px، جام ۳۴px،
 *  فاصلهٔ بزرگ خالی قبل از «دریافتی»، متن «آتش» لب‌به‌لب لبه، و پدینگ جام در فارسی برعکس.
 *  حالا یک نوار یک‌دست:
 *   • هر چهار نشان هم‌قد (۳۶px) و کنار هم با فاصلهٔ برابر، کل عرض ردیف را پر می‌کنند.
 *   • بدنهٔ «جواهری»: گرادیان پررنگ هر نشان + لبهٔ براق بالا، عمق پایین، حاشیهٔ روشن و درخشش رنگی.
 *   • مدال گرد یک‌دست برای آیکن‌ها؛ عدد درشت‌تر (۱۴.۵px) با هالهٔ رنگ خود نشان.
 *   • برقِ عبوری هر چهار نشان پشت سر هم: یک موج نور از اول تا آخر نوار.
 *  رنگ‌ها: «این ساعت» بر اساس رتبه (۱ طلایی‌آتشین، ۲ مرواریدی، ۳ رز مسی، ۱۰ تای اول صورتی←بنفش)،
 *  «سطح اتاق» با رنگ همان سطح، «آتش» گدازه، «دریافتی» طلا.
 *  فقط لایو صوتی (:where(:not(.tb101)) — بدون وزن انتخابگر، تا رنگ‌های پنل مدیریت برای رتبه‌ها
 *  همچنان برنده باشند). حرکت‌ها فقط transform/opacity؛ حالت سبک، طوفان هدیه و کاهش حرکت آرام‌شان می‌کنند.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ ۱) چیدمان ردیف ═══ */
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5{ gap:6px !important; align-items:center !important; justify-content:space-between }
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > .flex-1{ display:none !important }
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #rk101,
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #lv126,
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #fire100,
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #lrTopGifter{ flex:1 1 0 !important; min-width:max-content; margin:0 !important; order:0 }
/* جام همیشه آخر نوار (هم‌ردیف با بقیه، نه آن سر صفحه) */
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #lrTopGifter{ order:1; display:flex !important }
html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5 > #lrTopGifter:empty{ display:none !important }

/* ═══ ۲) بدنهٔ مشترک ═══ */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312{
  --rim:rgba(255,255,255,.55); --gl:rgba(168,85,247,.7); --lb:rgba(255,255,255,.8);
  position:relative !important; overflow:hidden !important; isolation:isolate;
  display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:6px !important;
  box-sizing:border-box !important; height:36px !important; min-height:36px; width:auto;
  padding:0 11px 0 4px !important; border:0 !important; border-radius:999px !important;
  direction:inherit !important; white-space:nowrap; cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -3px 6px -2px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 0 0 1px var(--rim),
    0 7px 16px -7px var(--gl),
    0 2px 5px rgba(12,2,30,.35) !important;
  transform:translateZ(0); -webkit-tap-highlight-color:transparent; animation:none !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) .cup312.cup312{ padding:0 4px 0 11px !important }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261:active,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266:active,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268:active,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312:active{ transform:scale(.95) }

/* لعاب شیشه‌ای بالای نشان (ثابت؛ یک بار کشیده می‌شود) */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261::before,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266::before,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268::before,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312::before{
  content:"" !important; position:absolute !important; z-index:0; inset:1px 6px auto; height:46%; border-radius:999px 999px 60% 60% / 999px 999px 100% 100%;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.05)) !important; pointer-events:none; display:block !important }

/* برق عبوری: یک موج نور که پشت سر هم از روی چهار نشان رد می‌شود */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261::after,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266::after,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268::after,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312::after{
  content:"" !important; display:block !important; position:absolute !important; z-index:3 !important; top:0 !important; bottom:0 !important; left:0 !important; width:34% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent) !important; opacity:1 !important; pointer-events:none;
  transform:translateX(-160%) skewX(-20deg); animation:sw372 5.2s cubic-bezier(.45,0,.25,1) infinite !important; animation-delay:0s !important }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266::after{ animation-delay:.16s !important }
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268::after{ animation-delay:.32s !important }
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312::after{ animation-delay:.48s !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261::after{ animation-delay:.48s !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266::after{ animation-delay:.32s !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268::after{ animation-delay:.16s !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) .cup312.cup312::after{ animation-delay:0s !important }
@keyframes sw372{ 0%,64%{ transform:translateX(-160%) skewX(-20deg) } 86%,100%{ transform:translateX(400%) skewX(-20deg) } }

/* محتوا بالای لعاب */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 > *,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 > *,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 > *,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 > *{ position:relative; z-index:1; flex:none }

/* ─── متن: برچسب ریز بالا، عدد درشت پایین ─── */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .tx264,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:2px !important; line-height:1 !important; min-width:0; text-align:start }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .tx264 > span,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266 small,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t small,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv small{
  display:block !important; font-size:7.5px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.55px !important; text-transform:uppercase;
  color:var(--lb) !important; opacity:1 !important; text-shadow:0 1px 1px rgba(0,0,0,.25) !important; white-space:nowrap }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 b,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266 b,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t b,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv b{
  display:block; font-size:14.5px !important; font-weight:900 !important; line-height:1 !important; letter-spacing:.1px; direction:ltr; white-space:nowrap;
  color:#fff !important; background:none !important; -webkit-text-fill-color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.28), 0 0 10px var(--gl) !important }
/* فارسی: حروف پیوسته بدون فاصلهٔ حرف، برچسب کمی درشت‌تر */
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .tx264 > span,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266 small,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t small,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv small{ font-size:9px !important; letter-spacing:0 !important; font-weight:800 !important }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .tx264,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t,
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv{ gap:1px !important }

/* ─── مدال گرد آیکن‌ها (۲۸px) ─── */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup,
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lv126-e,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-i,
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .ci{
  width:28px !important; height:28px !important; margin:0 !important; border-radius:50% !important;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.7), 0 3px 7px -1px rgba(0,0,0,.45), inset 0 -3px 5px rgba(0,0,0,.18) !important }

/* ═══ ۳) «این ساعت» — رنگ بر اساس رتبه ═══
   انتخابگرها (۲ شناسه + ۳ کلاس + body) عمداً از قانون‌های پیش‌فرض v261 سنگین‌تر و از رنگ‌های پنل مدیریت
   (lh265 با ۴–۵ کلاس) سبک‌ترند. */
body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261{ --rim:rgba(216,180,254,.75); --gl:rgba(168,85,247,.85); --lb:#EBDDFF;
  background:linear-gradient(115deg,#4A1D96 0%,#7C3AED 52%,#B04CF0 100%) !important }
body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261.t10{ --rim:rgba(255,193,221,.85); --gl:rgba(236,72,153,.9); --lb:#FFE4F1;
  background:linear-gradient(115deg,#FF4D8D 0%,#D946EF 52%,#7C5CFF 100%) !important }
body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261.r3{ --rim:rgba(255,216,199,.95); --gl:rgba(240,98,122,.9); --lb:#FFE6DC;
  background:linear-gradient(115deg,#FFA48F 0%,#EE5D78 50%,#A23A66 100%) !important }
body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261.r2{ --rim:rgba(255,255,255,.95); --gl:rgba(160,140,255,.9); --lb:#F4F0FF;
  background:linear-gradient(115deg,#D2C8FF 0%,#8E7BF0 48%,#5646D4 100%) !important }
body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261.first{ --rim:#FFE9A8; --gl:rgba(255,140,60,.95); --lb:#FFF3D1;
  background:linear-gradient(115deg,#FFC24D 0%,#FF5E7E 50%,#C03FEF 100%) !important }
/* سه تای اول: حاشیهٔ طلایی دولایه */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261.top3{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -3px 6px -2px rgba(0,0,0,.3),
    inset 0 0 0 1px rgba(255,255,255,.22),
    0 0 0 1.5px var(--rim),
    0 0 14px -2px var(--gl),
    0 2px 5px rgba(12,2,30,.35) !important }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup{ background:none !important; overflow:visible }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup::before{ inset:-2.5px !important }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup svg,
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup img.ic265{ width:25px !important; height:25px !important }
/* جرقه‌های رتبهٔ ۱ کنار عدد، نه روی متن */
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .sp264{ z-index:4; position:absolute }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .sp264.a{ top:6px; right:8px; left:auto }
html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .sp264.b{ bottom:6px; right:16px; left:auto }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .sp264.a{ left:8px; right:auto }
[dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .sp264.b{ left:16px; right:auto }

/* ═══ ۴) «سطح اتاق» — رنگ همان سطح (--a روشن، --b تیره، --h هاله؛ از 160-v126.js) ═══ */
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266{
  --rim:color-mix(in srgb,var(--h,#C9BEF2) 80%,transparent); --gl:color-mix(in srgb,var(--a,#B9AEE0) 85%,transparent); --lb:color-mix(in srgb,var(--h,#C9BEF2) 45%,#fff);
  background:linear-gradient(115deg,color-mix(in srgb,var(--b,#6F64A3) 50%,#0E0426) 0%,color-mix(in srgb,var(--b,#6F64A3) 82%,#140830) 55%,color-mix(in srgb,var(--a,#B9AEE0) 60%,var(--b,#6F64A3)) 100%) !important }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266.max{ --rim:#FFE9A8 }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lv126-e{ display:grid !important; place-items:center; background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.28),rgba(10,2,30,.35) 72%) !important }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lv126-ring{ inset:-1px !important; width:30px !important; height:30px !important }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lv126-ring .bg{ stroke:rgba(255,255,255,.22) }
html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .gm266{ width:23px !important; height:23px !important }

/* ═══ ۵) «آتش» — گدازه ═══ */
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268{ --rim:rgba(255,196,150,.8); --gl:rgba(255,96,48,.9); --lb:#FFE3C7;
  background:linear-gradient(115deg,#8A1035 0%,#E02A44 50%,#FF8A2B 100%) !important }
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-i{ display:grid !important; place-items:center; background:radial-gradient(circle at 50% 38%,rgba(255,236,200,.5),rgba(110,8,30,.45) 74%) !important }
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .fo268,
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .fi268{ width:24px !important; height:24px !important }
/* جایگاه اتاق: برچسب طلایی کوچک انتهای نشان */
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-r{ height:18px !important; padding:0 6px !important; margin-inline-start:auto; font-size:10px !important; line-height:18px;
  color:#7A1F2B !important; background:linear-gradient(180deg,#FFF6CC,#FFC24D) !important; box-shadow:inset 0 1px 0 #fff, 0 0 0 1px rgba(122,31,43,.25), 0 2px 5px rgba(0,0,0,.3) !important }
html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268:has(> .f268-r){ padding-inline-end:5px !important }

/* ═══ ۶) «دریافتی» — جام طلا ═══ */
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312{ --rim:rgba(253,230,138,.95); --gl:rgba(251,176,36,.9); --lb:#FFF1BF;
  background:linear-gradient(115deg,#5E2604 0%,#B45309 50%,#F0A92E 100%) !important; font:inherit; width:100% }
html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .ci{ box-sizing:border-box; padding:3px; filter:none !important;
  background:radial-gradient(circle at 50% 35%,rgba(255,248,214,.55),rgba(90,34,0,.5) 74%) !important }

/* ═══ ۷) گوشی باریک: کمی جمع‌وجورتر تا هر چهار نشان بی‌اسکرول جا شوند ═══ */
@media (max-width:374px){
  html body #liveRoom49:where(:not(.tb101)) > .px-4.mt-2\.5{ gap:4px !important; padding-left:12px !important; padding-right:12px !important }
  html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261,
  html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266,
  html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268,
  html body #liveRoom49:where(:not(.tb101)) .cup312.cup312{ height:34px !important; min-height:34px; gap:4px !important; padding:0 8px 0 3px !important }
  [dir=rtl] html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261,
  [dir=rtl] html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266,
  [dir=rtl] html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268,
  [dir=rtl] html body #liveRoom49:where(:not(.tb101)) .cup312.cup312{ padding:0 3px 0 8px !important }
  html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .rk-cup,
  html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lv126-e,
  html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-i,
  html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .ci{ width:26px !important; height:26px !important }
  html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 b,
  html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266 b,
  html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t b,
  html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv b{ font-size:13px !important }
  html body #liveRoom49:where(:not(.tb101)) #rk101.v261.v261 .tx264 > span,
  html body #liveRoom49:where(:not(.tb101)) #lv126.v266.v266 .lt266 small,
  html body #liveRoom49:where(:not(.tb101)) #fire100.v268.v268 .f268-t small,
  html body #liveRoom49:where(:not(.tb101)) .cup312.cup312 .cv small{ letter-spacing:.2px !important }
}

/* ═══ ۸) آرام: حالت سبک، طوفان هدیه، کاهش حرکت ═══ */
html.lite366 body #liveRoom49 #rk101.v261.v261::after, html.lite366 body #liveRoom49 #lv126.v266.v266::after,
html.lite366 body #liveRoom49 #fire100.v268.v268::after, html.lite366 body #liveRoom49 .cup312.cup312::after,
html.gs368b body #liveRoom49 #rk101.v261.v261::after, html.gs368b body #liveRoom49 #lv126.v266.v266::after,
html.gs368b body #liveRoom49 #fire100.v268.v268::after, html.gs368b body #liveRoom49 .cup312.cup312::after{ animation:none !important; opacity:0 !important }
@media (prefers-reduced-motion:reduce){
  html body #liveRoom49 #rk101.v261.v261::after, html body #liveRoom49 #lv126.v266.v266::after,
  html body #liveRoom49 #fire100.v268.v268::after, html body #liveRoom49 .cup312.cup312::after{ animation:none !important; opacity:0 !important }
}