/* ═══════════════════════════════════════════════════════════════════════════
 *  v125 · بازطراحی لایو صوتی — تبلیغ لودو، نشان‌ها، حاضران با تاج،
 *         شیت خروج/اشتراک، هدیهٔ وسط، منوی ⊞
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۱) ویجت تبلیغ «LUDO — Start the game / Go» نیاید */
#liveRoom49 #lrGame{ display:none !important }

/* ═══ ۲) نشان‌های «این ساعت / ستاره / آتش» — مدال + متن ═══ */
#liveRoom49.vb108 #rk101,
#liveRoom49.vb108 #star99,
#liveRoom49.vb108 #fire100{
  height:30px !important; box-sizing:border-box; gap:6px !important; border-radius:999px;
  padding:0 12px 0 3px !important; overflow:hidden; position:relative; }
[dir=rtl] #liveRoom49.vb108 #rk101,[dir=rtl] #liveRoom49.vb108 #star99,[dir=rtl] #liveRoom49.vb108 #fire100{ padding:0 3px 0 12px !important }

/* این ساعت — روبان شرابی با مدال طلا */
#liveRoom49.vb108 #rk101{
  background:linear-gradient(135deg,#5B1033,#9D174D 55%,#BE185D) padding-box,
             linear-gradient(120deg,#FFE9A8,#F59E0B,#FFE9A8) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:0 6px 16px rgba(190,24,93,.35), inset 0 1px 0 rgba(255,255,255,.2) !important }
#liveRoom49.vb108 #rk101 .rk-cup{
  width:24px !important; height:24px !important;
  background:radial-gradient(circle at 35% 30%,#FFF7CC,#FBBF24 55%,#B45309) !important;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.6), 0 2px 6px rgba(0,0,0,.35) !important }
#liveRoom49.vb108 #rk101 b{
  font-size:13px !important; background:linear-gradient(180deg,#FFFBEB,#FDE68A);
  -webkit-background-clip:text; background-clip:text; color:transparent !important; text-shadow:none !important }
#liveRoom49.vb108 #rk101 span{ color:#FBCFE8 !important; font-weight:800 !important; text-shadow:none !important }
#liveRoom49.vb108 #rk101.top3{ box-shadow:0 0 0 2px #FDE68A, 0 6px 20px rgba(251,191,36,.55) !important }

/* ستاره — شب‌رنگ با مدال ستاره و نوار نورانی */
#liveRoom49.vb108 #star99{
  background:linear-gradient(135deg,#1E1B4B,#312E81) padding-box,
             linear-gradient(120deg,#A5B4FC,#FDE68A,#A5B4FC) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:0 6px 16px rgba(49,46,129,.45), inset 0 1px 0 rgba(255,255,255,.15) !important }
#liveRoom49.vb108 #star99 .s102{
  width:24px; height:24px; border-radius:50%; display:grid !important; place-items:center;
  background:radial-gradient(circle at 35% 30%,#EEF2FF,#818CF8 60%,#3730A3);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.55), 0 2px 6px rgba(0,0,0,.35) }
#liveRoom49.vb108 #star99 .s102 svg{ width:17px !important; height:17px !important }
#liveRoom49.vb108 #star99 .s99-bar{ width:40px !important; height:6px !important; border-radius:99px; background:rgba(0,0,0,.4) !important }
#liveRoom49.vb108 #star99 .s99-bar i{ background:linear-gradient(90deg,#FDE68A,#F59E0B,#F472B6) !important; box-shadow:0 0 10px rgba(253,230,138,.9) !important }
#liveRoom49.vb108 #star99 .s99-n{ color:#E0E7FF !important; font-size:10.5px !important }

/* آتش — شعلهٔ زنده */
#liveRoom49.vb108 #fire100{
  background:linear-gradient(135deg,#7C2D12,#EA580C 60%,#F97316) padding-box,
             linear-gradient(120deg,#FFEDD5,#FB923C,#FFEDD5) border-box !important;
  border:1.5px solid transparent !important;
  box-shadow:0 6px 16px rgba(234,88,12,.4), inset 0 1px 0 rgba(255,255,255,.2) !important }
#liveRoom49.vb108 #fire100 .f100-i{
  width:24px; height:24px; border-radius:50%; display:grid !important; place-items:center; font-size:14px !important;
  background:radial-gradient(circle at 35% 30%,#FFF7ED,#FDBA74 55%,#C2410C);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.55), 0 2px 6px rgba(0,0,0,.35) }
#liveRoom49.vb108 #fire100 .f100-n{ color:#FFF7ED !important; font-size:12.5px !important; text-shadow:0 1px 2px rgba(124,45,18,.6) !important }
#liveRoom49.vb108 #fire100 .f100-r{ background:rgba(255,255,255,.2) !important; color:#fff !important }
#liveRoom49.vb108 #fire100::after,#liveRoom49.vb108 #star99::after{
  content:""; position:absolute; top:0; bottom:0; width:35%; left:-50%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-20deg);
  animation:shine125 4.2s ease-in-out infinite }
#liveRoom49.vb108 #star99::after{ animation-delay:1.4s }
@keyframes shine125{ 0%,65%{ left:-50% } 100%{ left:130% } }

/* ═══ ۳) حاضران با تاج ═══ */
#liveRoom49.vb108 .lr-pill.vw121{ display:none !important }
#liveRoom49.vb108 button.lr-barbtn[onclick*="openRoomTasks68"]{ display:none !important }
#vs125{ display:flex; align-items:center; cursor:pointer; padding:2px; direction:ltr; flex:none }
#vs125:active{ transform:scale(.95) }
.va125{ position:relative; width:32px; height:32px; border-radius:50%; margin-left:-9px; flex:none;
  background:linear-gradient(135deg,#6D28D9,#DB2777); border:2px solid #2a1650; box-sizing:border-box }
.va125:first-child{ margin-left:0 }
.va125 img,.va125 i{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center;
  color:#fff; font-style:normal; font-weight:900; font-size:12px }
.va125.g{ border-color:#FBBF24; box-shadow:0 0 0 1px #B45309, 0 0 10px rgba(251,191,36,.7); z-index:3 }
.va125.s{ border-color:#E5E7EB; box-shadow:0 0 0 1px #6B7280, 0 0 8px rgba(229,231,235,.55); z-index:2 }
.va125.b{ border-color:#FDBA74; box-shadow:0 0 0 1px #9A3412, 0 0 8px rgba(251,146,60,.55); z-index:1 }
.cr125{ position:absolute; width:18px; height:12px; top:-9px; left:50%; transform:translateX(-50%) rotate(-8deg);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) }
.vc125{ min-width:32px; height:32px; margin-left:-6px; padding:0 8px; box-sizing:border-box; border-radius:999px;
  display:grid; place-items:center; font-size:12.5px; font-weight:900; color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06)) padding-box,
             linear-gradient(120deg,rgba(255,211,77,.75),rgba(255,77,109,.5)) border-box;
  border:1.5px solid transparent; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); position:relative; z-index:4 }

/* ═══ ۴) شیت خروج ═══ */
#exitSh73{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); background:rgba(12,5,28,.55) !important }
#exitSh73 .ex73-card.ex125{
  background:linear-gradient(180deg,#FFFBF0 0%,#FFFFFF 38%) !important; border-radius:26px 26px 0 0 !important;
  padding:12px 18px calc(18px + env(safe-area-inset-bottom)) !important; box-shadow:0 -12px 40px rgba(0,0,0,.35) !important }
.ex125-head{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; margin:4px 0 16px }
.ex125-av{ position:relative; width:64px; height:64px; border-radius:50%; padding:3px; box-sizing:border-box;
  background:conic-gradient(from 200deg,#FBBF24,#EF4444,#DB2777,#FBBF24); margin-bottom:6px }
.ex125-av img,.ex125-av i{ width:100%; height:100%; border-radius:50%; object-fit:cover; border:3px solid #fff; box-sizing:border-box;
  display:grid; place-items:center; background:#FFF7E0; color:#B45309; font-style:normal; font-weight:900; font-size:22px }
.ex125-av em{ position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); font-style:normal; font-size:9.5px; font-weight:900;
  color:#fff; background:linear-gradient(135deg,#EF4444,#DB2777); padding:1px 8px; border-radius:999px; border:2px solid #fff; letter-spacing:.5px }
.ex125-head b{ font-size:17px; font-weight:900; color:#1C1917 }
.ex125-head small{ font-size:12px; font-weight:700; color:#78716C; max-width:300px; line-height:1.55 }
#exitSh73 .ex125 .ex73-btn{
  display:flex !important; align-items:center; gap:12px; width:100%; border:0 !important; border-radius:18px !important;
  padding:12px 14px !important; margin-bottom:10px !important; font-size:15px !important; font-weight:900 !important;
  font-family:inherit; cursor:pointer; text-align:start; transition:transform .12s }
#exitSh73 .ex125 .ex73-btn:active{ transform:scale(.97) }
#exitSh73 .ex125 .ex73-btn .i{ width:40px; height:40px; border-radius:13px; display:grid; place-items:center; flex:none }
#exitSh73 .ex125 .ex73-btn .i svg{ width:21px; height:21px }
#exitSh73 .ex125 .ex73-btn.k125{ background:linear-gradient(135deg,#FFFBEB,#FEF3C7) !important; color:#92400E !important;
  box-shadow:inset 0 0 0 1.5px #FDE68A !important }
#exitSh73 .ex125 .ex73-btn.k125 .i{ background:linear-gradient(145deg,#FFE082,#F59E0B); color:#fff; box-shadow:0 4px 12px rgba(245,158,11,.35) }
#exitSh73 .ex125 .ex73-btn.x125{ background:linear-gradient(135deg,#FB7185,#E11D48) !important; color:#fff !important;
  box-shadow:0 10px 24px rgba(225,29,72,.35) !important }
#exitSh73 .ex125 .ex73-btn.x125 .i{ background:rgba(255,255,255,.22); color:#fff }
#exitSh73 .ex125 .c125{ display:block; width:100%; border:0; background:#F5F5F4; color:#57534E; border-radius:16px; padding:13px;
  font-size:14.5px; font-weight:900; font-family:inherit; cursor:pointer }

/* ═══ ۴) شیت اشتراک ═══ */
#shareSh69{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
#shareSh69 .sh69-card.sh125{ border-radius:26px 26px 0 0 !important; background:linear-gradient(180deg,#FFF7ED 0%,#FFFFFF 30%) !important }
.sh125-head{ margin:0 0 12px }
.sh125-live{ display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:18px;
  background:linear-gradient(135deg,#2A1650,#5B21B6); box-shadow:0 8px 22px rgba(91,33,182,.35) }
.sh125-av{ width:44px; height:44px; border-radius:50%; padding:2px; flex:none; box-sizing:border-box;
  background:conic-gradient(from 200deg,#FBBF24,#EF4444,#DB2777,#FBBF24) }
.sh125-av img,.sh125-av i{ width:100%; height:100%; border-radius:50%; object-fit:cover; border:2px solid #2A1650; box-sizing:border-box;
  display:grid; place-items:center; background:#FFF7E0; color:#B45309; font-style:normal; font-weight:900 }
.sh125-tx{ flex:1; min-width:0; display:flex; flex-direction:column }
.sh125-tx b{ color:#fff; font-size:14.5px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.sh125-tx small{ color:#DDD6FE; font-size:11.5px; font-weight:700 }
.sh125-live em{ font-style:normal; font-size:10px; font-weight:900; color:#fff; padding:3px 9px; border-radius:999px;
  background:linear-gradient(135deg,#EF4444,#DB2777); animation:live125 1.6s ease-in-out infinite }
@keyframes live125{ 50%{ box-shadow:0 0 0 5px rgba(239,68,68,0) } 0%,100%{ box-shadow:0 0 0 0 rgba(239,68,68,.6) } }
.sh125-qa{ display:flex; gap:10px; margin-top:10px }
.sh125-qa button{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:14px; padding:11px 8px;
  font-family:inherit; font-size:13px; font-weight:900; cursor:pointer; color:#92400E;
  background:linear-gradient(135deg,#FFFBEB,#FEF3C7); box-shadow:inset 0 0 0 1.5px #FDE68A }
.sh125-qa button[data-q=share]{ color:#fff; background:linear-gradient(135deg,#FBBF24,#F59E0B 50%,#EF4444); box-shadow:0 6px 16px rgba(239,68,68,.3) }
.sh125-qa svg{ width:17px; height:17px }
#shareSh69 .sh125 .sh69-tab.on{ color:#B45309 !important }
#shareSh69 .sh125 .sh69-send{ background:linear-gradient(135deg,#D6D3D1,#A8A29E) !important; border-radius:16px !important }
#shareSh69 .sh125 .sh69-send.on{ background:linear-gradient(135deg,#FBBF24,#F59E0B 50%,#EF4444) !important; box-shadow:0 8px 20px rgba(239,68,68,.35) !important }

/* ═══ ۵) نوار پایین: هدیه وسط، چت جمع‌شونده ═══ */
#liveRoom49.vb108 #vb108Bar{ justify-content:space-between; align-items:flex-end }
#liveRoom49.vb108 #vb108Bar .vb108-inp{ order:1 }
#liveRoom49.vb108 #vb108Bar .vb108-mic,#liveRoom49.vb108 #vb108Bar .vb108-spk{ order:2 }
#liveRoom49.vb108 #vb108Bar .vb108-gift{ order:3 }
#liveRoom49.vb108 #vb108Bar .vb108-game{ order:4 }
#liveRoom49.vb108 #vb108Bar .vb108-grid{ order:5 }
#liveRoom49.vb108 #vb108Bar > *:not(.vb108-inp):not(.vb108-mic):not(.vb108-spk):not(.vb108-gift):not(.vb108-game):not(.vb108-grid){ order:6 }
/* چت جمع‌شده: یک دکمهٔ گرد با آیکن حباب */
#liveRoom49.vb108 #vb108Bar:not(:has(.vb108-inp:focus-within)) .vb108-inp{
  flex:0 0 44px; width:44px; height:44px; padding:0; position:relative; cursor:pointer; overflow:hidden }
#liveRoom49.vb108 #vb108Bar:not(:has(.vb108-inp:focus-within)) .vb108-inp > *:not(input){ display:none !important }
#liveRoom49.vb108 #vb108Bar:not(:has(.vb108-inp:focus-within)) .vb108-inp input{ position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer }
#liveRoom49.vb108 #vb108Bar:not(:has(.vb108-inp:focus-within)) .vb108-inp::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:no-repeat center/21px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF4D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E") }
/* هنگام تایپ: فیلد تمام عرض، بقیه کنار می‌روند */
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within) .vb108-inp{ flex:1 }
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within) .vs98-rb{ display:none !important }
/* هدیهٔ وسط — بزرگ و برجسته */
#liveRoom49.vb108 #vb108Bar .vb108-gift{
  width:60px !important; height:60px !important; margin-top:-14px; border-radius:50% !important;
  box-shadow:0 0 0 4px rgba(42,22,80,.9), 0 0 0 6px rgba(255,211,77,.55), 0 0 26px rgba(255,160,50,.7), 0 10px 22px rgba(0,0,0,.35) !important }
#liveRoom49.vb108 #vb108Bar .vb108-gift svg{ width:28px !important; height:28px !important }
#liveRoom49.vb108 #vb108Bar .vb108-gift::before{
  content:""; position:absolute; inset:-6px; border-radius:50%; pointer-events:none; z-index:-1;
  background:conic-gradient(from 0deg,#FFE066,#FF8A3D,#FF3D7F,#B14BFF,#FFE066); animation:spin125 3s linear infinite;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px)) }
@keyframes spin125{ to{ transform:rotate(360deg) } }

/* ═══ ۶ و ۷) منوی ⊞ ═══ */
.gm125{ position:fixed; inset:0; z-index:9990; display:flex; align-items:flex-end; justify-content:center;
  background:rgba(8,3,20,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:gmIn125 .2s ease both }
.gm125.out{ animation:gmOut125 .2s ease both }
.gm125.out .gm125-card{ animation:gmDown125 .2s ease both }
.gm125-card{ width:100%; max-width:440px; max-height:78vh; overflow-y:auto; box-sizing:border-box;
  padding:10px 16px calc(18px + env(safe-area-inset-bottom)); border-radius:26px 26px 0 0;
  background:radial-gradient(120% 60% at 50% 0%,rgba(255,211,77,.14),transparent 60%),linear-gradient(180deg,#24124A,#150A2E);
  border-top:1px solid rgba(255,224,130,.35); box-shadow:0 -14px 40px rgba(0,0,0,.45);
  animation:gmUp125 .3s cubic-bezier(.2,.9,.25,1.1) both }
.gm125-handle{ width:42px; height:5px; border-radius:99px; background:rgba(255,255,255,.22); margin:0 auto 10px }
.gm125-h{ margin:12px 4px 10px; font-size:12.5px; font-weight:900; letter-spacing:.3px;
  background:linear-gradient(90deg,#FFE9A8,#FDBA74); -webkit-background-clip:text; background-clip:text; color:transparent }
.gm125-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px 6px }
.gm125-it{ display:flex; flex-direction:column; align-items:center; gap:7px; border:0; background:none; cursor:pointer;
  font-family:inherit; padding:4px 0; transition:transform .12s }
.gm125-it:active{ transform:scale(.9) }
.gm125-ic{ width:54px; height:54px; border-radius:18px; display:grid; place-items:center; position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -6px 12px rgba(0,0,0,.2), 0 8px 18px rgba(0,0,0,.3) }
.gm125-ic svg{ width:26px; height:26px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.3)) }
.gm125-ic.gold  { background:linear-gradient(145deg,#FFE082,#F59E0B 55%,#D97706) }
.gm125-ic.blue  { background:linear-gradient(145deg,#93C5FD,#3B82F6 55%,#1D4ED8) }
.gm125-ic.teal  { background:linear-gradient(145deg,#5EEAD4,#14B8A6 55%,#0F766E) }
.gm125-ic.pink  { background:linear-gradient(145deg,#F9A8D4,#EC4899 55%,#BE185D) }
.gm125-ic.violet{ background:linear-gradient(145deg,#C4B5FD,#8B5CF6 55%,#6D28D9) }
.gm125-ic.red   { background:linear-gradient(145deg,#FDA4AF,#F43F5E 55%,#BE123C) }
.gm125-ic.slate { background:linear-gradient(145deg,#CBD5E1,#64748B 55%,#334155) }
.gm125-lb{ font-size:11px; font-weight:800; color:#EDE9FE; text-align:center; line-height:1.35; max-width:78px }
@keyframes gmIn125{ from{ opacity:0 } }
@keyframes gmOut125{ to{ opacity:0 } }
@keyframes gmUp125{ from{ transform:translateY(40px); opacity:0 } }
@keyframes gmDown125{ to{ transform:translateY(40px); opacity:0 } }

/* اعلان اتاق */
#ann125 textarea{ width:100%; box-sizing:border-box; border-radius:16px; border:1.5px solid rgba(255,224,130,.35); background:rgba(255,255,255,.07);
  color:#fff; font-family:inherit; font-size:14px; font-weight:700; padding:12px; resize:none; outline:none }
#ann125 textarea:focus{ border-color:#FBBF24 }
.ann125-row{ display:flex; align-items:center; gap:10px; margin-top:12px }
.ann125-row small{ flex:1; color:#A78BFA; font-size:11.5px; font-weight:800 }
.ann125-row button{ border:0; border-radius:14px; padding:11px 18px; font-family:inherit; font-size:13.5px; font-weight:900; cursor:pointer }
.ann125-clear{ background:rgba(255,255,255,.1); color:#E9D5FF }
.ann125-save{ color:#fff; background:linear-gradient(135deg,#FBBF24,#F59E0B 50%,#EF4444); box-shadow:0 6px 16px rgba(239,68,68,.35) }

@media (prefers-reduced-motion:reduce){
  #liveRoom49.vb108 #vb108Bar .vb108-gift::before,#liveRoom49.vb108 #fire100::after,#liveRoom49.vb108 #star99::after,.sh125-live em{ animation:none }
}

/* حلقهٔ چرخان دور هدیه بیرون از دایره است — برق مورب v121 کنار می‌رود */
#liveRoom49.vb108 #vb108Bar .vb108-gift{ overflow:visible !important }
#liveRoom49.vb108 #vb108Bar .vb108-gift::after{ display:none !important }