/* v135 · لایو چندمهمانه — شبکهٔ تازه، نوار پایین، صفحهٔ شروع لایو */

/* ═══ شبکهٔ قدیمی و چیزهای صوتی که در چندنفره معنی ندارند ═══ */
#liveRoom49.mm135 #lrSeatsWrap, #liveRoom49.mm135 #lrRow1, #liveRoom49.mm135 #lrRow2, #mg113{ display:none !important }
#liveRoom49.mm135 #lrStage{ max-height:none !important; overflow:visible !important; padding:8px 0 4px !important; margin:0 !important; flex:none }
/* روی تصویر: جای بلندگو را دکمهٔ دوربین می‌گیرد (نوار سه‌تایی بماند) */
#liveRoom49.mm135on #vb108Bar .vb108-spk{ display:none !important }

/* ═══ شبکه (v136 — به سبک ویدیوی مرجع): تمام‌عرض، مربع، خطوط باریک بین کاشی‌ها ═══ */
#ms135{ width:var(--w,100%); max-width:100%; aspect-ratio:1; margin:0 auto; display:grid; gap:1px; position:relative; z-index:3;
  grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr));
  background:rgba(255,255,255,.14); box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 18px 40px rgba(0,0,0,.25) }
#ms135[data-n="4"]{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)) }
/* ۶ نفره: کاشی میزبان (۱) بزرگ ۲×۲ در گوشه، پنج کاشی دور آن */
#ms135[data-n="6"] .t135[data-n="1"]{ grid-column:1 / span 2; grid-row:1 / span 2 }
.t135{ position:relative; min-width:0; min-height:0; overflow:hidden; isolation:isolate; cursor:pointer; -webkit-tap-highlight-color:transparent;
  background:linear-gradient(160deg,rgba(60,28,120,.62),rgba(24,10,52,.72)); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px) }
