/* ═══════════════════════════════════════════════════════════════════════════
 *  v466 · صحنهٔ لندسکیپ لایو گیمینگ/استودیو + نشان متحرک OBS/بازی — ظاهر (JS: 378)
 *
 *  اتاق با کلاس ls466 (ویدیوی اصلی افقی): #lrVid صحنهٔ ۱۶:۹ گوشه‌گرد زیر سربرگ
 *  می‌شود (contain — دیگر کراپ نمی‌شود)، پشتش شفق تیره (#lsBack466) و دورش قاب
 *  گرادیانی با گوشه‌های نشانه‌دار و دکمهٔ تمام‌صفحه (#lsFrame466). نشان OBS/بازی
 *  (چیپ‌های 455) حلقهٔ گرادیانی چرخان و نقطهٔ تپنده می‌گیرد — زیر پیل «#1».
 *  همهٔ انیمیشن‌های بی‌پایان فقط transform/opacity؛ lite366 و reduced-motion خاموش.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── صحنهٔ ۱۶:۹ ─── */
#liveRoom49.ls466{ --ls-top:184px; --ls-x:10px }
/*  v467: رپر زوم — بی‌کلاس ls466 هیچ جعبه‌ای ندارد (ویدیو همان تمام‌صفحهٔ 039 می‌ماند)  */
#lsZoom467{ display:contents }
#liveRoom49.ls466 #lsZoom467{
  display:block; position:absolute; top:var(--ls-top); inset-inline-start:var(--ls-x);
  width:calc(100% - (var(--ls-x) * 2)); aspect-ratio:16/9;
  border-radius:16px; overflow:hidden; background:#05020e; touch-action:none;
}
#liveRoom49.ls466 #lsZoom467 > #lrVid{
  position:absolute; inset:0; top:0; width:100%; height:100%;
  object-fit:contain; border-radius:0; background:none;
  transform-origin:center; will-change:transform;
}
#lsBack466, #lsFrame466{ display:none }
#liveRoom49.ls466 #lsBack466{
  display:block; position:absolute; inset:0; overflow:hidden; pointer-events:none;
  background:
    radial-gradient(90% 46% at 50% 0%, rgba(139,92,246,.26), transparent 70%),
    radial-gradient(70% 40% at 100% 100%, rgba(255,61,127,.16), transparent 70%),
    linear-gradient(180deg,#0b0620 0%,#070313 55%,#05020e 100%);
}
#liveRoom49.ls466 #lsBack466 i{ position:absolute; border-radius:50%; filter:blur(34px); opacity:.5 }
#liveRoom49.ls466 #lsBack466 .a{ width:240px; height:240px; background:#8B5CF6; top:40px;  inset-inline-start:-90px; animation:lsFloat466 11s ease-in-out infinite alternate }
#liveRoom49.ls466 #lsBack466 .b{ width:220px; height:220px; background:#FF3D7F; top:150px; inset-inline-end:-90px;  animation:lsFloat466 13s ease-in-out infinite alternate-reverse }
#liveRoom49.ls466 #lsBack466 .c{ width:200px; height:200px; background:#22D3EE; bottom:-70px; inset-inline-start:30%; opacity:.28; animation:lsFloat466 16s ease-in-out infinite alternate }
@keyframes lsFloat466{ from{ transform:translate3d(0,0,0) } to{ transform:translate3d(26px,-20px,0) } }

