/* ═══════════════════════════════════════════════════════════════════════════
 *  v113 · نوار لایو، لایو چندنفره، و پنجرهٔ بازی‌ها
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── نوار پایین لایو تصویری: فقط چهار دکمه، مرتب ── */
#vs98Bar .vs98-rb.rose,
#vs98Bar .vs98-rb.share,
#vs98Bar .more112,
#vb108Bar .more112{ display:none !important }
#vs98Bar{ gap:7px }
#vs98Bar .vs98-rb{ width:42px; height:42px; flex:0 0 42px }
#vs98Bar .vs98-rb svg{ width:20px; height:20px }
@media (max-width:360px){
  #vs98Bar{ gap:5px; padding:0 8px }
  #vs98Bar .vs98-rb{ width:38px; height:38px; flex:0 0 38px }
}
.vs98-rb.win113{ position:relative }
.vs98-rb.win113 .dot{
  position:absolute; top:-1px; inset-inline-end:-1px; width:11px; height:11px; border-radius:50%;
  background:#f43f5e; border:2px solid rgba(0,0,0,.4); display:none;
}
.vs98-rb.win113.has .dot{ display:block }

/* ── کاشی مهمان: دکمهٔ «⋯» میزبان ── */
.gt108 .g113-more{
  position:absolute; top:5px; inset-inline-start:5px; z-index:6; width:26px; height:26px; border:0; border-radius:9px;
  background:rgba(0,0,0,.55); color:#fff; font-size:15px; line-height:1; cursor:pointer; display:grid; place-items:center;
}
#gm113{ position:fixed; inset:0; z-index:10076; background:rgba(0,0,0,.45); display:flex; align-items:flex-end; justify-content:center }
.gm113-c{
  width:100%; max-width:420px; background:#191026; color:#fff; border-radius:20px 20px 0 0; overflow:hidden;
  padding-bottom:calc(8px + env(safe-area-inset-bottom)); animation:gm113up .24s ease both;
}
@keyframes gm113up{ from{ transform:translateY(100%) } }
.gm113-hd{ display:flex; align-items:center; gap:9px; padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.08) }
.gm113-hd .a{ width:38px; height:38px; border-radius:50%; overflow:hidden; position:relative; display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#fff; font-weight:900 }
.gm113-hd .a img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.gm113-hd b{ font-size:14px; font-weight:900 }
.gm113-c button.row{
  width:100%; display:flex; align-items:center; gap:10px; padding:13px 16px; border:0; background:none; color:#fff;
  font-family:inherit; font-size:13.5px; font-weight:800; cursor:pointer; text-align:start;
}
.gm113-c button.row:active{ background:rgba(255,255,255,.06) }
.gm113-c button.row span{ font-size:17px; width:22px; text-align:center }
.gm113-c button.row.danger{ color:#fda4af }

/* ── لایو چندنفره: از v135 در src/179-v135.css ── */

/* ── پنجرهٔ بازی‌ها (مشترک: گریدی لاین و رولت) ── */
#lion110 .lw-t i{ font-style:normal }
/*  وقتی بازی داخل لایو باز است، پنجره روی نوار پایین لایو نمی‌نشیند:
 *  نوار (چت، میکروفون، هدیه) همچنان در دسترس می‌ماند.  */
body.gw113 #lion110{ bottom:calc(66px + env(safe-area-inset-bottom)) }
body.gw113 #lion110.full{ height:calc(100% - 66px - env(safe-area-inset-bottom)) }
body.gw113 #vb108Bar, body.gw113 #vs98Bar{ z-index:10075 }

/* ── درخواست‌های آشنایی ── */
#rq113{
  position:fixed; inset-inline:14px; bottom:calc(86px + env(safe-area-inset-bottom)); z-index:60;
  display:flex; align-items:center; gap:10px; border:0; cursor:pointer; text-align:start;
  background:linear-gradient(135deg,#ff4d7d,#c026d3); color:#fff; border-radius:20px; padding:10px 14px;
  box-shadow:0 12px 30px rgba(192,38,211,.4); font-family:inherit; animation:rq113in .35s cubic-bezier(.2,1.2,.4,1) both;
}
@keyframes rq113in{ from{ opacity:0; transform:translateY(16px) } }
#rq113 .a{ position:relative; width:40px; height:40px; flex:0 0 40px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:rgba(255,255,255,.25); font-weight:900 }
#rq113 .a img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
#rq113 .t{ flex:1; min-width:0; display:flex; flex-direction:column }
#rq113 .t b{ font-size:13px; font-weight:900 }
#rq113 .t small{ font-size:10.5px; opacity:.9; font-weight:700 }
#rq113 .go{ width:26px; height:26px; flex:0 0 26px; color:#fff }
#rq113 .go svg{ width:100%; height:100% }

#rqSh113{ position:fixed; inset:0; z-index:10078; background:rgba(20,10,30,.5); display:flex; align-items:flex-end; justify-content:center }
.rq113-c{ width:100%; max-width:470px; max-height:84%; display:flex; flex-direction:column; background:#fff; border-radius:22px 22px 0 0; overflow:hidden; animation:gm113up .26s ease both }
.rq113-hd{ flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #f4f2f0 }
.rq113-hd b{ font-size:15px; font-weight:900; color:#1c1c1e }
.rq113-hd .x{ width:32px; height:32px; border:0; border-radius:10px; background:#f5f5f4; color:#57534e; font-size:15px; cursor:pointer }
.rq113-b{ flex:1; overflow-y:auto; padding:12px; display:flex; flex-direction:column; gap:10px; background:#faf9f8 }
.rq113-card{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #f1eeeb; border-radius:18px; padding:9px; transition:.25s }
.rq113-card.busy{ opacity:.5; pointer-events:none }
.rq113-card .ph{ position:relative; width:72px; height:86px; flex:0 0 72px; border-radius:14px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,#fda4af,#e11d48); color:#fff; font-size:26px; font-weight:900 }
.rq113-card .ph img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.rq113-card .ph .sp{ position:absolute; inset-inline:0; bottom:0; background:#fbbf24; color:#3b1d00; font-size:8.5px; font-weight:900; text-align:center; padding:2px 0 }
.rq113-card .in{ flex:1; min-width:0 }
.rq113-card .in b{ font-size:14px; font-weight:900; color:#1c1c1e; display:block }
.rq113-card .in b i{ font-style:normal; color:#a8a29e; font-weight:800; font-size:12px }
.rq113-card .in small{ font-size:11.5px; color:#78716c; display:block; line-height:1.7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.rq113-card .bt{ display:flex; gap:6px; flex:0 0 auto }
.rq113-card .bt button{ border:0; border-radius:14px; cursor:pointer; font-family:inherit; font-weight:900; display:flex; align-items:center; gap:5px }
.rq113-card .bt .no{ width:40px; height:40px; background:#f5f5f4; color:#78716c; font-size:15px; justify-content:center }
.rq113-card .bt .yes{ height:40px; padding:0 14px; background:linear-gradient(135deg,#ff4d7d,#e11d48); color:#fff; font-size:12.5px }
.rq113-card .bt .yes svg{ width:16px; height:16px }
.rq113-empty{ text-align:center; padding:40px 16px; color:#a8a29e }
.rq113-empty span{ font-size:38px; display:block; margin-bottom:6px }
.rq113-empty p{ font-weight:900; color:#57534e; font-size:13px }
.rq113-empty small{ font-size:11.5px }

#rqRow113{
  display:flex; align-items:center; gap:10px; cursor:pointer; margin:2px 0 12px;
  background:linear-gradient(135deg,#fff1f5,#fef3c7); border:1.5px solid #fecdd3; border-radius:18px; padding:9px 12px;
}
#rqRow113 .av{ display:flex; flex:0 0 auto }
#rqRow113 .av span{ position:relative; width:34px; height:34px; border-radius:50%; overflow:hidden; display:grid; place-items:center; margin-inline-start:-9px; border:2px solid #fff; background:linear-gradient(135deg,#fb7185,#e11d48); color:#fff; font-weight:900; font-size:12px }
#rqRow113 .av span:first-child{ margin-inline-start:0 }
#rqRow113 .av span img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
#rqRow113 .t{ flex:1; min-width:0 }
#rqRow113 .t b{ display:block; font-size:13px; font-weight:900; color:#e11d48 }
#rqRow113 .t small{ display:block; font-size:11px; color:#78716c; font-weight:700 }
#rqRow113 .go{ font-size:22px; color:#e11d48; font-weight:900 }

/* ── گفتگوهای مسدود ── */
#bl113{ padding:6px 2px 90px }
.bl113-h{ font-size:11.5px; font-weight:900; color:#a8a29e; padding:10px 6px 6px }
.bl113-row{ display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:16px; cursor:pointer; filter:grayscale(1); opacity:.72 }
.bl113-row:active{ background:#faf7f4 }
.bl113-row .av{ position:relative; width:46px; height:46px; flex:0 0 46px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#d6d3d1; color:#fff; font-weight:900; font-size:17px }
.bl113-row .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.bl113-row .m{ flex:1; min-width:0 }
.bl113-row .m b{ display:block; font-size:13.5px; font-weight:900; color:#57534e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.bl113-row .m small{ display:block; font-size:11.5px; color:#a8a29e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.bl113-row .tag{ flex:0 0 auto; font-size:10px; font-weight:900; color:#fff; background:#a8a29e; border-radius:99px; padding:3px 9px }

#s-view.bl113-off .pfh55, #s-view.bl113-off img, #s-view.bl113-off .pv55-ph{ filter:grayscale(1) }
#bl113Bar{
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0 2px;
  background:#f5f5f4; border:1.5px solid #e7e5e4; border-radius:16px; padding:10px 12px;
  font-size:12px; font-weight:900; color:#57534e;
}
#bl113Bar button{ border:0; border-radius:12px; padding:8px 14px; font-family:inherit; font-weight:900; font-size:12px; cursor:pointer; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#3b1d00 }