/* ═══════════════════════════════════════════════════════════════════════════
 *  v471 · سینمای لایو + گرید «حالت اتاق» هارتلی — ظاهر (منطق: 382)
 *
 *  صحنهٔ ۱۶:۹ شیشه‌ای با هالهٔ شفق (فقط transform/opacity)، نوار کنترل زیر صحنه
 *  (هیچ لایه‌ای روی خود پخش‌کنندهٔ یوتیوب نیست — قرارداد رسمی)، شیت انتخاب ویدیو،
 *  گرید حالت اتاق با کاشی‌های برداری اختصاصی، و پوستهٔ «مایک سینمایی» برای
 *  صندلی‌های همان سیستم فعلی. lite366/reduced-motion همهٔ تزئین‌ها را خاموش می‌کند.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ─── صحنهٔ سینما ─── */
#cn471{ position:relative; z-index:10; margin:2px 10px 6px; }
.cn471-fr{ position:relative; border-radius:18px; padding:2px;
  background:linear-gradient(135deg, rgba(255,61,127,.55), rgba(139,92,246,.45) 38%, rgba(34,211,238,.4) 72%, rgba(255,201,64,.5));
  box-shadow:0 14px 34px -14px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.05); }
.cn471-au{ position:absolute; inset:-14px; border-radius:26px; pointer-events:none; opacity:.5; filter:blur(18px);
  background:radial-gradient(40% 55% at 14% 12%, rgba(255,61,127,.5), transparent 70%),
             radial-gradient(45% 60% at 88% 20%, rgba(139,92,246,.5), transparent 70%),
             radial-gradient(50% 60% at 50% 100%, rgba(34,211,238,.35), transparent 70%);
  animation:cnAu471 9s ease-in-out infinite alternate; }
