/* v23 — البث المباشر (تصميم v21 المعتمد) */
body.live-open{overflow:hidden}
.jlive{position:fixed;inset:0;z-index:85;background:#07061A;color:#fff;font-family:Cairo,system-ui,sans-serif;direction:rtl;overflow:hidden;overflow:clip}
.jlive .hidden{display:none!important}
.jlive button{color:#fff;display:grid;place-items:center;padding:0}
.lv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:radial-gradient(120% 70% at 60% 35%,#5A4A5E 0%,#2A2236 45%,#0A0D16 100%)}
.lv-video.mirror{transform:scaleX(-1)}
.lv-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07061A99 0%,#07061A00 20%,#07061A00 50%,#07061Ad9 100%)}
.jlive.setup .lv-shade{background:linear-gradient(180deg,#07061A8c 0%,#07061A00 20%,#07061A33 50%,#07061Aeb 100%)}
.lv-top{position:absolute;top:calc(20px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}
.lv-title{font-size:16px;font-weight:800}
.lv-x{width:44px;height:44px;border-radius:22px;border:1px solid #ffffff2e!important;background:#07061A8c;backdrop-filter:blur(8px)}
/* شاشة قبل البث */
.ls-form{position:absolute;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.ls-card{padding:16px;border-radius:24px;background:#13112Ce0;border:1px solid #ffffff1f;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(10px)}
.ls-field{display:flex;flex-direction:column;gap:6px}
.ls-field>span{font-size:13px;color:#ffffffbf}
.ls-t{height:46px;padding:0 14px;border-radius:14px;border:1px solid #ffffff26;background:#ffffff0f;color:#fff;font:inherit;font-size:14px;outline:none}
.ls-types{display:flex;gap:8px;flex-wrap:wrap}
.ls-types button{height:36px;padding:0 14px!important;border-radius:18px;border:1px solid #ffffff26!important;font-size:13px}
.ls-types button.on{background:#FF2D7A;border-color:#FF2D7A!important;font-weight:700}
.ls-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ls-row div{display:flex;flex-direction:column;gap:2px}
.ls-row b{font-size:14px}.ls-row small{font-size:12px;color:#ffffffb3}
.ls-row em{font-style:normal;font-size:10px;color:#FACC15;border:1px solid #FACC1566;border-radius:8px;padding:0 6px;margin-inline-start:4px}
.ls-row.dim{opacity:.6}
.ls-sw{width:50px;height:30px;border-radius:15px;background:#ffffff33;position:relative;flex-shrink:0}
.ls-sw i{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:12px;background:#fff;transition:all .2s}
.ls-sw.on{background:#22D3EE}.ls-sw.on i{right:23px}
.ls-rules{margin:0;font-size:11px;color:#ffffffa6;text-align:center}.ls-rules a{color:#67E8F9}
.ls-start{height:58px;border-radius:29px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:800;width:100%}
.ls-start i{width:10px;height:10px;border-radius:5px;background:#fff;animation:camBlink 1.2s infinite}
@keyframes camBlink{50%{opacity:.25}}
/* شاشة البث */
.lv-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:0 30px}
.lv-wait i{width:48px;height:48px;border-radius:50%;border:4px solid #ffffff26;border-top-color:#FF2D7A;animation:lvSpin 1s linear infinite}
@keyframes lvSpin{to{transform:rotate(360deg)}}
.lv-bar{position:absolute;top:calc(18px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lv-who{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 4px;border-radius:26px;background:#07061A8c;min-width:0;max-width:62%}
.lv-who img{width:40px;height:40px;border-radius:20px;border:2px solid #FF2D7A;object-fit:cover;flex-shrink:0}
.lv-who div{display:flex;flex-direction:column;min-width:0}
.lv-who b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-who small{font-size:11px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-follow{height:34px;padding:0 14px!important;border-radius:17px;background:linear-gradient(270deg,#FF2D7A,#22D3EE);font-size:13px;font-weight:800;flex-shrink:0}
.lv-follow.on{background:#ffffff26}
.lv-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lv-live{height:30px;padding:0 10px;border-radius:8px;background:#E11D48;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}
.lv-live i{width:7px;height:7px;border-radius:4px;background:#fff;animation:camBlink 1.2s infinite}
.lv-count{height:30px;padding:0 10px;border-radius:8px;background:#07061A8c;display:flex;align-items:center;gap:5px;font-size:12px}
.lv-points{position:absolute;top:calc(76px + env(safe-area-inset-top));right:16px;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:15px;background:#FACC152e;border:1px solid #FACC1580;font-size:12px;color:#FDE68A}
.lv-points svg{color:#FACC15}
.lv-gifts{position:absolute;top:38%;right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.lv-gb{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:26px;background:linear-gradient(270deg,#FF2D7Ad9,#8B5CF699)}
.lv-gb.pop{animation:lvPop .35s cubic-bezier(.2,1.6,.4,1)}
@keyframes lvPop{from{transform:translateX(60px) scale(.8);opacity:0}}
.lg-ic{width:40px;height:40px;border-radius:20px;background:#FDE68A;display:grid;place-items:center;font-size:22px;overflow:hidden}
.lg-ic img{width:34px;height:34px;object-fit:contain}
.lv-gb div{display:flex;flex-direction:column}.lv-gb b{font-size:13px}.lv-gb small{font-size:11px}
.lg-n{font-size:22px;font-weight:800;margin-inline-start:6px}
.lv-chat{position:absolute;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));width:min(280px,72%);max-height:34vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 22%)}
.lv-chat::-webkit-scrollbar{display:none}
.lv-msg{align-self:flex-start;padding:8px 12px;border-radius:16px;background:#07061A80;font-size:13px;line-height:1.5;word-break:break-word}
.lv-msg span{font-weight:700}
.lv-msg.join{background:#22D3EE2e;color:#A5F3FC;font-size:12px;padding:6px 12px}
.lv-msg.sys{background:#FF2D7A33;color:#FBCFE8;font-size:12px}
.lv-msg.host{border:1px solid #FF2D7A88}
.lv-hearts{position:absolute;left:30px;bottom:calc(100px + env(safe-area-inset-bottom));width:60px;height:300px;pointer-events:none}
.lv-hearts i{position:absolute;bottom:0;left:10px;animation:lvHeart 2.2s ease-out forwards}
@keyframes lvHeart{to{transform:translate(var(--x),-280px) scale(1.4);opacity:0}}
.lv-foot{position:absolute;left:16px;right:16px;bottom:calc(26px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px}
.lv-input{flex:1;min-width:0;display:flex;align-items:center;height:48px;padding:0 16px;border-radius:24px;background:#ffffff1f;border:1px solid #ffffff26}
.lv-input input{flex:1;min-width:0;width:100%;background:transparent;border:0;outline:none;color:#fff;font:inherit;font-size:14px}
.lv-btn{width:48px;height:48px;border-radius:24px;background:#ffffff1f;flex-shrink:0}
.lv-btn.off{opacity:.45}
.lv-like{color:#FF2D7A!important}
.lv-gift{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#FACC15,#FF2D7A);flex-shrink:0}
.lv-report{position:absolute;top:calc(76px + env(safe-area-inset-top));left:16px;width:40px;height:40px;border-radius:20px;background:#07061A8c}
.lv-picker{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#13112C;border-top:1px solid #ffffff1f;animation:lvUp .25s ease-out}
@keyframes lvUp{from{transform:translateY(100%)}}
.lp-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lp-h>b{font-size:16px}.lp-h span{flex:1;font-size:12px;color:#ffffffb3}
.lp-h button{width:40px;height:40px;border-radius:20px;background:#ffffff14}
.lp-gs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lp-gs button{display:flex!important;flex-direction:column;align-items:center;gap:3px;padding:8px 2px!important;border-radius:16px;background:#ffffff0d;font-size:26px}
.lp-gs img{width:40px;height:40px;object-fit:contain}
.lp-gs small{font-size:11px}.lp-gs em{font-style:normal;font-size:10px;color:#FDE68A}
.lp-q{display:flex;gap:8px;justify-content:center;margin-top:12px}
.lp-q button{height:34px;padding:0 16px!important;border-radius:17px;border:1px solid #ffffff26!important;font-size:13px}
.lp-q button.on{background:#FF2D7A;border-color:#FF2D7A!important}
.lv-end{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#07061Ae6;backdrop-filter:blur(8px);padding:24px;text-align:center}
.lv-end>div{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px}
.lv-end span{font-size:48px}.lv-end h3{margin:0;font-size:22px}
.lv-sum{display:flex;gap:10px;width:100%}.lv-sum div{flex:1;padding:12px 6px;border-radius:16px;background:#ffffff0d;display:flex;flex-direction:column}
.lv-sum b{font-size:20px}.lv-sum small{font-size:11px;color:#ffffffb3}
/* تبويب «مباشر» وصفحة البثوث */
.live-tab{padding:9px 3px 7px;color:#FF6B9E;font-weight:800;font-size:13px;display:flex;align-items:center;gap:5px}
.live-tab i{width:7px;height:7px;border-radius:50%;background:#ffffff55}
.live-tab.has i{background:#E11D48;box-shadow:0 0 8px #E11D48;animation:camBlink 1.2s infinite}
.live-page{padding:92px 16px 120px;direction:rtl;min-height:100vh}
.lp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.lp-head h2{margin:0;font-size:22px}
.lp-go{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:20px;background:linear-gradient(270deg,#FF2D7A,#8B5CF6);font-weight:800;font-size:13px}
.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-card{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#13112C;text-align:right}
.lp-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px) brightness(.7);transform:scale(1.1)}
.lp-badge{position:absolute;top:8px;right:8px;background:#E11D48;font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;display:flex;align-items:center;gap:4px}
.lp-badge i{width:6px;height:6px;border-radius:3px;background:#fff}
.lp-views{position:absolute;top:8px;left:8px;background:#07061A99;font-size:11px;padding:3px 8px;border-radius:7px;display:flex;align-items:center;gap:4px}
.lp-info{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 10px;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column}
.lp-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-info small{font-size:11px;color:#ffffffbf}
.lp-empty{grid-column:1/-1;text-align:center;color:var(--muted,#a5abbc);font-size:13px}
.lp-none{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;text-align:center;border-radius:20px;background:#ffffff08}
.lp-none span{font-size:44px}.lp-none small{color:var(--muted,#a5abbc)}
/* v23.1 */
.lv-video.wide{object-fit:contain;background:#000}
.lv-input{padding-inline-end:4px}
.lv-send{width:40px;height:40px;border-radius:20px;background:linear-gradient(135deg,#FF2D7A,#8B5CF6);font-size:16px;flex-shrink:0;transform:scaleX(-1)}
/* ===== v23.2 — ترتيب البث المعروف ===== */
.jlive .lv-shade{background:linear-gradient(180deg,#0000008c 0%,#00000000 18%,#00000000 60%,#000000b3 100%)}
.lv-bar{top:calc(12px + env(safe-area-inset-top));left:12px;right:12px}
.lv-who{gap:8px;padding:3px;padding-inline-end:3px;border-radius:24px;background:#00000059;max-width:66%;backdrop-filter:blur(6px)}
.lv-who img{width:38px;height:38px;border:0}
.lv-who b{font-size:14px}
.lv-who small{font-size:11px;color:#ffffffd9;direction:ltr;text-align:right}
.lv-follow{height:34px;padding:0 14px!important;border-radius:17px;background:#FF2D7A!important;font-size:13px;font-weight:800;white-space:nowrap}
.lv-follow.on{background:#ffffff33!important;padding:0 12px!important}
.lv-left{display:flex;align-items:center;gap:8px;flex-direction:row-reverse}
.lv-viewers{display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 12px;border-radius:17px;background:#00000059;font-size:13px;direction:ltr}
.lv-viewers b{order:-1}
.lv-avs{display:flex}
.lv-avs img{width:28px;height:28px;border-radius:14px;border:2px solid #FACC15;object-fit:cover;margin-left:-8px}
.lv-avs img:first-child{margin-left:0}
.jlive .lv-x{width:38px;height:38px;border:0!important;background:transparent;backdrop-filter:none}
.lv-row2{position:absolute;top:calc(60px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lv-rank{height:30px;padding:0 12px!important;border-radius:15px;background:#00000059;font-size:12px;font-weight:700;white-space:nowrap}
.lv-row2l{display:flex;align-items:center;gap:6px;flex-direction:row-reverse;min-width:0}
.lv-row2 .lv-live{height:26px;padding:0 8px;border-radius:13px;font-size:11px}
.lv-topg{height:30px;padding:0 12px;border-radius:15px;background:#00000059;font-size:12px;display:flex;align-items:center;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-recent{height:30px;padding:0 8px;border-radius:15px;background:#8B5CF680;display:flex;align-items:center;gap:2px;font-size:18px}
.lv-recent img{width:22px;height:22px;object-fit:contain}
.lv-points{top:calc(98px + env(safe-area-inset-top));right:12px;height:26px;font-size:11px}
.lv-report{top:calc(98px + env(safe-area-inset-top));left:12px;width:34px;height:34px;background:#00000059}
.jlive .hidden{display:none!important}
/* التعليقات: صورة + اسم فوق + نص تحت بدون فقاعة */
.lv-chat{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:min(300px,76%);gap:10px}
.lv-msg{display:flex;align-items:flex-start;gap:8px;background:none;padding:0;border-radius:0;text-shadow:0 1px 3px #000c}
.lv-msg .lm-av{width:32px;height:32px;border-radius:16px;object-fit:cover;flex-shrink:0;border:1px solid #ffffff33}
.lv-msg div{display:flex;flex-direction:column;min-width:0}
.lv-msg small{font-size:12px;font-weight:600;opacity:.9}
.lv-msg span{font-size:14px;color:#fff;font-weight:600;word-break:break-word}
.lv-msg.join,.lv-msg.sys,.lv-msg.like{background:#00000040;padding:5px 12px;border-radius:14px;font-size:12px}
.lv-msg.like{background:none;padding:0;font-size:14px;font-weight:600}
.lv-msg.host .lm-av{border:2px solid #FF2D7A}
/* القلوب تطير من اليمين تحت */
.lv-hearts{left:auto;right:6px;bottom:calc(70px + env(safe-area-inset-bottom));width:50px}
.lv-hearts i{left:auto;right:8px}
/* الشريط السفلي */
.lv-foot{left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));gap:8px}
.lv-input{height:46px;padding:0 6px;border-radius:23px;background:#00000066;border:0;gap:4px}
.lv-emo{width:34px;height:34px;border-radius:17px;font-size:22px;color:#ffffffcc!important;flex-shrink:0}
.lv-send{width:34px;height:34px}
.lv-btn{width:44px;height:44px;border-radius:22px;background:#00000066;font-size:22px}
.lv-gift{width:44px;height:44px;border-radius:22px;background:#00000066;font-size:22px}
.lv-rose{font-size:22px}
.lv-emojis{position:absolute;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;padding:8px;border-radius:22px;background:#13112Ce6}
.lv-emojis button{font-size:24px;width:38px;height:38px}
.lv-gifts{top:44%}
.lv-ranks{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto}
.lv-ranks div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0d}
.lv-ranks em{font-style:normal;font-weight:800;color:#FACC15;width:20px}.lv-ranks b{flex:1}.lv-ranks span{color:#FDE68A;font-size:13px}
.ls-q{font-style:normal;font-size:11px;color:#22D3EE;border:1px solid #22D3EE66;border-radius:8px;padding:0 6px;margin-inline-start:6px}
.lv-msg.ev .ev-l span{font-size:13px;font-weight:600}.lv-msg.ev .ev-l small{color:#ffffffb3;font-size:13px;margin-inline-end:4px}
.lv-msg.ev .lm-av{width:28px;height:28px}
/* ===== v24: ضيوف + معركة + تثبيت ===== */
.lv-guests,.lv-join{position:relative;font-size:20px}
.lv-join.wait{animation:camBlink 1.2s infinite}.lv-join.on{background:#E11D48!important}
.lg-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:5px;background:#FF2D7A}
.lg-panel{position:absolute;left:0;right:0;bottom:0;z-index:5;max-height:60vh;overflow:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#13112C;border-top:1px solid #ffffff1f;animation:lvUp .25s ease-out}
.lg-panel h4{margin:12px 0 6px;font-size:13px;color:#ffffffb3}
.lg-x{width:38px;height:38px;border-radius:19px;background:#ffffff14}
.lg-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.lg-row img{width:38px;height:38px;border-radius:19px;object-fit:cover}.lg-row b{flex:1;font-size:14px}
.lg-row button{height:34px;padding:0 14px!important;border-radius:17px;background:#ffffff14;font-size:13px}
.lg-row button.ok{background:#22D3EE;color:#07061A!important;font-weight:800}
.lg-battle{width:100%;height:48px;margin-top:12px;border-radius:24px;background:linear-gradient(270deg,#FF2D7A,#2563EB);font-weight:800}
.lb-bar{position:absolute;top:calc(132px + env(safe-area-inset-top));left:12px;right:12px;z-index:3;padding:8px 10px;border-radius:16px;background:#00000080;backdrop-filter:blur(6px)}
.lb-names{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;margin-bottom:6px}
.lb-names b{font-family:Poppins,sans-serif}
.lb-time{padding:2px 10px;border-radius:10px;background:#ffffff1f;font-size:12px}
.lb-track{height:10px;border-radius:5px;background:#2563EB;overflow:hidden;direction:rtl}
.lb-track i{display:block;height:100%;background:linear-gradient(270deg,#FF2D7A,#ff6ba6);transition:width .5s}
.lb-bar.done .lb-time{background:#FACC15;color:#1a1300}
.lv-pin{position:absolute;right:12px;left:70px;bottom:calc(84px + 34vh + env(safe-area-inset-bottom));z-index:2;display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:14px;background:#FF2D7A33;border:1px solid #FF2D7A66}
.lv-pin div{display:flex;flex-direction:column;min-width:0}.lv-pin small{font-size:11px;color:#FBCFE8}.lv-pin b{font-size:13px;word-break:break-word}
.lv-mod{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:min(300px,86vw);padding:16px;border-radius:22px;background:#13112C;border:1px solid #ffffff26;display:flex;flex-direction:column;gap:8px;text-align:center}
.lv-mod button{height:46px;border-radius:14px;background:#ffffff12;font-size:14px;font-weight:700}
.lp-side{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;font-size:13px}
.lp-side button{height:34px;padding:0 14px!important;border-radius:17px;border:1px solid #ffffff26!important}
.lp-side button.on{background:#FF2D7A;border-color:#FF2D7A!important}
.lp-side button[data-s="b"].on{background:#2563EB;border-color:#2563EB!important}

/* v28.20 — تبويبات صفحة البث: بث مباشر / غرفة صوتية */
.live-page [hidden]{display:none!important}
.lp-tabs{display:flex;gap:8px;margin:6px 0 12px}
.lp-tabs button{flex:1;padding:10px 12px;border-radius:999px;border:1px solid #ffffff1a;background:#ffffff0d;color:#fff;font-weight:800;font-size:14px;cursor:pointer}
.lp-tabs button.on{background:linear-gradient(100deg,#ff2d87,#8b5cf6);border-color:transparent}