.t135:not(.occ){ background:linear-gradient(160deg,rgba(90,50,170,.34),rgba(40,16,86,.46)) }
.t135:active{ filter:brightness(1.15) }
/* ویدیو */
.t135 .vd135{ position:absolute; inset:0; z-index:1; background:#0B0716 }
.t135:not(.vid) .vd135{ display:none }
.t135 .vd135 video{ width:100%; height:100%; object-fit:cover; display:block }
/* بدون ویدیو: عکس محو پشت و آواتار وسط */
.t135 .ph135{ position:absolute; inset:0; z-index:1; display:grid; place-items:center }
.t135.vid .ph135, .t135:not(.occ) .ph135{ display:none }
.t135 .ph135 .bg{ position:absolute; inset:-15%; background:radial-gradient(circle at 50% 38%,#6B46C1,#241046) center/cover no-repeat;
  filter:blur(16px) brightness(.5) saturate(1.3); transform:scale(1.1) }
.t135 .av135{ position:relative; width:44%; max-width:84px; aspect-ratio:1; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:linear-gradient(135deg,#FFC940,#FF7A3D); box-shadow:0 0 0 2.5px rgba(255,255,255,.9), 0 10px 24px rgba(0,0,0,.45) }
.t135 .av135 img{ width:100%; height:100%; object-fit:cover }
.t135 .av135 i{ font-style:normal; font-weight:900; color:#fff; font-size:clamp(16px,6vw,26px) }
.t135.spk .av135{ box-shadow:0 0 0 2.5px #FFE066, 0 0 calc(10px + var(--lv,.3) * 22px) rgba(255,138,61,.8) }

/* قاب صحبت — لبهٔ گرم که با بلندی صدا پررنگ‌تر می‌شود */
.t135 .ring135{ position:absolute; inset:0; z-index:5; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .15s;
  box-shadow:inset 0 0 0 2.5px #FFD34D, inset 0 0 calc(8px + var(--lv,.3) * 22px) rgba(255,122,61,.75) }
.t135.spk .ring135{ opacity:1; animation:ring135 1.6s linear infinite }
@keyframes ring135{
  0%,100%{ box-shadow:inset 0 0 0 2.5px #FFE066, inset 0 0 calc(8px + var(--lv,.3) * 22px) rgba(255,224,102,.6) }
  50%    { box-shadow:inset 0 0 0 2.5px #FF3D7F, inset 0 0 calc(8px + var(--lv,.3) * 22px) rgba(255,61,127,.6) } }

/* خالی / قفل: نماد کم‌رنگ صندلی یا قفل وسط کاشی */
.t135 .em135{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px }
.t135.occ .em135{ display:none }
.t135 .em135 .ic{ width:30%; max-width:46px; aspect-ratio:1; display:grid; place-items:center; color:rgba(255,255,255,.34); transition:transform .15s, color .15s }
.t135 .em135 .ic svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
.t135 .em135 small{ display:none }
.t135:not(.occ):active .em135 .ic{ transform:scale(.9); color:rgba(255,211,77,.8) }
@media (hover:hover){ .t135:not(.occ):hover .em135 .ic{ color:rgba(255,211,77,.75) } }
.t135.lk .em135 .ic{ color:rgba(253,164,175,.55); width:26% }
/* برچسب بالا: تاج میزبان، مدیر، یا شمارهٔ جا */
.t135 .tag135{ position:absolute; top:4px; left:4px; z-index:4; display:flex; align-items:center; gap:3px; height:19px; padding:0 7px; box-sizing:border-box;
  border-radius:999px; font-size:9.5px; font-weight:900; direction:ltr }
.t135 .tag135 svg{ width:11px; height:11px; fill:currentColor }
.t135 .tag135 em{ font-style:normal }
.t135 .tag135.no{ min-width:0; height:auto; padding:0 2px; justify-content:center; font-size:10px; color:rgba(255,255,255,.6); background:none; text-shadow:0 1px 2px rgba(0,0,0,.6) }
.t135 .tag135.host{ color:#3B1D00; background:linear-gradient(135deg,#FFE082,#F59E0B); box-shadow:0 3px 8px rgba(0,0,0,.35) }
.t135 .tag135.host svg{ color:#92400E }
.t135 .tag135.mgr{ color:#fff; background:linear-gradient(135deg,#8B5CF6,#6D28D9); box-shadow:0 3px 8px rgba(0,0,0,.35) }

/* نوار نام */
.t135 .pl135{ position:absolute; left:0; right:0; bottom:0; z-index:4; display:flex; align-items:center; gap:4px; padding:16px 6px 5px; direction:ltr;
  background:linear-gradient(0deg,rgba(0,0,0,.75),transparent) }
.t135:not(.occ) .pl135{ display:none }
.t135 .pl135 b{ flex:1; min-width:0; font-size:clamp(9.5px,2.8vw,11.5px); font-weight:900; color:#fff; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; text-align:left; unicode-bidi:plaintext; text-shadow:0 1px 3px rgba(0,0,0,.8) }
.t135.me .pl135 b{ color:#FFD34D }
.t135 .pl135 .mc{ width:17px; height:17px; flex:none; border-radius:50%; display:grid; place-items:center; background:rgba(34,197,94,.92) }
.t135 .pl135 .mc.off{ background:rgba(244,63,94,.95) }
.t135 .pl135 .mc svg{ width:11px; height:11px; fill:none; stroke:#fff; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round }
.t135.spk .pl135 .mc:not(.off){ animation:mc135 .7s ease-in-out infinite alternate }
@keyframes mc135{ to{ box-shadow:0 0 0 4px rgba(34,197,94,.35) } }

/* ═══ دکمهٔ دوربین نوار پایین ═══ */
#liveRoom49.vb108 #vb108Bar .vb135-cam svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) }
#liveRoom49.vb108 #vb108Bar .vb135-cam:not(.off){ color:#fff;
  background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.4),#8B5CF6 55%,#6D28D9) padding-box, linear-gradient(145deg,#E9D5FF,#A78BFA) border-box;
  box-shadow:0 0 14px rgba(139,92,246,.45), 0 6px 16px rgba(0,0,0,.3) }

/* ═══ شیت خودم (دوربین، چرخش، پایین آمدن) ═══ */
#os135{ position:fixed; inset:0; z-index:9990; display:flex; align-items:flex-end; justify-content:center; padding:0 10px calc(10px + env(safe-area-inset-bottom));
  background:rgba(12,5,28,.5); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); animation:osF135 .2s ease both }
#os135.out{ animation:osF135 .2s ease reverse both }
.os135-c{ width:100%; max-width:420px; background:#fff; border-radius:24px; padding:8px 8px 10px; box-shadow:0 20px 50px rgba(0,0,0,.35);
  animation:osU135 .3s cubic-bezier(.2,.9,.25,1.1) both }
.os135-c .hd{ display:block; width:40px; height:5px; border-radius:99px; background:#E7E5E4; margin:4px auto 8px }
.os135-c button{ display:flex; align-items:center; gap:12px; width:100%; padding:10px 10px; border:0; border-radius:16px; background:none; cursor:pointer; font-family:inherit; text-align:start }
.os135-c button:active{ background:#FAF7FF }
.os135-c button b{ font-size:15px; font-weight:900; color:#1C1917 }
.os135-c .ic{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; color:#fff; flex:none }
.os135-c .ic svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round }
.os135-c .ic.violet{ background:linear-gradient(145deg,#C4B5FD,#8B5CF6 60%,#6D28D9) }
.os135-c .ic.blue{ background:linear-gradient(145deg,#93C5FD,#3B82F6 60%,#1D4ED8) }
.os135-c .ic.red{ background:linear-gradient(145deg,#FDA4AF,#F43F5E 60%,#BE123C) }
.os135-c .cx{ justify-content:center; margin-top:4px; background:#F5F5F4 !important; font-size:14.5px; font-weight:900; color:#57534E }
@keyframes osF135{ from{ opacity:0 } }
@keyframes osU135{ from{ transform:translateY(30px); opacity:0 } }

/* ═══ صفحهٔ شروع لایو (v136): بدون اسکرول — پیش‌نمایش خودش کوچک می‌شود (JS) ═══ */
#goLive51 .gl-stage{ flex:1 1 0 !important; min-height:0 }
#goLive51 .gl-layouts{ margin:6px 16px 8px !important }
#goLive51 .gl-preview{ width:var(--glw,100%) !important; max-width:100%; aspect-ratio:1; margin:0 auto 10px !important; gap:1px !important;
  grid-template-rows:repeat(3,minmax(0,1fr)); background:rgba(255,255,255,.16); border-radius:4px; overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 14px 30px rgba(0,0,0,.25) }
#goLive51 .gl-preview.cols2{ grid-template-rows:repeat(2,minmax(0,1fr)) }
#goLive51 .gl-preview .gl-pcell{ aspect-ratio:auto !important; min-height:0 !important; height:auto !important; border:0 !important; border-radius:0 !important;
  background:linear-gradient(160deg,rgba(90,50,170,.4),rgba(40,16,86,.5)) !important; color:rgba(255,255,255,.34) }
#goLive51 .gl-preview .gl-pcell svg{ width:34%; height:auto; max-width:38px }
#goLive51 .gl-preview .gl-pcell svg *{ stroke:rgba(255,255,255,.4) }
#goLive51 .gl-preview .gl-pcell.host{ background:linear-gradient(160deg,rgba(40,20,60,.85),rgba(15,8,26,.9)) !important; color:#FDA4AF; font-size:12px }
#goLive51 .gl-preview.cols3.n6 .gl-pcell.host{ grid-column:1 / span 2; grid-row:1 / span 2 }
#goLive51 .gl-lopts{ margin-top:4px !important }
#goLive51 .gl-rule{ margin:4px 0 0 !important }

/* ترتیب گروه چپ نوار: چت، میکروفون، دوربین (order‌های v125 داخل گروه) */
#liveRoom49.vb108 #vb108Bar .vb135-cam{ order:2 !important }

/* ═══ v137: نشان میوت و قفل مثل لایو صوتی ═══ */
/* میوت: دایرهٔ قرمز با میکروفون خط‌خورده، گوشهٔ بالا — روی جای خالی و پر */
.t135 .mb135{ position:absolute; top:5px; right:5px; z-index:6; width:20px; height:20px; border-radius:50%; display:none; place-items:center;
  background:linear-gradient(145deg,#FB7185,#DC2626); border:1.5px solid #fff; box-shadow:0 2px 6px rgba(220,38,38,.55) }
.t135.mut .mb135{ display:grid }
.t135 .mb135 svg{ width:11px; height:11px; fill:none; stroke:#fff; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round }
.t135.mut:not(.occ) .em135 .ic{ color:rgba(253,164,175,.55) }
/* قفل: همان دایرهٔ قرمز درخشان لایو صوتی با نور چرخان */
.t135.lk .em135 .ic{ position:relative; width:42% !important; max-width:62px; border-radius:50%; overflow:hidden; color:#FECACA !important;
  background:radial-gradient(circle at 35% 28%,rgba(254,202,202,.28),rgba(239,68,68,.22) 45%,rgba(90,12,24,.45) 100%);
  border:1.5px solid rgba(248,113,113,.6);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.2), inset 0 -6px 12px rgba(0,0,0,.25), 0 0 12px rgba(239,68,68,.3), 0 4px 14px rgba(0,0,0,.28) }
.t135.lk .em135 .ic::after{ content:""; position:absolute; inset:0; border-radius:50%;
  background:conic-gradient(from 210deg,transparent 0 70%,rgba(252,165,165,.6) 82%,transparent 94%); animation:lk137 3.2s linear infinite }
.t135.lk .em135 .ic svg{ position:relative; z-index:1; width:46% !important; height:46% !important; stroke-width:2.2 !important; filter:drop-shadow(0 0 4px rgba(239,68,68,.6)) }
.t135.lk .tag135.no{ color:rgba(254,202,202,.85) }
@keyframes lk137{ to{ transform:rotate(360deg) } }

/* v137b: در لایو چندنفره «تم» و «حالت اتاق» در صفحهٔ شروع نیستند — جا برای پیش‌نمایش بزرگ‌تر
   (هر دو داخل لایو از منوی ⊞ در دسترس‌اند) */
#goLive51:has(.gl-layouts) .gl-opts{ display:none !important }
#goLive51:has(.gl-layouts) .gl-rule{ margin:6px 0 4px !important }
#goLive51:has(.gl-layouts) .gl-layouts{ margin:6px 10px 8px !important }
/* v137c: متن «Multi-guest Rule» هم برداشته شد و پیش‌نمایش تا لبه‌ها بزرگ می‌شود */
#goLive51:has(.gl-layouts) .gl-rule{ display:none !important }
#goLive51:has(.gl-layouts) .gl-layouts{ margin:8px 6px 6px !important }
#goLive51:has(.gl-layouts) .gl-lopts{ margin-top:8px !important }
/* پیش‌نمایش درست زیر کارت عنوان؛ فضای خالی بالای دکمهٔ شروع می‌رود */
#goLive51:has(.gl-layouts) .gl-stage{ flex:0 0 10px !important }
#goLive51:has(.gl-layouts) .gl-start{ margin-top:auto !important }