/* قاب درخشان دور صحنه */
#liveRoom49.ls466 #lsFrame466{
  display:block; position:absolute; top:var(--ls-top); inset-inline-start:var(--ls-x);
  width:calc(100% - (var(--ls-x) * 2));
  aspect-ratio:16/9; border-radius:16px; pointer-events:none;
  box-shadow:0 0 0 1.5px rgba(167,139,250,.5), 0 0 34px -4px rgba(139,92,246,.55), 0 24px 50px -22px rgba(0,0,0,.8);
}
/*  موج نور که روی لبهٔ قاب می‌گردد — فقط opacity/transform  */
#liveRoom49.ls466 #lsFrame466 .sh{
  position:absolute; inset:-2px; border-radius:18px; overflow:hidden;
}
#liveRoom49.ls466 #lsFrame466 .sh::before{
  content:""; position:absolute; inset:-40%;
  background:conic-gradient(from 0deg, transparent 0 78%, rgba(165,243,252,.9) 86%, rgba(255,61,127,.9) 92%, transparent 98%);
  animation:lsSpin466 4.5s linear infinite;
}
#liveRoom49.ls466 #lsFrame466 .sh::after{
  content:""; position:absolute; inset:2.5px; border-radius:15px; background:#000;
}
#liveRoom49.ls466 #lsFrame466 .sh{ z-index:-1 }
@keyframes lsSpin466{ to{ transform:rotate(360deg) } }
/* گوشه‌های نشانه‌دار */
#liveRoom49.ls466 #lsFrame466 > span{ position:absolute; width:16px; height:16px; border:2.5px solid #A5F3FC; opacity:.9 }
#liveRoom49.ls466 #lsFrame466 .c1{ top:-2px; left:-2px;  border-right:0; border-bottom:0; border-radius:16px 0 0 0 }
#liveRoom49.ls466 #lsFrame466 .c2{ top:-2px; right:-2px; border-left:0;  border-bottom:0; border-radius:0 16px 0 0 }
#liveRoom49.ls466 #lsFrame466 .c3{ bottom:-2px; left:-2px;  border-right:0; border-top:0; border-radius:0 0 0 16px }
#liveRoom49.ls466 #lsFrame466 .c4{ bottom:-2px; right:-2px; border-left:0;  border-top:0; border-radius:0 0 16px 0 }
/* دکمهٔ تمام‌صفحه */
#lsFs466{
  position:absolute; top:8px; inset-inline-end:8px; width:32px; height:32px; pointer-events:auto;
  display:grid; place-items:center; border:0; border-radius:10px; cursor:pointer; color:#fff;
  background:rgba(10,4,24,.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
#lsFs466 svg{ width:17px; height:17px }
#lsFs466:active{ transform:scale(.9) }
/*  v467: بازنشانی زوم (378 با زوم > ۱ نمایانش می‌کند)  */
#lsZx467{
  position:absolute; top:8px; inset-inline-start:8px; width:32px; height:32px; pointer-events:auto;
  display:grid; place-items:center; border:0; border-radius:10px; cursor:pointer; color:#fff;
  background:rgba(10,4,24,.55); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
#lsZx467 svg{ width:16px; height:16px }
#lsZx467:active{ transform:scale(.9) }

/* ─── نشان متحرک OBS / بازی (چیپ‌های 455، زیر پیل «#1») ─── */
#stChip455, #gmChip455{
  top:148px; inset-inline-start:10px; padding:7px 13px 7px 9px; gap:7px; border-radius:14px;
  color:#fff; isolation:isolate; overflow:hidden;
  background:none; box-shadow:0 8px 20px -8px rgba(139,92,246,.7);
}
#stChip455::before, #gmChip455::before{
  content:""; position:absolute; z-index:-2; inset:-150%;
  background:conic-gradient(from 0deg,#FF3D7F,#8B5CF6,#22D3EE,#FFB546,#FF3D7F);
  animation:lsSpin466 3.2s linear infinite;
}
#stChip455::after, #gmChip455::after{
  content:""; position:absolute; z-index:-1; inset:1.5px; border-radius:12.5px;
  background:linear-gradient(135deg,rgba(18,8,38,.96),rgba(42,16,80,.96));
}
#stChip455 i, #gmChip455 i{ width:18px; height:18px; color:#A5F3FC; animation:lsBreath466 2.4s ease-in-out infinite }
#stChip455 span, #gmChip455 b{
  font-size:10.5px; font-weight:900; letter-spacing:.6px;
  background:linear-gradient(90deg,#FDE68A,#FF9ECD,#C4B5FD); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
#stChip455 u{ position:relative; width:8px; height:8px; background:#FFB546 }
#stChip455.up u{ background:#34D399; animation:none }
#stChip455.up u::after{
  content:""; position:absolute; inset:-3px; border-radius:50%; border:1.5px solid #34D399;
  animation:lsPing466 1.6s ease-out infinite;
}
@keyframes lsBreath466{ 0%,100%{ opacity:1; transform:scale(1) } 50%{ opacity:.72; transform:scale(.92) } }
@keyframes lsPing466{ from{ transform:scale(.6); opacity:.9 } to{ transform:scale(1.7); opacity:0 } }

/* ─── روانی ─── */
html.lite366 #lsBack466 i, html.lite366 #lsFrame466 .sh::before,
html.lite366 #stChip455::before, html.lite366 #gmChip455::before,
html.lite366 #stChip455 i, html.lite366 #gmChip455 i, html.lite366 #stChip455.up u::after{ animation:none }
html.lite366 #lsBack466 i{ filter:none; opacity:.25 }
@media (prefers-reduced-motion: reduce){
  #lsBack466 i, #lsFrame466 .sh::before, #stChip455::before, #gmChip455::before,
  #stChip455 i, #gmChip455 i, #stChip455 u, #stChip455.up u::after{ animation:none }
}