/* ═══════════════════════════════════════════════════════════════════════════
 *  v367 · حرکت‌های تزئینی لایو فقط روی کارت گرافیک (همان ظاهر، بدون نقاشی دوباره در هر فریم)
 *
 *  دادهٔ واقعی پنل «روانی اپ»: گیر جاوااسکریپت کم بود، ولی نرخ فریم آیفون ۱۱ و اندروید ۳۱ و
 *  پاسخ لمس ۲۵۰ تا ۳۰۰ میلی‌ثانیه. علت: ۴۲ انیمیشن بی‌پایان که مرورگر باید در هر فریم با پردازنده
 *  دوباره بکشد (گرادیان چرخان حلقهٔ ۱۰ مایک، ۵ برق که با left جابه‌جا می‌شدند و هر فریم چیدمان
 *  صفحه را عوض می‌کردند، سایهٔ تپنده، موج‌های داخل SVG، و سه هالهٔ شفق با تاری ۳۸px).
 *  این‌جا هر کدام با transform/opacity (کار کارت گرافیک) یا یک بار پخش جایگزین می‌شود.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۱) حلقهٔ رنگی مایک‌ها: به‌جای چرخاندن زاویهٔ گرادیان (نقاشی دوباره در هر فریم) خود حلقه می‌چرخد */
#liveRoom49 .lr-seat:not(.v):not(.full) .circ::before,
.ms120-seat.sx274 .rg274, .mo275 .rg274{
  background:conic-gradient(#FFD54A,#FF9F2E,#FF5E9C,#C084FC,#FFE45C,#FFD54A);
  animation-name:rr367 }
@keyframes rr367{ to{ transform:rotate(360deg) } }

/* ۲) برق‌هایی که از روی نشان‌ها رد می‌شوند: transform به‌جای left (left هر فریم چیدمان را دوباره حساب می‌کرد) */
html body #rk101.v261::after, #liveRoom49 #rk101.v261.v261::after, body #rk101.v261.v261::after,
html body #lv126.v266::after, .vc125.v271::after{ left:0 !important; animation-name:sw367 !important }
@keyframes sw367{ 0%,55%{ transform:translateX(-158%) skewX(-20deg) } 90%,100%{ transform:translateX(342%) skewX(-20deg) } }
#liveRoom49.vb108 #fire100::after, #liveRoom49.vb108 #star99::after{ left:0; animation-name:sw367b }
@keyframes sw367b{ 0%,65%{ transform:translateX(-143%) skewX(-20deg) } 100%{ transform:translateX(371%) skewX(-20deg) } }
#liveRoom49 .cup312::after{ left:0; animation-name:sw367c }
@keyframes sw367c{ 0%,60%{ transform:translateX(-150%) skewX(-20deg) } 100%{ transform:translateX(325%) skewX(-20deg) } }

/* ۳) نشان رتبهٔ ۱: درخشش ثابت به‌جای سایهٔ تپنده (سایهٔ متحرک هر فریم دوباره کشیده می‌شد) */
#liveRoom49 #rk101.v261.v261.first, body #rk101.v261.v261.first{ animation:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 0 0 1.5px #FFE9A8, 0 0 16px 2px rgba(255,150,80,.6) !important }

/* ۴) حرکت‌های ریز داخل آیکون‌های SVG (نوار پایین، موج مایک‌های خالی، شعلهٔ نشان‌ها): چند بار پخش و بعد آرام.
      آیکون‌ها خودشان (لایهٔ HTML) هنوز با transform تکان می‌خورند. */
#vb108Bar .ci131 .d1, #vb108Bar .ci131 .d2, #vb108Bar .ci131 .d3,
#vb108Bar .vb108-game .gp130 .b1, #vb108Bar .vb108-game .gp130 .b2, #vb108Bar .vb108-game .gp130 .b3, #vb108Bar .vb108-game .gp130 .b4,
#vb108Bar .vb108-emo .sm131 .sp1, #vb108Bar .vb108-emo .sm131 .sp2, #vb108Bar .vb108-emo .sm131 .wk,
#vb108Bar .vb108-spk .sp131 .w1, #vb108Bar .vb108-spk .sp131 .w2, #vb108Bar .vb108-spk .sp131 .w3,
#liveRoom49 #rk101.v261.v261 .rk-cup svg path.fl, body #rk101.v261.v261 .rk-cup svg path.fl,
#liveRoom49 .fo268 .o, #liveRoom49 .fo268 .i,
#liveRoom49 .mi273 .w1{ animation-iteration-count:3 !important }

/* ۵) هالهٔ «شفق» تم: به‌جای تاری ۳۸px (که کارت گرافیک در هر فریم برای سه لایهٔ بزرگ حساب می‌کرد)
      لبهٔ نرم با ماسک گرادیانی — یک بار کشیده می‌شود و فقط جابه‌جا می‌شود */
.tkfx318 .au{ filter:none !important; width:88%; height:48%; margin:-7% 0 0 -9%;
  -webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%);
          mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.6) 45%,transparent 100%) }
/* تاری کل لایهٔ تم فقط وقتی در پنل تنظیم شده (blur(0) هم برای کارت گرافیک یک لایهٔ اضافه می‌ساخت) */
.tkfx318:not(.bl318){ filter:none !important }