@keyframes cnAu471{ from{ opacity:.34; transform:scale(.985) } to{ opacity:.6; transform:scale(1.02) } }
.cn471-box{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio:16/9; background:#05020e; }
#cn471Hold, #cn471Hold iframe, #cn471Y{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
/*  تمام‌صفحه: کل سینما (صحنه + نوار کنترل) — کنترل در تمام‌صفحه هم در دسترس بماند  */
#cn471:fullscreen{ margin:0; display:flex; flex-direction:column; justify-content:center; background:#000; padding:0 0 env(safe-area-inset-bottom); }
#cn471:fullscreen .cn471-fr{ padding:0; border-radius:0; background:none; box-shadow:none; }
#cn471:fullscreen .cn471-box{ border-radius:0; }
#cn471:fullscreen .cn471-au{ display:none; }
#cn471:fullscreen .cn471-bar{ margin:8px 10px 10px; }

/*  حالت خالی / خطا — روی صحنهٔ خالی، نه روی پخش‌کننده  */
.cn471-empty{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:14px; text-align:center;
  background:radial-gradient(80% 90% at 50% 0%, rgba(139,92,246,.25), transparent 65%),
             radial-gradient(90% 80% at 50% 110%, rgba(255,61,127,.2), transparent 60%), #0b0618; }
.cn471-empty b{ color:#fff; font-size:12.5px; font-weight:800; line-height:1.9; max-width:300px; }
.cn471-pick{ border:0; cursor:pointer; border-radius:99px; padding:9px 22px; font-size:13px; font-weight:900; color:#1c1917;
  background:linear-gradient(135deg,#FFE9A8,#FFC940); box-shadow:0 8px 20px -8px rgba(255,201,64,.8); }
.cn471-pick:active{ transform:scale(.96); }

/* ─── نوار کنترل زیر صحنه ─── */
.cn471-bar{ margin-top:6px; padding:7px 9px 8px; border-radius:14px;
  background:linear-gradient(180deg, rgba(20,10,40,.72), rgba(10,6,24,.72));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.cn471-ttl{ display:flex; align-items:center; gap:7px; min-width:0; margin-bottom:6px; }
.cn471-ttl b{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:11.5px; font-weight:800; }
.cn471-yt{ flex:none; display:inline-flex; align-items:center; gap:4px; padding:2.5px 8px; border-radius:7px; font-size:9px; font-weight:900; letter-spacing:.3px;
  color:#fff; background:#f00; text-decoration:none; direction:ltr; }
.cn471-yt .lv{ width:6px; height:6px; border-radius:50%; background:#fff; animation:cnLv471 1.6s ease-in-out infinite; }
@keyframes cnLv471{ 0%,100%{ opacity:1 } 50%{ opacity:.25 } }
.cn471-row{ display:flex; align-items:center; gap:6px; }
.cb471{ flex:none; width:34px; height:34px; border:0; cursor:pointer; border-radius:11px; display:grid; place-items:center; color:#fff;
  background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); }
.cb471:active{ transform:scale(.92); }
.cb471.main{ width:40px; height:40px; border-radius:13px; color:#1c1917;
  background:linear-gradient(135deg,#FFE9A8,#FFC940); box-shadow:0 6px 16px -7px rgba(255,201,64,.9); }
.cb471.danger{ color:#fda4af; background:rgba(244,63,94,.16); box-shadow:inset 0 0 0 1px rgba(244,63,94,.35); }
.cn471-seek{ flex:1; min-width:0; display:flex; align-items:center; gap:7px; }
.cn471-seek input[type="range"]{ flex:1; min-width:0; appearance:none; -webkit-appearance:none; height:4px; border-radius:99px; outline:0;
  background:linear-gradient(90deg,#FF3D7F,#8B5CF6); opacity:.95; }
.cn471-seek input[type="range"]::-webkit-slider-thumb{ appearance:none; -webkit-appearance:none; width:14px; height:14px; border-radius:50%;
  background:#fff; box-shadow:0 0 0 3px rgba(255,61,127,.45); border:0; }
.cn471-seek input[type="range"]:disabled::-webkit-slider-thumb{ width:8px; height:8px; box-shadow:none; }
.cn471-time{ flex:none; color:rgba(255,255,255,.75); font-size:10px; font-weight:800; direction:ltr; }
.cn471-time.lv{ direction:inherit; }

/* ─── شیت انتخاب ویدیو — v473: هم‌عرض ستون اپ (۴۲۰)، حداکثر نصف صفحه، گرافیک قوی‌تر ─── */
#ytp471{ position:fixed; inset:0; z-index:9996; background:rgba(5,2,14,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  display:flex; align-items:flex-end; justify-content:center; animation:cnFad471 .22s ease both; }
.ytp471-box{ position:relative; box-sizing:border-box; width:100%; max-width:420px; max-height:50vh; max-height:min(520px, calc(100dvh - 24px), max(50dvh, 280px)); overflow-y:auto; overscroll-behavior:contain; display:flex; flex-direction:column;
  border-radius:26px 26px 0 0; padding:8px 14px calc(10px + env(safe-area-inset-bottom));
  background:
    radial-gradient(90% 50% at 90% -10%, rgba(255,61,127,.22), transparent 60%),
    radial-gradient(70% 45% at 5% 0%, rgba(139,92,246,.26), transparent 60%),
    linear-gradient(180deg,#1c1038 0%,#110a24 100%);
  box-shadow:0 -16px 50px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.12);
  animation:cnUp471 .3s cubic-bezier(.2,.9,.3,1.08) both; }
.ytp471-grab{ flex:none; display:block; width:40px; height:4px; border-radius:99px; margin:0 auto 10px; background:rgba(255,255,255,.22); }
.ytp471-hd{ flex:none; display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.ytp471-hd > div{ flex:1; min-width:0; }
.ytp471-hd b{ display:block; color:#fff; font-size:14.5px; font-weight:900; }
.ytp471-hd small{ display:block; color:rgba(255,255,255,.5); font-size:10px; font-weight:700; margin-top:2px; }
.ytp471-glyph{ flex:none; width:38px; height:38px; border-radius:13px; display:grid; place-items:center; padding:8px; color:#fff;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 18px -8px rgba(255,61,127,.8); }
.ytp471-glyph svg{ width:100%; height:100%; }
.ytp471-in{ flex:none; display:flex; gap:8px; }
.ytp471-fld{ flex:1; min-width:0; display:flex; align-items:center; gap:7px; padding:0 10px; border-radius:14px; color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.ytp471-fld:focus-within{ box-shadow:inset 0 0 0 1.5px rgba(255,61,127,.7), 0 0 0 4px rgba(255,61,127,.14); color:#FF9ECD; }
.ytp471-fld > svg{ flex:none; }
.ytp471-fld input{ flex:1; min-width:0; border:0; outline:0; background:none; padding:11px 0; font-size:13px; font-weight:700; color:#fff; }
.ytp471-fld input::placeholder{ color:rgba(255,255,255,.35); }
@supports (-webkit-touch-callout:none){ .ytp471-fld input{ font-size:16px; padding:9px 0; } }   /*  iOS: زیر ۱۶px فوکوس زوم می‌کند  */
.ytp471-clr{ flex:none; width:22px; height:22px; border:0; border-radius:50%; display:none; place-items:center; cursor:pointer; color:#fff; background:rgba(255,255,255,.14); }
.ytp471-fld.has .ytp471-clr{ display:grid; }
.ytp471-go{ flex:none; border:0; cursor:pointer; border-radius:14px; padding:0 15px; font-size:12.5px; font-weight:900; color:#fff; display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 18px -8px rgba(255,61,127,.8); }
.ytp471-go:active{ transform:scale(.96); }
.ytp471-chips{ flex:none; display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:9px -2px 0; padding:0 2px 2px; }
.ytp471-chips::-webkit-scrollbar{ display:none; }
@media (hover:hover) and (pointer:fine){
  .ytp471-chips{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.28) transparent; padding-bottom:6px; }
  .ytp471-chips::-webkit-scrollbar{ display:block; height:4px; }
  .ytp471-chips::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.28); border-radius:99px; }
}
.ytp471-chip{ flex:none; display:inline-flex; align-items:center; gap:5px; border:0; cursor:pointer; border-radius:99px; padding:5px 10px; font-size:10.5px; font-weight:800; color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); max-width:170px; }
.ytp471-chip > b{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:inherit; }
.ytp471-chip.act{ color:#fff; background:linear-gradient(135deg, rgba(255,201,64,.28), rgba(255,61,127,.22)); box-shadow:inset 0 0 0 1px rgba(255,201,64,.45); }
.ytp471-chip.x{ padding:5px 8px; color:rgba(255,255,255,.55); }
.ytp471-ls{ flex:1; min-height:96px; overflow-y:auto; margin-top:9px; display:flex; flex-direction:column; gap:7px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.ytp471-idle{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; margin:auto 0; padding:12px 10px; text-align:center; color:rgba(255,255,255,.55); }
.ytp471-idle svg{ opacity:.65; margin-bottom:2px; }
.ytp471-idle b{ color:rgba(255,255,255,.85); font-size:11.5px; font-weight:800; line-height:1.9; }
.ytp471-idle small{ font-size:10px; font-weight:700; line-height:1.8; }
.ytp471-idle.err b{ color:#FFB4C6; }
.ytp471-idle u{ text-decoration:none; opacity:.7; font-weight:700; }
.ytp471-hint{ margin:14px 6px; color:rgba(255,255,255,.55); font-size:11.5px; font-weight:700; line-height:2; text-align:center; }
.ytp471-tos{ flex:none; margin:7px 4px 0; color:rgba(255,255,255,.35); font-size:9px; font-weight:700; text-align:center; }
.ytp471-tos a{ color:rgba(255,255,255,.55); text-decoration:underline; }
.ytp471-r{ flex:none; display:flex; align-items:center; gap:10px; border:0; cursor:pointer; text-align:inherit; border-radius:16px; padding:7px; color:inherit;
  background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.04)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  animation:ytIn471 .32s cubic-bezier(.2,.9,.3,1) backwards; animation-delay:calc(var(--i, 0) * 45ms); }
.ytp471-r:active{ transform:scale(.985); }
@media (hover:hover){ .ytp471-r:hover{ background:linear-gradient(160deg, rgba(255,61,127,.18), rgba(139,92,246,.14)); box-shadow:inset 0 0 0 1px rgba(255,61,127,.45); } }
.ytp471-r .th{ position:relative; flex:none; width:112px; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#05020e; box-shadow:0 6px 16px -8px rgba(0,0,0,.8); }
.ytp471-r .th img{ width:100%; height:100%; object-fit:cover; display:block; }
.ytp471-r .th::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,.55)); }
.ytp471-r .th .pl{ position:absolute; z-index:2; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%; display:grid; place-items:center; color:#1c1917;
  background:linear-gradient(135deg,#FFE9A8,#FFC940); box-shadow:0 4px 12px -4px rgba(0,0,0,.7); }
.ytp471-r .th i:not(.pl){ position:absolute; z-index:2; bottom:4px; inset-inline-end:4px; padding:1.5px 6px; border-radius:6px; font-style:normal; font-size:8.5px; font-weight:900;
  color:#fff; background:rgba(0,0,0,.72); direction:ltr; }
.ytp471-r .th i.lv{ background:#f00; }
.ytp471-r .tx{ flex:1; min-width:0; }
.ytp471-r .tx b{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#fff; font-size:11.5px; font-weight:800; line-height:1.75; }
.ytp471-r .tx small{ display:flex; align-items:center; gap:4px; margin-top:4px; color:rgba(255,255,255,.5); font-size:10px; font-weight:700; }
.ytp471-sk{ flex:none; display:flex; align-items:center; gap:10px; padding:7px; border-radius:16px; background:rgba(255,255,255,.05); animation:ytPulse471 1s ease-in-out infinite alternate; }
.ytp471-sk .th{ flex:none; width:112px; aspect-ratio:16/9; border-radius:12px; background:rgba(255,255,255,.1); }
.ytp471-sk .tx{ flex:1; display:flex; flex-direction:column; gap:7px; }
.ytp471-sk .tx i{ display:block; height:10px; border-radius:6px; background:rgba(255,255,255,.1); }
.ytp471-sk .tx i:last-child{ width:45%; }
@keyframes ytIn471{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:translateY(0) } }
@keyframes ytPulse471{ from{ opacity:.45 } to{ opacity:1 } }
@keyframes cnFad471{ from{ opacity:0 } to{ opacity:1 } }
@keyframes cnUp471{ from{ opacity:0; transform:translateY(40px) } to{ opacity:1; transform:translateY(0) } }

/* ─── گرید «حالت اتاق» — طراحی هارتلی (جایگزین کامل ظاهر قدیمی) ─── */
.rm471{ position:fixed; inset:0; z-index:9996; background:rgba(5,2,14,.62); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  display:flex; align-items:flex-end; justify-content:center; animation:cnFad471 .22s ease both; }
.rm471-box{ box-sizing:border-box; width:100%; max-width:420px; max-height:62vh; max-height:62dvh; overflow-y:auto; overscroll-behavior:contain; border-radius:24px 24px 0 0; padding:16px 14px calc(14px + env(safe-area-inset-bottom));
  background:
    radial-gradient(85% 40% at 85% 0%, rgba(255,61,127,.18), transparent 60%),
    radial-gradient(70% 40% at 10% 4%, rgba(139,92,246,.22), transparent 60%),
    linear-gradient(180deg,#1b1038 0%,#120a26 100%);
  box-shadow:0 -14px 44px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.1);
  animation:cnUp471 .3s cubic-bezier(.2,.9,.3,1.08) both; }
.rm471-hd{ display:flex; align-items:center; gap:10px; margin:0 2px 14px; }
.rm471-hd > div{ flex:1; min-width:0; }
.rm471-hd b{ display:block; color:#fff; font-size:15.5px; font-weight:900; }
.rm471-hd small{ display:block; color:rgba(255,255,255,.5); font-size:10.5px; font-weight:700; margin-top:3px; }
.rm471-glyph{ flex:none; width:40px; height:40px; border-radius:14px; display:grid; place-items:center; color:#fff; padding:8px;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 18px -8px rgba(255,61,127,.8); }
.rm471-glyph svg{ width:100%; height:100%; }
.rm471-x{ flex:none; width:30px; height:30px; border:0; cursor:pointer; border-radius:10px; display:grid; place-items:center; color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.08); }
.rm471-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.rm471-c{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px; border:0; cursor:pointer; text-align:inherit;
  border-radius:17px; padding:12px 12px 11px; overflow:hidden; color:#fff;
  background:
    radial-gradient(130% 90% at 88% -10%, color-mix(in srgb, var(--ma) 32%, transparent), transparent 58%),
    linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); }
.rm471-c:active{ transform:scale(.97); }
.rm471-c b{ font-size:12.5px; font-weight:900; }
.rm471-c small{ color:rgba(255,255,255,.55); font-size:9.5px; font-weight:700; line-height:1.7; }
.rm471-ic{ width:34px; height:34px; border-radius:12px; display:grid; place-items:center; padding:6px; margin-bottom:3px; color:#fff;
  background:linear-gradient(135deg, var(--ma), var(--mb)); box-shadow:0 6px 14px -6px color-mix(in srgb, var(--mb) 80%, transparent); }
.rm471-ic svg{ width:100%; height:100%; }
.rm471-chk{ position:absolute; top:9px; inset-inline-end:9px; width:19px; height:19px; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.14); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3); opacity:.45; }
.rm471-c.on{ box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ma) 85%, #fff 15%), 0 10px 24px -12px color-mix(in srgb, var(--mb) 70%, transparent); }
.rm471-c.on .rm471-chk{ opacity:1; background:linear-gradient(135deg, var(--ma), var(--mb)); box-shadow:none; }
.rm471-new{ position:absolute; top:9px; inset-inline-start:9px; padding:2px 7px; border-radius:7px; font-size:8px; font-weight:900; letter-spacing:.4px;
  color:#1c1917; background:linear-gradient(135deg,#FFE9A8,#FFC940); }

/* ─── پوستهٔ «مایک سینمایی»: از v475 در بخش «سالن سینما» پایین همین فایل ─── */
.cn471on #lrStage{ margin-top:6px; }

/* ─── روانی ─── */
html.lite366 .cn471-au, html.lite366 .cn471-yt .lv{ animation:none; }
html.lite366 .cn471-au{ opacity:.3; }
html.lite366 #ytp471, html.lite366 .rm471, html.lite366 .ytp471-box, html.lite366 .rm471-box{ animation:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
html.lite366 .ytp471-sk, html.lite366 .ytp471-r{ animation:none; }
@media (prefers-reduced-motion: reduce){
  .cn471-au, .cn471-yt .lv, #ytp471, .rm471, .ytp471-box, .rm471-box, .ytp471-sk, .ytp471-r{ animation:none; }
}

/* ─── v474 · فشرده‌تر، مثل سینماهای حرفه‌ای: صحنه، نوار کنترل، مایک‌ها و نوار پایین (فقط وقتی سینما روشن است) ─── */
#cn471{ margin:0 8px 4px; }
.cn471-bar{ margin-top:5px; padding:5px 8px 6px; border-radius:12px; }
.cn471-ttl{ margin-bottom:4px; }
.cn471-ttl b{ font-size:10.5px; }
.cn471-yt{ padding:2px 7px; font-size:8.5px; }
.cb471{ width:30px; height:30px; border-radius:10px; }
.cb471 svg{ width:16px; height:16px; }
.cb471.main{ width:36px; height:36px; border-radius:12px; }
.cn471-time{ font-size:9.5px; }
.cn471on #lrStage{ margin-top:4px; }
/*  053-v57 با #lrBar49 .lr-barbtn 46px می‌گذارد — این‌جا با دو شناسه قوی‌تر  */
#liveRoom49.cn471on #lrBar49 .lr-barbtn{ width:38px; height:38px; }
#liveRoom49.cn471on #lrBar49 .lr-barbtn svg{ width:18px; height:18px; }
.cn471on .lr-giftbtn61{ width:52px !important; height:52px !important; margin-top:-8px !important; }
.cn471on .lr-giftbtn61 svg{ width:26px; height:26px; }
.cn471on #lrBar49{ padding-top:4px; padding-bottom:calc(10px + env(safe-area-inset-bottom)); }

/*  راهنمای «پخش شروع نشد» — زیر نوار کنترل، نه روی پلیر  */
.cn471-help{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:5px; padding:6px 8px; border-radius:12px; font-size:10px; font-weight:800; color:#FFE9A8;
  background:linear-gradient(135deg, rgba(255,201,64,.16), rgba(255,61,127,.12)); box-shadow:inset 0 0 0 1px rgba(255,201,64,.35); }
.cn471-help span{ flex:1; min-width:140px; line-height:1.7; }
.cn471-help button{ flex:none; border:0; cursor:pointer; border-radius:9px; padding:5px 9px; font-size:10px; font-weight:900; color:#1c1917; background:linear-gradient(135deg,#FFE9A8,#FFC940); }
.cn471-help button.alt{ color:#fff; background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); }
.cn471-help button.x{ width:24px; height:24px; padding:0; display:grid; place-items:center; color:rgba(255,255,255,.7); background:none; box-shadow:none; }
.cn471-pick.ghost{ color:#fff; background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }

/*  دروازهٔ ورود به یوتیوب (پیش از انتخاب ویدیو) — همان ستون ۴۲۰ و حداکثر نصف صفحه  */
#ytg471{ position:fixed; inset:0; z-index:9996; background:rgba(5,2,14,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  display:flex; align-items:flex-end; justify-content:center; animation:cnFad471 .22s ease both; }
.ytg471-box{ box-sizing:border-box; width:100%; max-width:420px; max-height:50vh; max-height:min(520px, calc(100dvh - 24px), max(50dvh, 280px)); overflow-y:auto; overscroll-behavior:contain;
  display:flex; flex-direction:column; gap:9px; border-radius:26px 26px 0 0; padding:8px 16px calc(12px + env(safe-area-inset-bottom));
  background:
    radial-gradient(90% 50% at 90% -10%, rgba(255,61,127,.22), transparent 60%),
    radial-gradient(70% 45% at 5% 0%, rgba(139,92,246,.26), transparent 60%),
    linear-gradient(180deg,#1c1038 0%,#110a24 100%);
  box-shadow:0 -16px 50px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.12);
  animation:cnUp471 .3s cubic-bezier(.2,.9,.3,1.08) both; }
.ytg471-hero{ display:flex; align-items:center; gap:10px; }
.ytg471-hero > div{ flex:1; min-width:0; }
.ytg471-hero b{ display:block; color:#fff; font-size:14px; font-weight:900; }
.ytg471-hero small{ display:block; color:rgba(255,255,255,.62); font-size:10.5px; font-weight:700; line-height:1.8; margin-top:3px; }
.ytp471-glyph.big{ width:46px; height:46px; border-radius:15px; padding:9px; }
.ytg471-steps{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:5px; }
.ytg471-steps li{ display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.82); font-size:10.5px; font-weight:700; }
.ytg471-steps li i{ flex:none; width:20px; height:20px; border-radius:7px; display:grid; place-items:center; font-style:normal; font-size:10px; font-weight:900; color:#1c1917;
  background:linear-gradient(135deg,#FFE9A8,#FFC940); }
.ytg471-go{ border:0; cursor:pointer; border-radius:14px; padding:12px; font-size:13px; font-weight:900; color:#fff; display:flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 10px 22px -10px rgba(255,61,127,.9); }
.ytg471-go:active, .ytg471-ok:active{ transform:scale(.97); }
.ytg471-ok{ border:0; cursor:pointer; border-radius:14px; padding:11px; font-size:12.5px; font-weight:900; color:#1c1917; background:linear-gradient(135deg,#FFE9A8,#FFC940); }
.ytg471-skip{ border:0; cursor:pointer; background:none; color:rgba(255,255,255,.5); font-size:10.5px; font-weight:800; padding:4px; text-decoration:underline; }
.ytg471-act{ position:sticky; bottom:-1px; display:flex; flex-direction:column; gap:8px; margin:0 -4px; padding:6px 4px 2px;
  background:linear-gradient(180deg, rgba(17,10,36,0), #110a24 28%); }
.ytp471-acct{ flex:none; display:inline-flex; align-items:center; gap:4px; border:0; cursor:pointer; border-radius:99px; padding:5px 9px; font-size:10px; font-weight:900; color:#fff;
  background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
html.lite366 #ytg471, html.lite366 .ytg471-box{ animation:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
@media (prefers-reduced-motion: reduce){ #ytg471, .ytg471-box{ animation:none; } }

/*  نوار پایینِ واقعی (vb108Bar + داک v369؛ نوار قدیمی #lrBar49 از v117 پنهان است) — در سینما: دکمه ۴۲→۳۶، هدیه ۶۲→۵۰، فشرده‌تر  */
#liveRoom49.vb108.cn471on #vb108Bar{ padding-top:6px !important; padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important; column-gap:5px !important; }
#liveRoom49.vb108.cn471on #vb108Bar .vs98-rb:not(.vb108-gift),
#liveRoom49.vb108.cn471on #vb108Bar:not(:has(.vb108-inp:focus-within)) .vb108-inp{ width:36px !important; height:36px !important; min-width:36px; border-radius:13px !important; }
#liveRoom49.vb108.cn471on #vb108Bar .vs98-rb:not(.vb108-gift)::before,
#liveRoom49.vb108.cn471on #vb108Bar .vb108-inp > .ci131::before{ width:20px; height:20px; }
#liveRoom49.vb108.cn471on #vb108Bar .vb108-gift{ width:50px !important; height:50px !important; margin-top:-22px !important; }
#liveRoom49.vb108.cn471on #vb108Bar .vb108-gift::after{ width:24px !important; height:24px !important; }

/* ─── v475 · سالن سینما (مرجع مالک): مایک‌های کوچک در ردیف‌های فشرده زیر پرده، شماره روی حلقه، بی‌نام ───
 *  040 صندلی‌ها را در ردیف‌های ۵تایی (#lrRow1..4) می‌سازد و روی #lrSeatsWrap کلاس mc5/mc10/mc15/mc20 می‌گذارد؛
 *  183-v141 و 288-v280 همان ردیف‌ها را با !important گرید ۵ستونه می‌کنند و اندازهٔ حلقه را قفل می‌کنند — پس این‌جا
 *  با دو شناسه (#liveRoom49.cn471on) و !important، فقط وقتی سینما روشن است، ردیف‌ها با display:contents در یک
 *  گرید حل می‌شوند تا شمار ستون و اندازهٔ حلقه با شمار مایک‌ها انتخاب شود: ۵→۱ ردیف ۴۲، ۱۰→۲×۵ ۳۸، ۱۵→۸+۷ ۳۴،
 *  ۲۰→۲×۱۰ ۳۱ — همیشه حداکثر دو ردیف (~۱۰۰px) تا چت و نوار پایین جا بمانند و هیچ‌چیز روی هم نیفتد.
 *  قاب VIP (.fr226 درصدی) با حلقه کوچک می‌شود؛ روی ۱۵/۲۰ مایک کمی جمع‌تر تا روی همسایه نیفتد.  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20):not(:has(> .lrMultiGrid)){ display:grid !important; grid-template-columns:repeat(var(--cnc, 5), minmax(0, 1fr));
  /*  v476: حلقه هرگز از «گام ستون ÷ ۱٫۱۷۵» بزرگ‌تر نیست — قاب VIP (۱۳۵٪، هر طرف ۱۷٫۵٪ بیرون) به حلقهٔ همسایه نمی‌رسد؛
   *  گام = (ستون اپ min(100vw,420px) − حاشیه ۲۰ − پدینگ ۱۶ + فاصلهٔ ستونی ۲) ÷ شمار ستون. فاصلهٔ ردیف‌ها جای قاب و نشان‌ها.  */
  --cs:min(var(--cns), calc((min(100vw, 420px) - 34px) / var(--cnc) / 1.175));
  gap:calc(var(--cs) * .4 + 2px) 2px;
  justify-items:center; align-items:start; margin:0 10px; padding:7px 8px 9px !important; border-radius:14px;
  background:linear-gradient(180deg, rgba(20,10,40,.5), rgba(10,6,24,.32)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) > div:not(.lrMultiGrid){ display:contents !important; }   /*  مولتی‌گست (گرید ویدیویی) دست نمی‌خورد  */
#liveRoom49.cn471on #lrSeatsWrap.mc5{ --cnc:5; --cns:42px; }
#liveRoom49.cn471on #lrSeatsWrap.mc10{ --cnc:5; --cns:38px; }
#liveRoom49.cn471on #lrSeatsWrap.mc15{ --cnc:8; --cns:34px; }
#liveRoom49.cn471on #lrSeatsWrap.mc20{ --cnc:10; --cns:31px; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v){ gap:0; width:var(--cs); margin:0 !important; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .circ{ width:var(--cs) !important; height:var(--cs) !important; margin:0 !important; border-width:1.5px;
  box-shadow:0 0 0 1.5px rgba(255,201,64,.45), 0 0 0 3.5px rgba(255,61,127,.14), 0 6px 14px -8px rgba(0,0,0,.8); }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .circ > svg{ width:calc(var(--cs) * .5); height:calc(var(--cs) * .5); }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .circ > span{ font-size:calc(var(--cs) * .42); }
/*  v476: شماره پایینِ وسطِ حلقه (مثل مرجع)؛ نشان قرمز «بی‌صدا شده توسط میزبان» (150، پایین-راست) به بالا-چپ می‌رود و تاج میزبان
 *  بالا-راست می‌ماند — هیچ دو نشانی روی هم نمی‌افتند، در RTL و LTR  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) .num{ position:absolute; z-index:5; bottom:-5px; left:50%; right:auto; transform:translateX(-50%); margin:0; min-width:14px; height:14px; line-height:14px;
  padding:0 4px; border-radius:7px; text-align:center; font-size:8px; font-weight:900; color:#1c1917 !important; background:linear-gradient(135deg,#FFE9A8,#FFC940) !important;
  box-shadow:0 2px 6px -2px rgba(0,0,0,.7); }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat .nm,
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-hosttag57{ display:none !important; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-crown{ top:-8px; right:-3px; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-crown svg{ width:12px; height:12px; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-mute{ padding:1px 0; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-mute svg{ width:8px; height:8px; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) .ms120-mb{ top:-3px; left:-3px; bottom:auto; right:auto; width:15px; height:15px; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) .ms120-mb svg{ width:8px; height:8px; }
/*  v476: 238-v226 (place226) روی هر قاب صندلی اندازهٔ px درون‌خطی (۱٫۵۵× حلقه) می‌نویسد و هر ثانیه تکرارش می‌کند — فقط !important  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .fr226{ left:50% !important; top:50% !important; right:auto !important; bottom:auto !important;
  width:135% !important; height:135% !important; transform:translate(-50%, -50%) !important; }
/*  v476: موج «در حال صحبت» (152، جای px درون‌خطی بالا-راست) در گرید فشرده روی همسایه می‌افتاد: پایینِ وسطِ همان حلقه، کوچک‌تر
 *  (صندلی پر شماره ندارد؛ تاج بالا-راست است)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .eq123{ top:auto !important; bottom:-6px; left:50% !important; transform:translateX(-50%) scale(.72); transform-origin:50% 100%; }
/*  v476: پشتهٔ صحنه در حالت سینما سقف vh ثابت ندارد (043: ۵۴/۴۸vh با اسکرولِ پنهان — مایک‌ها پشت اسکرول بریده می‌شدند؛ 183: ۶۶vh).
 *  ستون چت + نوار پایین (040: min-height:0 درون‌خطی + justify-end — کمبود جا به بالا سرریز می‌کرد و زبانه‌ها و چت روی مایک‌ها
 *  می‌افتادند) حالا دست‌کم اندازهٔ محتوای خودش را دارد و هر کمبودی را صحنه (پرده + مایک‌ها) با اسکرول درونی خودش می‌گیرد —
 *  روی هیچ ارتفاعی (افقی، سافاری با نوار پایین، PWA با ناچ) هم‌پوشانی نیست. flex-shrink بزرگ: سربرگ‌ها کوچک نشوند.
 *  :not(#cn471x) فقط هم‌وزنی با سه شناسهٔ 183 است (این فایل بعدش بار می‌شود).  */
#liveRoom49.cn471on #lrStage:not(#cn471x){ max-height:none !important; flex:0 1000 auto; min-height:0; }
/*  حداقلِ ستون = زبانه‌ها + کمینهٔ چت + نوار پایین؛ contain:size تا پیام‌های انباشتهٔ چت جزو این حداقل نشوند (وگرنه صحنه له می‌شد).
 *  مرورگر بی contain (iOS ≤۱۵٫۳) رفتار قبلی را نگه می‌دارد.  */
@supports (contain:size){
  #liveRoom49.cn471on > .flex-1.flex-col{ min-height:auto !important; }
  #liveRoom49.cn471on #lrChat{ contain:size; }
}
@media (max-height:620px){
  #liveRoom49.cn471on #lrChat{ min-height:64px; }
  #liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20):not(:has(> .lrMultiGrid)){ padding:5px 8px 7px !important; }
}
/*  پرده با ارتفاع صفحه کوچک می‌شود تا سربرگ، پرده، نوار، دو ردیف مایک، چت و نوار پایین همه جا شوند (~۵۱۰px غیر از پرده؛ ناچ و
 *  نوار خانهٔ PWA هم کم می‌شوند). کمترین ۷۲px؛ زیر ~۵۸۰px چت تا ۶۴px جمع می‌شود (iPhone SE در سافاری ≈ ۳۷۵×۵۵۳ با ۱۰ مایک
 *  هنوز بی‌اسکرول جا می‌شود) و فقط روی صفحهٔ کوتاه‌تر/افقی صحنه اسکرول می‌خورد.  */
#liveRoom49.cn471on #cn471{ --cnH:max(72px, min(40vh, 100vh - 510px - var(--cnR) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)));
  --cnR:calc(var(--cnRp, 0px) + var(--cnRh, 0px) + var(--cnRe, 0px)); }   /*  v477: ذخیرهٔ اعلان / نوار راهنما / نوار خطا (پایین)  */
@supports (height:100dvh){ #liveRoom49.cn471on #cn471{ --cnH:max(72px, min(40dvh, 100dvh - 510px - var(--cnR) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); } }
#liveRoom49.cn471on #cn471 .cn471-fr{ margin-inline:auto; max-width:calc(var(--cnH) * 16 / 9 + 4px); }
/*  پردهٔ خالی/خطا (هنوز ویدیویی پخش نمی‌شود): تمام‌عرض با همان ارتفاع — متن و دکمه‌ها در پردهٔ کوتاهِ گوشی کوچک جا شوند  */
#liveRoom49.cn471on #cn471.cn471-emp .cn471-fr{ max-width:none; }
#liveRoom49.cn471on #cn471.cn471-emp .cn471-box{ aspect-ratio:auto; height:min(var(--cnH), (min(100vw, 420px) - 20px) * 9 / 16); }
@media (max-height:680px){
  #cn471 .cn471-empty{ flex-flow:row wrap; align-content:center; gap:5px 8px; padding:8px 12px; }
  #cn471 .cn471-empty > svg{ display:none; }
  #cn471 .cn471-empty > b, #cn471 .cn471-empty > .cn471-last{ flex:0 0 100%; }
  #cn471 .cn471-empty > b{ font-size:11px; line-height:1.65; max-width:none; }   /*  v477: دکمه‌ها همیشه زیر پیام، نه کنارش  */
  #cn471 .cn471-empty .cn471-pick{ padding:6px 14px; font-size:11.5px; }
}
/*  v477: تا ۷۶۰ هم، وقتی اعلان، نوار کنترل (خطای ویدیوی انتخاب‌شده — 900/5/153/101/150؛ کلاس cn471-bv) یا نوار راهنما/خطا
 *  جای پرده را گرفته (پردهٔ خالی حالا به‌اندازهٔ محتوایش بلند می‌شود و مایک‌ها را پایین می‌برد)؛ بی آن‌ها (منتظر/انتخاب ویدیو)
 *  پرده تا ۷۶۰ جای شکل کامل را دارد  */
@media (min-height:681px) and (max-height:760px){
  :is(#liveRoom49.pin477, #cn471.cn471-bv, #cn471.cn471-hlp, #cn471.cn471-rf) .cn471-empty{ flex-flow:row wrap; align-content:center; gap:5px 8px; padding:8px 12px; }
  :is(#liveRoom49.pin477, #cn471.cn471-bv, #cn471.cn471-hlp, #cn471.cn471-rf) .cn471-empty > svg{ display:none; }
  :is(#liveRoom49.pin477, #cn471.cn471-bv, #cn471.cn471-hlp, #cn471.cn471-rf) .cn471-empty > :is(b, .cn471-last){ flex:0 0 100%; }
  :is(#liveRoom49.pin477, #cn471.cn471-bv, #cn471.cn471-hlp, #cn471.cn471-rf) .cn471-empty > b{ font-size:11px; line-height:1.65; max-width:none; }
  :is(#liveRoom49.pin477, #cn471.cn471-bv, #cn471.cn471-hlp, #cn471.cn471-rf) .cn471-empty .cn471-pick{ padding:6px 14px; font-size:11.5px; }
  /*  تمام‌صفحه ردیف مایک ندارد: همان شکل کامل (جایی که :fullscreen نیست، تمام‌صفحه‌ای هم نیست)  */
  #cn471:fullscreen .cn471-empty{ flex-flow:column nowrap; gap:10px; padding:14px; }
  #cn471:fullscreen .cn471-empty > svg{ display:block; }
  #cn471:fullscreen .cn471-empty > :is(b, .cn471-last){ flex:0 1 auto; }
  #cn471:fullscreen .cn471-empty > b{ font-size:12.5px; line-height:1.9; max-width:300px; }
  #cn471:fullscreen .cn471-empty .cn471-pick{ padding:9px 22px; font-size:13px; }
}
/*  v477: صفحهٔ خیلی کوتاه (۳۲۰×۵۶۸): پیام سه‌خطی ۱۰۱/۱۵۰ بیننده با دکمه‌اش در پردهٔ کف جا شود  */
@media (max-height:600px){
  #cn471 .cn471-empty > b{ font-size:10px; line-height:1.5; }
  #cn471 .cn471-empty .cn471-last{ line-height:1.5; }
  #cn471 .cn471-empty .cn471-pick{ padding:5px 12px; font-size:11px; }
}
/*  v476: تمام‌صفحه = تمام صفحه (سقف درون‌اتاقی و نسبت ۱۶:۹ نه)؛ یوتیوب خودش داخل پخش‌کننده حاشیهٔ سیاه می‌گذارد  */
#liveRoom49.cn471on #cn471:fullscreen .cn471-fr{ max-width:none; margin:0; flex:1 1 0; min-height:0; display:flex; }
#liveRoom49.cn471on #cn471:fullscreen .cn471-box{ flex:1 1 auto; aspect-ratio:auto; height:auto; min-height:0; }
/* ─── v477 · از بازبینی v476: کیبورد، اعلان اتاق، چندمهمانی، نوار راهنما/خطا، پردهٔ خالیِ کوتاه ─── */
/*  صحنه در سینما فقط عمودی اسکرول می‌خورد (overflow-y:auto به‌تنهایی محور افقی را هم auto می‌کرد و هالهٔ پرده چند پیکسل
 *  کشیدن به پهلو می‌داد)  */
#liveRoom49.cn471on #lrStage:not(#cn471x){ overflow-x:hidden !important; }
/*  کیبورد باز (124 lift: اتاق = ارتفاع دید؛ 123: صحنه flex:0 0 auto !important): صحنه هم کوچک می‌شود و درون خودش اسکرول
 *  می‌خورد تا خانهٔ پیام و نوار پایین بالای کیبورد بمانند — v476 ستون چت را از کوچک شدن انداخته بود و خانهٔ پیام زیر کیبورد می‌رفت  */
#liveRoom49.vb108.kb193.cn471on #lrStage:not(#cn471x){ flex:0 1000 auto !important; overflow-y:auto !important; }
/*  چندمهمانی (179: صحنه overflow:visible): همان اسکرول درونی، تا زبانه‌ها و چت روی پرده نیفتند؛ و پرده همیشه بالای شبکهٔ مهمان‌ها —
 *  178 build و 382 mount هر دو در اول صحنه می‌گذارند و هر کدام دیرتر برسد بالا می‌نشیند (پرده زیر لبهٔ صحنه پنهان می‌ماند).
 *  display بی !important تا 123 (kb193x: صحنه پنهان حین تایپ روی صفحهٔ خیلی کوتاه) برنده بماند  */
#liveRoom49.cn471on.mm135 #lrStage:not(#cn471x){ display:flex; flex-direction:column; overflow-y:auto !important; }
#liveRoom49.cn471on.mm135 #cn471{ order:-1; flex:none; }
#liveRoom49.cn471on.mm135 #ms135{ flex:none; }
/*  اعلان میزبان در سینما دقیقاً یک خط (بقیه داخل کارت اسکرول می‌خورد): فاصلهٔ بالا/پایین با حاشیهٔ شفاف، نه padding — ظرف اسکرول
 *  تا لبهٔ padding می‌بُرد و نیمهٔ بالای خط دوم از padding پایین پیدا بود. در بودجهٔ پرده حساب می‌شود (--cnRp؛ کلاس pin477 از 382)؛
 *  زیر ۷۰۰px کارت در سینما کنار می‌رود — آن‌جا پرده بی آن هم کوتاه است و با آن تا ~۷۴px کوچک می‌شد  */
#liveRoom49.cn471on #lrPinned .pinned.ann142{ box-sizing:border-box; max-height:calc(1.65em + 20px) !important; padding-top:0 !important; padding-bottom:0 !important;
  border-top:10px solid transparent !important; border-bottom:10px solid transparent !important; box-shadow:0 0 0 1px rgba(255,255,255,.06); }
@media (min-height:700px){ #liveRoom49.cn471on.pin477 #cn471{ --cnRp:56px; } }
@media (max-height:699px){ #liveRoom49.cn471on #lrPinned{ display:none !important; } }
/*  نوار «پخش شروع نشد» (cn471-hlp) و «برای بقیه ذخیره نشد» (cn471-rf، هر دو از 382) هم از پرده کم می‌شوند، نه از ردیف مایک‌ها.
 *  متن نوار راهنما ردیف خودش را دارد و دکمه‌ها زیرش — ارتفاعش با عرض و زبان نمی‌پرد (~۷۷px؛ زیر ۳۶۰ عرض ≤۹۴px، جز نوار
 *  انگلیسیِ چهاردکمه‌ای زیر ~۲۸۴px که مثل قبل ~۱۲۵px است)  */
#cn471 #cn471Help > span{ flex:1 1 100%; }
#cn471 #cn471Help > .x{ margin-inline-start:auto; }
/*  نوار چهاردکمه‌ای (.si: «ورود به یوتیوب» هم دارد — Chrome/Samsung) آن‌جا که ✕ تنها به ردیف سوم می‌رفت (انگلیسی ~۳۰۶ تا ~۳۴۷،
 *  فارسی تا ~۳۰۰؛ ۱۲۴px): ✕ ته ردیف متن و سه دکمه با هم در ردیف دوم. بازه‌ها تا جایی است که این جابه‌جایی خط اضافهٔ متن نمی‌سازد
 *  (متن با Vazirmatn خود اپ است؛ فقط ↗ از فونت دستگاه)؛ نوار سه‌دکمه‌ای و تمام‌صفحه دست نمی‌خورند  */
@media (min-width:284px) and (max-width:352px){
  #cn471[dir=ltr]:not(:fullscreen) #cn471Help.si > span{ flex:1 1 calc(100% - 36px); }
  #cn471[dir=ltr]:not(:fullscreen) #cn471Help.si > .x{ order:1; align-self:flex-start; }
  #cn471[dir=ltr]:not(:fullscreen) #cn471Help.si > button:not(.x){ order:2; }
}
@media (max-width:320px){
  #cn471[dir=rtl]:not(:fullscreen) #cn471Help.si > span{ flex:1 1 calc(100% - 36px); }
  #cn471[dir=rtl]:not(:fullscreen) #cn471Help.si > .x{ order:1; align-self:flex-start; }
  #cn471[dir=rtl]:not(:fullscreen) #cn471Help.si > button:not(.x){ order:2; }
}
#cn471:fullscreen #cn471Help > span{ flex:1 1 0; }   /*  تمام‌صفحهٔ افقی: متن و دکمه‌ها در یک ردیف، پلیر بزرگ‌تر  */
#liveRoom49.cn471on #cn471.cn471-hlp{ --cnRh:85px; }
@media (max-width:359px){ #liveRoom49.cn471on #cn471.cn471-hlp{ --cnRh:100px; } }
#liveRoom49.cn471on #cn471.cn471-rf{ --cnRe:45px; }
/*  پردهٔ خالی/خطا روی گوشی باریک و کوتاه به‌اندازهٔ متن و دکمه‌اش بلند می‌شود (پیام ۱۰۱/۱۵۰ بیننده سه خط است)؛ تمام‌صفحه همان قبلی  */
#liveRoom49.cn471on #cn471.cn471-emp .cn471-box{ height:auto; min-height:min(var(--cnH), (min(100vw, 420px) - 20px) * 9 / 16); }
#liveRoom49.cn471on #cn471.cn471-emp .cn471-empty{ position:relative; inset:auto; min-height:inherit; }
#liveRoom49.cn471on #cn471:fullscreen.cn471-emp .cn471-empty{ position:absolute; inset:0; }
/*  مرورگرهای قدیمی بدون aspect-ratio (iOS ≤۱۴، WebView های کهنه): پرده صفر‌ارتفاع نشود  */
@supports not (aspect-ratio:16/9){ .cn471-box::before{ content:""; display:block; padding-top:56.25%; } #cn471.cn471-emp .cn471-box::before{ display:none; } }
.cn471on #lrStage{ flex:none; }

/*  v475 · نوار قرمز «برای بقیه ذخیره نشد» + ردیف ویدیوی غیرقابل‌embed + یادآوری ویدیوی قبلی  */
.cn471-help.err{ color:#FFD0DB; background:linear-gradient(135deg, rgba(244,63,94,.22), rgba(255,61,127,.12)); box-shadow:inset 0 0 0 1px rgba(244,63,94,.45); }
.cn471-help.err button{ background:linear-gradient(135deg,#FFD0DB,#fb7185); }
.cn471-help .x{ background:transparent !important; color:inherit; padding:4px 6px; }
.ytp471-r.off{ opacity:.55; cursor:not-allowed; }
.ytp471-r.off .th .pl{ background:rgba(255,255,255,.22); color:#fff; }
.cn471-empty .cn471-last{ color:#FFB4C6; font-size:10px; font-weight:800; line-height:1.7; max-width:300px; }

/* ─── v479 · سینما: نوار آمار فشرده، پردهٔ بزرگ‌تر، مایک‌های سینمایی، پالت کرم/نیلی ─── */
/*  «شب افتتاحیه»: اتاق سینما مخمل نیلی می‌شود، پرده قاب کرم با چراغ‌های ریز تابلوی سینما (ثابت، بی‌انیمیشن)،
 *  چهار نشان بالای اتاق (این ساعت/سطح/آتش/دریافتی) چهار تراشهٔ ریز «آیکن + عدد» در یک ردیف بالای پرده،
 *  و مایک‌ها صندلی سینما: مایک خالی = صندلی کرم با شمارهٔ کرم، مایک پر = عکس در قاب طاقیِ کرم/آبی‌روشن،
 *  هنگام صحبت = کلاکت کرم با میله‌های صدا (همان .eq123 لایهٔ 152؛ فقط transform).
 *  بودجهٔ ارتفاع: سربرگ فشرده‌تر (۱۱۰→۸۳)، صحنه بی ۱۸px بالشتک، نوار کنترل ۶۸→۶۲، ردیف مایک‌ها یک یا دو ردیف
 *  (:has روی #lrStage — مجاز؛ فقط body/html/#liveRoom49 ممنوع‌اند)؛ پرده تا تمام عرض (حاشیه ۶px) با ۱۶:۹.
 *  همه‌چیز زیر #liveRoom49.cn471on / .cn471on — اتاق غیرسینما پیکسل‌به‌پیکسل همان قبلی.  */
#liveRoom49.cn471on{ --cr:#F6EEDC; --cr2:#E6D7AE; --bw:#DCE4FF; --in:#1E1A5A; --in2:#2A2378;
  --w1:#F6EEDC; --w2:#C9D3FF; --w3:#8FA0F2; --w4:#6A5BD8; }   /*  موج/اکولایزر صحبت (153) به کرم←آبی‌روشن←نیلی  */

/*  ۱) شبِ نیلی — از طرح A (046 تم پیش‌فرض را درون‌خطی می‌نویسد: !important لازم است؛ tk318/vs98/disco مستثنا)  */
#liveRoom49.cn471on:not(.disco53):not(.tk318):not(.vs98):not([data-th53]), #liveRoom49.cn471on[data-th53="0"]:not(.disco53):not(.tk318):not(.vs98){
  background:radial-gradient(70% 40% at 88% 4%, rgba(165,180,252,.22), transparent 70%),
             radial-gradient(60% 45% at 8% 28%, rgba(99,102,241,.3), transparent 70%),
             radial-gradient(70% 40% at 15% 96%, rgba(255,236,196,.1), transparent 70%),
             radial-gradient(50% 35% at 95% 78%, rgba(129,140,248,.16), transparent 70%),
             linear-gradient(165deg, #1E1B4B 0%, #242568 32%, #16153F 64%, #0B0A24 100%) !important; }
#liveRoom49.cn471on:not(.disco53):not([data-th53])::before, #liveRoom49.cn471on[data-th53="0"]:not(.disco53)::before{
  background:radial-gradient(38% 18% at 30% 22%, rgba(255,236,196,.38), transparent 70%),
             radial-gradient(42% 20% at 72% 40%, rgba(129,140,248,.52), transparent 70%),
             radial-gradient(40% 18% at 40% 70%, rgba(165,180,252,.32), transparent 70%),
             radial-gradient(30% 14% at 80% 82%, rgba(255,236,196,.22), transparent 70%); }

/*  ۲) سربرگ فشرده + نوار آمار عاجی از طرح A (برچسب ریز بالا، عدد زیر؛ چیدمان ردیف در tb101 هم از همین‌جا)  */
#liveRoom49.cn471on > .px-4.pt-4{ padding-top:8px; }
/*  ── نوار آمار: چهار نشان (این ساعت · سطح اتاق · آتش · دریافتی؛ 324-v372) → یک نوار شیشه‌ایِ عاجی ۲۴px با خانه‌های
 *  جداشده با خط طلایی باریک؛ مدال ۱۷، برچسب ریز بالا و عدد زیرش. سه بار .cn471on فقط وزن انتخابگر است
 *  (324 با html body + :where و دو کلاس می‌نویسد؛ رنگ‌های پنل مدیریت (lh265) هم چهار کلاس دارند — در سینما
 *  پوستهٔ یک‌دست عاجی برنده است). برق عبوری و لعاب و حلقهٔ چرخان خاموش: در سینما سه انیمیشن کمتر.  */
#liveRoom49.cn471on.cn471on > .px-4.mt-2\.5{ margin:3px 12px 0 !important; padding:0 !important; gap:0 !important; border-radius:9px;
  align-items:center !important; justify-content:space-between;
  background:linear-gradient(180deg, rgba(255,248,231,.2), rgba(255,248,231,.1));
  box-shadow:inset 0 0 0 1px rgba(255,244,214,.24), inset 0 1px 0 rgba(255,255,255,.16), 0 1px 0 rgba(232,200,114,.3); }
/*  چیدمان ردیف از خود این لایه (324 با :not(.tb101) است؛ اتاق چندمهمانی tb101 دارد و بی این‌ها خانه‌ها پخش می‌شدند)  */
#liveRoom49.cn471on.cn471on > .px-4.mt-2\.5 > .flex-1{ display:none !important; }
#liveRoom49.cn471on.cn471on > .px-4.mt-2\.5 > :is(#rk101, #lv126, #fire100, #lrTopGifter){ flex:1 1 0 !important; min-width:max-content; margin:0 !important; order:0; }
#liveRoom49.cn471on.cn471on > .px-4.mt-2\.5 > #lrTopGifter{ order:1; display:flex !important; }
#liveRoom49.cn471on.cn471on > .px-4.mt-2\.5 > #lrTopGifter:empty{ display:none !important; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312){
  position:relative !important; overflow:hidden !important; isolation:isolate; display:flex !important; align-items:center !important; box-sizing:border-box !important;
  height:24px !important; min-height:24px !important; width:auto; gap:4px !important; padding:0 7px 0 5px !important; border:0 !important; border-radius:0 !important;
  justify-content:center !important; background:none !important; transform:none !important; white-space:nowrap; direction:inherit !important; cursor:pointer;
  box-shadow:inset 1px 0 0 rgba(232,200,114,.32) !important; animation:none !important; }
#liveRoom49.cn471on.cn471on.cn471on .cup312.cup312{ width:100%; font:inherit; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) > *{ position:relative; z-index:1; flex:none; }
[dir=rtl] #liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312){
  padding:0 5px 0 7px !important; box-shadow:inset -1px 0 0 rgba(232,200,114,.32) !important; }
#liveRoom49.cn471on.cn471on.cn471on #rk101.v261.v261{ box-shadow:none !important; }   /*  خانهٔ اول: خط جداکننده ندارد  */
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312)::before,
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312)::after,
#liveRoom49.cn471on.cn471on.cn471on #rk101.v261.v261 .sp264,
#liveRoom49.cn471on.cn471on.cn471on #rk101.v261.v261 .rk-cup::before{ display:none !important; animation:none !important; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) :is(.tx264, .lt266, .f268-t, .cv){
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:1px !important; line-height:1 !important; min-width:0; text-align:start; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) :is(.tx264 > span, .lt266 small, .f268-t small, .cv small){
  display:block !important; font-size:6.5px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:.35px !important; text-transform:uppercase; white-space:nowrap;
  color:rgba(255,246,222,.74) !important; opacity:1 !important; text-shadow:none !important; }
[dir=rtl] #liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) :is(.tx264 > span, .lt266 small, .f268-t small, .cv small){
  font-size:7.5px !important; letter-spacing:0 !important; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) :is(.tx264 b, .lt266 b, .f268-t b, .cv b){
  display:block; font-size:10.5px !important; font-weight:900 !important; line-height:1 !important; direction:ltr; white-space:nowrap; background:none !important;
  color:#FFF8E6 !important; -webkit-text-fill-color:#FFF8E6; text-shadow:0 1px 0 rgba(10,8,40,.4) !important; }
#liveRoom49.cn471on.cn471on.cn471on :is(#rk101.v261.v261, #lv126.v266.v266, #fire100.v268.v268, .cup312.cup312) :is(.rk-cup, .lv126-e, .f268-i, .ci){
  width:17px !important; height:17px !important; margin:0 !important; border-radius:50% !important; box-shadow:0 0 0 1px rgba(255,244,214,.62), 0 2px 4px -1px rgba(0,0,0,.5) !important; }
#liveRoom49.cn471on.cn471on.cn471on #rk101.v261.v261 .rk-cup :is(svg, img.ic265){ width:15px !important; height:15px !important; }
#liveRoom49.cn471on.cn471on.cn471on #lv126.v266.v266 .lv126-ring{ width:19px !important; height:19px !important; inset:-1px !important; }
#liveRoom49.cn471on.cn471on.cn471on #lv126.v266.v266 .gm266{ width:13px !important; height:13px !important; }
#liveRoom49.cn471on.cn471on.cn471on #fire100.v268.v268 :is(.fo268, .fi268){ width:14px !important; height:14px !important; }
#liveRoom49.cn471on.cn471on.cn471on #fire100.v268.v268 .f268-r{ height:13px !important; line-height:13px !important; padding:0 4px !important; font-size:8px !important;
  color:#1E1B4B !important; background:linear-gradient(180deg,#FFF8E6,#EFD9A6) !important; box-shadow:0 0 0 1px rgba(232,200,114,.5) !important; }
#liveRoom49.cn471on.cn471on.cn471on .cup312.cup312 .ci{ padding:2px !important; }


/*  ۳) بودجهٔ پرده. بیرون از پرده (۳۶۰×۶۴۰): سربرگ ۵۸ + نشان‌ها ۲۸ + صحنه ۶ + قاب ۸ + نوار کنترل ۶۲ + حاشیه ۳ + ستون چت ۶ +
 *  زبانه‌ها ۳۱٫۵ + کمینهٔ چت ۹۰ + نوار پایین ۵۰ ≈ ۳۴۰ (+۳ جا برای گردکردن) + ردیف مایک‌ها (--cnS): یک ردیف ۵۴، دو ردیف
 *  ۱۰۳/۹۴/۸۷ (۱۰/۱۵/۲۰ مایک). شمار ردیف از کلاس mcN روی #lrSeatsWrap (040) با :has روی #lrStage (پدر مستقیم پرده).
 *  مرورگر بی :has (Chrome <۱۰۵) همان بودجهٔ دو ردیف را می‌گیرد؛ چندمهمانی (mm135) هم همان دو ردیف.
 *  حاصل: ۳۶۰×۶۴۰ با ۵ یا ۱۰ مایک پرده تمام‌عرض ۳۴۰×۱۹۱ و چت ≥۹۰؛ ۳۲۰×۵۶۸: ۲۱۷×۱۲۲ (۱۰ مایک) / ۳۰۰×۱۶۹ (۵ مایک).  */
#liveRoom49.cn471on #lrStage:not(#cn471x){ padding-top:4px; padding-bottom:2px; --cnS:103px; }
#liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc5){ --cnS:54px; }
#liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc15){ --cnS:94px; }
#liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc20){ --cnS:87px; }
#liveRoom49.cn471on.mm135 #cn471{ --cnS:103px; }
#liveRoom49.cn471on #cn471{ margin:0 6px 3px; --cnK:calc(343px + var(--cnS, 103px));
  --cnH:max(72px, min(40vh, 100vh - var(--cnK) - var(--cnR) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); }
@supports (height:100dvh){ #liveRoom49.cn471on #cn471{ --cnH:max(72px, min(40dvh, 100dvh - var(--cnK) - var(--cnR) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); } }
#liveRoom49.cn471on #cn471:fullscreen{ margin:0; }
#liveRoom49.cn471on #cn471 .cn471-fr{ max-width:calc(var(--cnH) * 16 / 9 + 8px); }   /*  قاب کرم ۴px هر طرف  */
#liveRoom49.cn471on > .flex-1.flex-col{ margin-top:6px; }
#liveRoom49.cn471on > .flex-1.flex-col > .px-4.gap-5{ margin-bottom:4px; }

/*  ۴) پردهٔ افتتاحیه: قاب کرم ۴px با چراغ‌های ریز نیلی روی هر چهار لبه (چهار گرادیان شعاعی تکرارشونده؛ ثابت)،
 *  هالهٔ پشت پرده آبی‌روشن/کرم (همان انیمیشن opacity/transform قبلی)، پردهٔ خاموش شب‌نیلی  */
.cn471on .cn471-fr{ padding:4px; border-radius:14px;
  background:
    radial-gradient(circle, rgba(50,42,150,.62) 0 .9px, transparent 1.4px) 0 0 / 8px 4px repeat-x,
    radial-gradient(circle, rgba(50,42,150,.62) 0 .9px, transparent 1.4px) 0 100% / 8px 4px repeat-x,
    radial-gradient(circle, rgba(50,42,150,.62) 0 .9px, transparent 1.4px) 0 0 / 4px 8px repeat-y,
    radial-gradient(circle, rgba(50,42,150,.62) 0 .9px, transparent 1.4px) 100% 0 / 4px 8px repeat-y,
    linear-gradient(180deg, #FBF5E4 0%, #F1E6C8 55%, #E3D3A6 100%);
  box-shadow:0 14px 30px -14px rgba(8,6,40,.95), 0 0 0 1px rgba(246,238,220,.25), 0 0 26px -6px rgba(140,150,255,.4); }
.cn471on .cn471-au{ inset:-6px; border-radius:20px;   /*  از لبهٔ صحنه بیرون نزند (اسکرول افقی صفر)  */
  background:radial-gradient(45% 60% at 12% 10%, rgba(120,130,255,.55), transparent 70%),
             radial-gradient(45% 60% at 88% 18%, rgba(246,238,220,.35), transparent 70%),
             radial-gradient(55% 60% at 50% 100%, rgba(90,80,220,.45), transparent 70%); }
.cn471on .cn471-box{ border-radius:10px; background:#0A0920; }
.cn471on .cn471-empty{ background:radial-gradient(80% 90% at 50% 0%, rgba(120,110,230,.3), transparent 65%),
  radial-gradient(90% 80% at 50% 110%, rgba(246,238,220,.12), transparent 60%), #141238; }
.cn471on .cn471-pick{ color:var(--in); background:linear-gradient(135deg,#FBF4E2,#E6D7AE); box-shadow:0 8px 20px -8px rgba(246,238,220,.7); }
.cn471on .cn471-pick.ghost{ color:#fff; background:rgba(220,228,255,.12); box-shadow:inset 0 0 0 1px rgba(220,228,255,.28); }

/*  ۵) نوار کنترل = پیش‌خوان صحنه: شیشهٔ نیلی با لبهٔ کرم؛ دکمهٔ اصلی کرم با نماد نیلی؛ ۶۸→۶۲px (عنوان ۱۰px، دکمه‌ها ۲۸/۳۲)  */
.cn471on .cn471-bar{ margin-top:4px; padding:4px 8px 5px; border-radius:12px;
  background:linear-gradient(180deg, rgba(52,44,132,.62), rgba(30,24,86,.72));
  box-shadow:inset 0 0 0 1px rgba(220,228,255,.16), inset 0 1px 0 rgba(246,238,220,.16), 0 8px 18px -12px rgba(0,0,0,.8); }
.cn471on .cn471-ttl{ margin-bottom:3px; gap:6px; }
.cn471on .cn471-ttl b{ font-size:10px; line-height:14px; color:var(--cr); }
.cn471on .cn471-yt{ padding:1px 6px; line-height:12px; font-size:8px; border-radius:6px; }
.cn471on .cn471-row{ gap:5px; }
.cn471on .cb471{ width:28px; height:28px; border-radius:9px; color:var(--bw); background:rgba(220,228,255,.1); box-shadow:inset 0 0 0 1px rgba(220,228,255,.16); }
.cn471on .cb471 svg{ width:15px; height:15px; }
.cn471on .cb471.main{ width:32px; height:32px; border-radius:10px; color:var(--in); background:linear-gradient(135deg,#FBF4E2,#E6D7AE);
  box-shadow:0 6px 14px -7px rgba(246,238,220,.9), inset 0 1px 0 #fff; }
.cn471on .cb471.danger{ color:#FFB3C1; background:rgba(244,63,94,.14); box-shadow:inset 0 0 0 1px rgba(244,63,94,.3); }
.cn471on .cn471-seek input[type="range"]{ height:3px; background:linear-gradient(90deg,#C7D2FE,#F3E7C2); }
.cn471on .cn471-seek input[type="range"]::-webkit-slider-thumb{ width:12px; height:12px; background:#FBF4E2; box-shadow:0 0 0 3px rgba(199,210,254,.45); }
.cn471on .cn471-time{ font-size:9.5px; color:rgba(220,228,255,.78); }
/*  نوار راهنما همان پالت؛ نوار قرمز خطا (.err) و ✕ همان قبلی (هم‌وزنی با .cn471-help.err — این‌جا دوباره گفته می‌شود)  */
.cn471on .cn471-help{ color:var(--cr); background:linear-gradient(135deg, rgba(246,238,220,.14), rgba(140,150,255,.12)); box-shadow:inset 0 0 0 1px rgba(246,238,220,.3); }
.cn471on .cn471-help button{ color:var(--in); background:linear-gradient(135deg,#FBF4E2,#E6D7AE); }
.cn471on .cn471-help button.alt{ color:#fff; background:rgba(220,228,255,.12); box-shadow:inset 0 0 0 1px rgba(220,228,255,.24); }
.cn471on .cn471-help button.x{ color:rgba(255,255,255,.7); background:none; box-shadow:none; }
.cn471on .cn471-help.err{ color:#FFD0DB; background:linear-gradient(135deg, rgba(244,63,94,.22), rgba(255,61,127,.12)); box-shadow:inset 0 0 0 1px rgba(244,63,94,.45); }
.cn471on .cn471-help.err button{ color:#1c1917; background:linear-gradient(135deg,#FFD0DB,#fb7185); }

/*  ۶) سالن: ردیف صندلی‌ها مخمل نیلی با لبهٔ کرم، هم‌عرض پرده (حاشیه ۶px)؛ فاصلهٔ ردیف‌ها کمی جمع‌تر (کلاکت/نشان ≤۱۰px بیرون می‌زند)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20):not(:has(> .lrMultiGrid)){ margin:0 6px; padding:5px 8px 7px !important; border-radius:12px;
  gap:calc(var(--cs) * .34 + 2px) 2px;
  background:linear-gradient(180deg, rgba(46,38,120,.55), rgba(24,19,70,.45));
  box-shadow:inset 0 1px 0 rgba(246,238,220,.22), inset 0 0 0 1px rgba(200,210,255,.08), 0 10px 20px -16px rgba(0,0,0,.9); }
/*  صندلی سینما: حلقهٔ مایکِ خالی به شکل پشتیِ طاقی (بالا گرد، پایین پهن‌تر)؛ مایکِ پر گرد می‌ماند — قاب‌های VIP (226) گردند  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full) > .circ{ border-radius:46% 46% 34% 34% / 52% 52% 30% 30% !important; }
/*  مایک خالی: کوسن کرم/نیلی ثابت (گوی متحرک و حلقهٔ چرخان 284 خاموش — سبک‌تر هم هست)، حلقهٔ کرم←آبی‌روشن،
 *  به‌جای نماد مایک، صندلی سینما (SVG درون‌خطی، کرم)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full) > .circ{
  background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.2), rgba(150,160,240,.18) 42%, rgba(46,38,120,.58) 100%) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35), inset 0 -6px 10px rgba(14,10,50,.5), 0 6px 12px -6px rgba(0,0,0,.8) !important;
  animation:none !important; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full) > .circ::before{ border-radius:inherit;
  background:conic-gradient(from 0deg,#F6EEDC,#B9C4F7,#F6EEDC,#D9CBA0,#F6EEDC); animation:none !important; opacity:.92; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full) > .circ > svg.mi273{ display:none !important; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full):not(.ms120-lk) > .circ:not([style*="border-style:solid"])::after{
  inset:0; border-radius:inherit; opacity:1; -webkit-mask:none; mask:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='3' width='12' height='11.5' rx='3.6' fill='%23F6EEDC'/%3E%3Crect x='7.6' y='5' width='8.8' height='7' rx='2.4' fill='%23E6D7AE'/%3E%3Crect x='4.6' y='13' width='14.8' height='4.6' rx='1.9' fill='%23F6EEDC'/%3E%3Crect x='2.2' y='10.2' width='3.2' height='7.6' rx='1.3' fill='%23F6EEDC'/%3E%3Crect x='18.6' y='10.2' width='3.2' height='7.6' rx='1.3' fill='%23F6EEDC'/%3E%3Crect x='6.2' y='17.6' width='2.2' height='3.2' rx='.8' fill='%23D9CBA0'/%3E%3Crect x='15.6' y='17.6' width='2.2' height='3.2' rx='.8' fill='%23D9CBA0'/%3E%3C/svg%3E") 50% 54% / 60% 60% no-repeat !important; }
/*  مایک قفل: همان قفل، سردتر؛ شمارهٔ قفل کم‌رنگ  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):not(.full) > .circ[style*="border-style:solid"]::before,
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat.ms120-lk:not(.v) > .circ::before{ background:conic-gradient(from 0deg,#C9D3FF,#8A93B8,#C9D3FF); opacity:.6; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat.ms120-lk:not(.v) .num,
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v):has(> .circ[style*="border-style:solid"]) .num{ color:#fff !important; background:rgba(200,210,255,.35) !important; box-shadow:none; }
/*  شمارهٔ صندلی: کپسول کرم با عدد نیلی  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) .num{ color:var(--in) !important; background:linear-gradient(180deg,#FBF4E2,#E6D7AE) !important;
  box-shadow:0 2px 6px -2px rgba(0,0,0,.7), inset 0 0 0 1px rgba(58,50,160,.25); }
/*  مایک پر: قاب طاقی کرم←آبی‌روشن دور عکس (به‌جای حلقهٔ طلایی 284)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat.full:not(.v) > .circ{ border-color:transparent;
  background:linear-gradient(#1E1A5A,#1E1A5A) padding-box, conic-gradient(from 200deg,#F6EEDC,#B9C4F7,#F6EEDC,#D9CBA0,#F6EEDC) border-box !important;
  box-shadow:0 0 12px rgba(190,200,255,.3), 0 6px 14px -5px rgba(6,4,30,.8) !important; }
/*  در حال صحبت: هالهٔ کرم/آبی به‌جای نارنجی/بنفش (همان --lvl زندهٔ 152)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat.speaking:not(.v) > .circ{ border-color:rgba(255,255,255,.95) !important;
  box-shadow:0 0 calc(8px + var(--lvl,.3) * 20px) calc(1px + var(--lvl,.3) * 4px) rgba(246,238,220,.6), 0 0 calc(14px + var(--lvl,.3) * 26px) rgba(140,160,255,.4) !important; }
/*  کلاکت: اکولایزر 152 (فقط هنگام صحبت) بدنهٔ کرم با لبهٔ نیلی و سر راه‌راه نیلی/کرم (::before ثابت)؛ میله‌ها نیلی (همان scaleY)  */
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .eq123{ bottom:-8px; height:11px; padding:2px 5px; gap:1.5px; box-sizing:content-box;
  border:1px solid var(--in); border-radius:0 0 4px 4px; background:linear-gradient(180deg,#FBF4E2,#E6D7AE);
  box-shadow:0 2px 6px -2px rgba(0,0,0,.6); transform:translateX(-50%) scale(.9); overflow:visible; }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .eq123::before{ content:""; position:absolute; left:-1px; right:-1px; top:-6px; height:5px;
  border:1px solid var(--in); border-bottom:0; border-radius:3px 3px 0 0;
  background:repeating-linear-gradient(-60deg, #1E1A5A 0 3px, #F6EEDC 3px 6px); }
#liveRoom49.cn471on #lrSeatsWrap:is(.mc5,.mc10,.mc15,.mc20) .lr-seat:not(.v) > .eq123 b{ width:2px; background:linear-gradient(0deg,#3A32A0,#6A5BD8); }
/*  زبانه‌های چت: خط زیر زبانهٔ فعال کرم  */
#liveRoom49.cn471on .lr-tab.on::after{ background:linear-gradient(90deg,#F6EEDC,#C7D2FE); }

/*  ۷) پیوند از طرح A: صفحهٔ بلند (≥۷۶۰) مایک‌ها بزرگ‌تر (۴۶/۴۲/۳۶/۳۳) و بودجهٔ ردیف‌ها (--cnS) هم‌قد آن؛ زیر ۶۲۰px (چت ۶۴ طبق
 *  سیاست v476) پرده ۶px بیشتر — نه بیشتر، تا چتِ ۳۲۰×۵۶۸ با ۱۰ مایک ~۹۰px بماند  */
@media (min-height:760px){
  #liveRoom49.cn471on #lrSeatsWrap.mc5{ --cns:46px; }
  #liveRoom49.cn471on #lrSeatsWrap.mc10{ --cns:42px; }
  #liveRoom49.cn471on #lrSeatsWrap.mc15{ --cns:36px; }
  #liveRoom49.cn471on #lrSeatsWrap.mc20{ --cns:33px; }
  #liveRoom49.cn471on #lrStage:not(#cn471x){ --cnS:113px; }
  #liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc5){ --cnS:58px; }
  #liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc15){ --cnS:99px; }
  #liveRoom49.cn471on #lrStage:has(> #lrSeatsWrap.mc20){ --cnS:92px; }
  #liveRoom49.cn471on.mm135 #cn471{ --cnS:113px; }
}
@media (max-height:620px){ #liveRoom49.cn471on #cn471{ --cnK:calc(337px + var(--cnS, 103px)); } }