/* Algalaa rooms styles v20260519 - production split. */
.roomCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;cursor:pointer;transition:.15s}
.roomCard:hover{border-color:var(--gold)}
.roomCard h4{color:var(--gold);font-size:16px;margin-bottom:6px}
.roomCard .meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.roomCard .live{background:var(--danger);color:#fff;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;display:inline-block;margin-left:6px;animation:pulse 1.5s infinite}
@keyframes pulse{50%{opacity:.6}}

/* New Clubhouse-style room cards */
.roomCardNew{
  background:linear-gradient(135deg,#1f1f1f,#161616);
  border:1px solid rgba(227,181,74,.18);
  border-radius:16px;
  padding:16px;
  margin-bottom:12px;
  cursor:pointer;
  transition:.2s;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.roomCardNew:hover{
  border-color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(227,181,74,.15);
}
.roomCardNew .roomCardHead{
  display:flex;align-items:center;gap:6px;margin-bottom:10px;
}
.roomCardNew .liveDot{
  width:8px;height:8px;border-radius:50%;background:#ff4444;
  animation:livePulse 1.5s infinite;
}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,68,68,.7)}50%{box-shadow:0 0 0 5px rgba(255,68,68,0)}}
.roomCardNew .liveLbl{
  color:#ff4444;font-size:10px;font-weight:900;letter-spacing:1px;
}
.roomCardNew .roomShareBtn{
  background:rgba(255,255,255,.06);
  color:var(--gold);
  width:32px;height:32px;border-radius:50%;
  border:none;cursor:pointer;font-size:13px;
  transition:.12s;
}
.roomCardNew .roomShareBtn:hover{background:rgba(227,181,74,.15)}
.roomCardNew .roomCardTitle{
  color:#fff;font-size:17px;font-weight:800;
  margin:0 0 6px;line-height:1.3;
}
.roomCardNew .roomCardDesc{
  color:#aaa;font-size:13px;line-height:1.4;
  margin:0 0 12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.roomCardNew .roomCardSpeakers{
  display:flex;align-items:center;gap:10px;
  padding:10px;
  background:rgba(0,0,0,.3);
  border-radius:12px;
  margin-bottom:10px;
}
.roomCardNew .speakersStack{
  display:flex;flex-direction:row-reverse;
  align-items:center;
}
.roomEmptyLogo{width:42px;height:42px;border-radius:50%;background:#070707;border:1px solid rgba(227,181,74,.42);display:grid;place-items:center;box-shadow:0 0 14px rgba(227,181,74,.16);overflow:hidden}
.roomEmptyLogo img{width:28px;height:28px;object-fit:contain;border-radius:8px}
.roomEmptyState{margin:12px 0 10px;padding:16px 12px;border:1px solid rgba(227,181,74,.18);border-radius:16px;background:rgba(227,181,74,.045);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#ddd}
.roomEmptyState img{width:44px;height:44px;border-radius:12px;object-fit:contain}
.roomEmptyState b{color:var(--gold);font-size:14px}
.roomEmptyState span{font-size:12px;color:#888}
.roomCardNew .speakersInfo{flex:1;min-width:0}
.roomCardNew .roomCardFooter{
  display:flex;align-items:center;gap:14px;
  padding-top:8px;border-top:1px solid rgba(255,255,255,.06);
}
.roomCardNew .rmCount{
  color:#aaa;font-size:12px;font-weight:600;
}
.roomCardNew.radioRoomCard{
  padding:12px;
  margin-bottom:9px;
  border-radius:13px;
}
.roomCardNew.radioRoomCard:hover{transform:translateY(-1px)}
.roomCardNew.radioRoomCard .roomCardHead{margin-bottom:6px}
.roomCardNew.radioRoomCard .roomCardTitle{font-size:15px;margin-bottom:5px}
.roomCardNew.radioRoomCard .roomCardSpeakers{padding:8px;border-radius:10px;margin-bottom:7px}
.roomCardNew.radioRoomCard .roomCardFooter{padding-top:6px}
.roomCardNew.radioRoomCard .roomEmptyLogo{width:36px;height:36px}
.roomCardNew.radioRoomCard .roomEmptyLogo img{width:24px;height:24px}
.roomCardNew.radioRoomCard .roomShareBtn{width:28px;height:28px;font-size:12px}

.stage{background:linear-gradient(180deg,#1c1c1c,#161616);border:1px solid rgba(227,181,74,.25);border-radius:18px;padding:18px;margin-bottom:12px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(227,181,74,.12)}
.stage h3{color:var(--gold);margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:18px}
.stage .speakers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
@media(max-width:380px){.stage .speakers{grid-template-columns:repeat(2,1fr)}}
.spk{text-align:center;padding:8px 4px;position:relative}
.spk .avatar{margin:0 auto 8px;width:80px;height:80px;border:3px solid var(--gold);background:var(--card);box-shadow:0 4px 14px rgba(227,181,74,.3)}
.spk.speaking .avatar{box-shadow:0 0 0 3px var(--gold), 0 0 24px rgba(227,181,74,.6);animation:speaking 1.2s ease-in-out infinite}
@keyframes speaking{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.spk .nm{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.spk .rl{font-size:11px;color:var(--gold);margin-top:2px}
.spk .mute-ind{position:absolute;top:0;right:50%;transform:translateX(36px);background:var(--bg);border:2px solid var(--card2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--danger);font-size:13px;z-index:2}
.spk .mic-on{position:absolute;top:0;right:50%;transform:translateX(36px);background:var(--gold-grad);border:2px solid var(--card);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#000;font-size:13px;z-index:2}
.stageActs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px;padding-top:14px;border-top:1px solid rgba(227,181,74,.15)}
.stageActs button{padding:10px 22px;border-radius:24px;background:var(--gold-grad);color:#000;font-size:14px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(227,181,74,.3);transition:.2s}
.stageActs button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.stageActs button.danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px rgba(231,76,60,.3)}
.stageActs button.ghost{background:var(--card2);color:var(--gold);border:1px solid rgba(227,181,74,.4);box-shadow:none}
.roomChat{max-height:300px;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;margin-top:10px}
.roomChat .rm{font-size:13px;margin-bottom:6px;line-height:1.5}
.roomChat .rm b{color:var(--gold)}

.callScreen{position:fixed;inset:0;background:radial-gradient(circle at 50% 30%,#2a1a00,#000);z-index:1500;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px;overflow:hidden}
.callScreen::before{content:"";position:absolute;inset:-24px;background-image:var(--call-bg);background-size:cover;background-position:center;filter:blur(24px);transform:scale(1.08);opacity:0;transition:opacity .2s}
.callScreen.hasBg::before{opacity:.42}
.callScreen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.82))}
.callScreen>*{position:relative;z-index:1}
.callScreen .cAvatar{width:160px;height:160px;border-radius:50%;background:var(--card);overflow:hidden;margin-bottom:20px;box-shadow:0 0 40px rgba(227,181,74,.4);display:flex;align-items:center;justify-content:center;font-size:60px;color:var(--gold);font-weight:900}
.callScreen .cAvatar img{width:100%;height:100%;object-fit:cover}
.callScreen h2{font-size:24px;margin-bottom:6px}
.callScreen .cs{color:var(--gold);margin-bottom:30px;animation:pulse 1.5s infinite}
.callActs{display:flex;gap:20px}
.callActs button{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:900}
.callActs .accept,.callActs .mute{background:var(--gold-soft);color:var(--gold)}
.callActs .reject,.callActs .end{background:var(--card2);color:var(--muted)}

.installBtn{position:fixed;bottom:80px;right:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;padding:10px 16px;border-radius:24px;font-weight:700;font-size:13px;box-shadow:0 8px 22px rgba(227,181,74,.4);z-index:60;display:none;align-items:center;gap:6px;border:none;cursor:pointer}
.installBtn.show{display:flex}

.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--gold);color:var(--gold);padding:10px 18px;border-radius:24px;font-size:14px;font-weight:700;z-index:1800;box-shadow:0 8px 24px rgba(0,0,0,.5);animation:fade .25s}

@media(max-width:520px){
  .topbar{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;gap:8px}
  .brand span{display:none}
  .brand img{width:28px;height:28px}
  .search{max-width:none;min-width:0}
  .iconBtn{width:36px;height:36px}
  .icons{gap:6px}
  #officialSiteLink{display:none!important}
  .page{padding:10px}
}

/* ==================== Clubhouse-style Room ==================== */
.roomFull{
  position:fixed; inset:0; height:100dvh; z-index:999;
  background:radial-gradient(ellipse 120% 60% at 50% -5%, rgba(227,181,74,.10), transparent 50%), radial-gradient(ellipse at bottom, rgba(40,28,0,.4), transparent 60%), #060507;
  display:flex; flex-direction:column;
  animation:roomSlide .3s ease-out;
  overflow:hidden;
}
@keyframes roomSlide{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.roomFull.minimized{display:none}
.roomFullHead{
  display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;
  background:rgba(0,0,0,.4);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(227,181,74,.2);
}
.roomFullHead .minBtn{
  width:38px;height:38px;border-radius:50%;background:rgba(227,181,74,.15);
  color:var(--gold);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.roomFullHead .minBtn:hover{background:rgba(227,181,74,.3)}
.roomFullHead .titleBlock{flex:1;min-width:0}
.roomFullHead .titleBlock h3{color:var(--gold);font-size:17px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roomFullHead .titleBlock .meta{color:#aaa;font-size:12px;margin-top:2px}
.roomFullHead .liveDot{
  display:inline-block;width:8px;height:8px;background:#e74c3c;border-radius:50%;
  margin-left:4px;animation:livePulse 1.5s infinite;
}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.4}}

.roomBody{
  flex:1; overflow-y:auto; padding:18px 14px 0;
  -webkit-overflow-scrolling:touch;
}

.roomSection{margin-bottom:24px}
.roomSection h4{
  color:var(--gold);font-size:13px;font-weight:700;margin-bottom:14px;
  display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;
  padding:0 6px;
}
.roomSection h4 .count{
  color:#888;font-weight:400;font-size:12px;margin-right:auto;
}

.speakersGrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;
  padding:0 6px;
}
.speakerCard{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  cursor:pointer;text-align:center;position:relative;
  padding:6px 3px;border-radius:12px;transition:.2s;
  min-width:0;
}
.speakerCard:hover{background:rgba(227,181,74,.08)}
.speakerAvatar{
  width:60px;height:60px;border-radius:50%;background:#1a1a1a;
  display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);font-weight:900;
  position:relative;overflow:hidden;
  border:2px solid rgba(227,181,74,.3);
  transition:.2s;
}
.speakerAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.speakerCard.host .speakerAvatar{border-color:var(--gold);box-shadow:0 0 14px rgba(227,181,74,.36)}
.speakerCard.moderator .speakerAvatar{border-color:#8aa0ad;box-shadow:0 0 13px rgba(138,160,173,.38)}
/* Speaking = صوت يصدر فعلياً (audio detection) — إطار ذهبي متناسق */
.speakerCard.speaking .speakerAvatar{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px var(--gold),0 0 18px rgba(227,181,74,.72),0 0 34px rgba(243,210,122,.46) !important;
  animation:speakingPulse .9s ease-in-out infinite;
}
@keyframes speakingPulse{0%,100%{box-shadow:0 0 0 2px var(--gold),0 0 16px rgba(227,181,74,.48),0 0 26px rgba(243,210,122,.28)}50%{box-shadow:0 0 0 3px var(--gold),0 0 26px rgba(227,181,74,.92),0 0 42px rgba(243,210,122,.58)}}
.speakerCard .crown{
  position:absolute;top:-4px;right:50%;transform:translateX(50%);
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;font-size:13px;width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:2px solid #000;z-index:2;
}
.speakerCard .crown.moderator{background:linear-gradient(135deg,#6f8797,#b8c7d0);color:#071014}
.speakerCard .crown.owner{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}
/* Mic badge: inside avatar lower corner, clear of the name */
.speakerCard .micBadge{
  position:absolute;
  top:58px;
  right:calc(50% - 36px);
  width:26px;height:26px;border-radius:50%;
  background:var(--card);
  border:2.5px solid var(--bg);
  display:flex;align-items:center;justify-content:center;font-size:12px;
  z-index:4;
  box-shadow:0 2px 8px rgba(0,0,0,.4);
  transition:.15s;
}
/* unmuted = ذهبي */
.speakerCard .micBadge.unmuted{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;
  box-shadow:0 0 0 2px var(--bg), 0 0 12px rgba(227,181,74,.55);
}
.speakerCard.speaking .micBadge.unmuted{animation:micGlow 1.4s infinite}
/* muted = رمادي (ليس أحمر) */
.speakerCard .micBadge.muted{
  background:#3a3a3a;color:#888;
  box-shadow:0 0 0 2px var(--bg);
}
.speakerCard .micBadge .iMic{transform:scale(.48)}
.speakerCard .recBadge{
  position:absolute;top:-4px;left:50%;transform:translateX(-50%);
  width:24px;height:24px;border-radius:50%;
  background:#e74c3c;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;
  border:2px solid #000;z-index:3;
  animation:recPulse 1.5s infinite;
}
.speakerCard.recording .speakerAvatar{box-shadow:0 0 0 3px #e74c3c, 0 0 18px rgba(231,76,60,.5)}
.speakerCard .musicOnlyBadge{
  position:absolute;top:-5px;right:50%;transform:translateX(50%);
  min-width:30px;height:24px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;gap:3px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#050505;border:2px solid #000;
  font-size:13px;font-weight:900;z-index:4;
  box-shadow:0 0 14px rgba(227,181,74,.45);
}
.speakerCard .musicOnlyBadge:before{content:"♪";font-size:15px;line-height:1}
@keyframes recPulse{0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,.7)}50%{box-shadow:0 0 0 6px rgba(231,76,60,0)}}
@keyframes slideIn{from{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.speakerCard .nm{font-size:13px;color:#fff;font-weight:600;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.speakerCard .rl{font-size:10px;color:var(--gold);font-weight:700;margin-top:-2px}

/* Beautiful divider between speakers and listeners */
.roomDivider{
  display:flex;align-items:center;gap:14px;
  margin:28px 6px 18px;
  color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;
}
.roomDivider::before, .roomDivider::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,181,74,.4),transparent);
}
.roomDivider .dividerLabel{
  white-space:nowrap;
  background:rgba(227,181,74,.08);
  padding:5px 14px;
  border-radius:14px;
  border:1px solid rgba(227,181,74,.25);
}

.listenersGrid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px 6px;
  padding:0 6px;
}
.listenerCard{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  cursor:pointer;text-align:center;position:relative;
  padding:4px 2px;border-radius:10px;transition:.2s;
}
.listenerCard:hover{background:rgba(227,181,74,.08)}
.listenerAvatar{
  width:54px;height:54px;border-radius:50%;background:#1a1a1a;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);font-weight:700;
  overflow:hidden;border:2px solid rgba(255,255,255,.08);
  position:relative;
}
.listenerAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.listenerCard.handRaised .listenerAvatar::after{
  content:"↑";position:absolute;top:-4px;right:-4px;font-size:14px;color:#000;font-weight:900;
  background:var(--gold);width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:2px solid #000;
}
.listenerCard .nm{font-size:11px;color:#ccc;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.handRequestsCompact{
  margin:10px 6px 4px;
  border:1px solid rgba(227,181,74,.24);
  border-radius:14px;
  background:rgba(0,0,0,.22);
  overflow:hidden;
}
.handRequestsCompact .hrSummary{
  width:100%;min-height:44px;padding:8px 10px;border:0;
  display:flex;align-items:center;gap:8px;justify-content:space-between;
  background:rgba(227,181,74,.07);color:#fff;cursor:pointer;text-align:right;
}
.handRequestsCompact .hrSummary b{color:var(--gold);font-size:13px}
.handRequestsCompact .hrSummary small{color:var(--muted);font-size:11px}
.handRequestsCompact .hrAvatars{display:flex;align-items:center;gap:0;direction:ltr}
.handRequestsCompact .hrAvatars .miniAv{
  width:24px;height:24px;border-radius:50%;border:2px solid #080808;
  margin-left:-7px;background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;overflow:hidden;
}
.handRequestsCompact .hrAvatars .miniAv:first-child{margin-left:0}
.handRequestsCompact .hrAvatars .miniAv img{width:100%;height:100%;object-fit:cover}
.handRequestsCompact .hrPanel{display:none;padding:8px;max-height:240px;overflow:auto}
.handRequestsCompact.open .hrPanel{display:grid;gap:7px}
.handRequestsCompact.inline .hrPanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:none}
.handRequestRow{
  display:flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.08);border-radius:12px;
  padding:7px;background:rgba(255,255,255,.035);min-width:0;
}
.handRequestRow .hrAv{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:12px;overflow:hidden;
}
.handRequestRow .hrAv img{width:100%;height:100%;object-fit:cover}
.handRequestRow .hrName{flex:1;min-width:0;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.handRequestRow .hrAct{display:flex;gap:5px;flex-shrink:0}
.handRequestRow .hrAct button{
  width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;
}
.handRequestRow .hrAct .ok{background:#2ecc71;color:#000}
.handRequestRow .hrAct .no{background:transparent;color:#ccc;border:1px solid rgba(255,255,255,.18)}

/* User action sheet (when tapping a participant) */
.actionSheet{
  position:fixed;inset:0;z-index:1700;
  background:rgba(0,0,0,.65);backdrop-filter:blur(4px);
  display:flex;align-items:flex-end;justify-content:center;
  animation:fadeIn .2s;
}
.actionSheet .panel{
  background:var(--card);border-top:2px solid var(--gold);
  border-radius:18px 18px 0 0;
  width:100%;max-width:480px;padding:14px 16px 24px;
  animation:slideUp .25s ease-out;
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.actionSheet .userInfo{display:flex;align-items:center;gap:12px;padding:6px 0 14px;border-bottom:1px solid var(--border)}
.actionSheet .userInfo .avatar{width:54px;height:54px;font-size:22px}
.actionSheet .userInfoText{flex:1;min-width:0}
.actionSheet .userInfo .nm{font-weight:800;color:var(--gold);font-size:16px}
.actionSheet .userInfo .rl{color:#888;font-size:12px;margin-top:2px}
.stageFollowPill{
  flex:0 0 auto;min-width:74px;height:34px;border-radius:999px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#050505;border:0;font-size:12px;font-weight:900;
  box-shadow:0 10px 22px rgba(227,181,74,.16);
}
.stageFollowPill.following,.stageFollowPill:disabled{
  background:rgba(227,181,74,.10);color:var(--gold);
  border:1px solid rgba(227,181,74,.30);box-shadow:none;
}
.actionSheet button.act{
  display:flex;align-items:center;gap:12px;width:100%;padding:13px 8px;
  font-size:15px;color:#fff;border-radius:10px;text-align:right;background:none;
}
.actionSheet button.act:hover{background:var(--card2)}
.actionSheet button.act .ico{
  width:34px;height:34px;border-radius:50%;background:var(--card2);
  display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold);
}
.actionSheet button.act .ico .iMic{transform:scale(.5)}
.actionSheet button.act.danger{color:#ff7676}
.actionSheet button.act.danger .ico{background:rgba(231,76,60,.2);color:#e74c3c}
.actionSheet .closeAS{
  display:block;width:100%;margin-top:10px;padding:13px;
  background:var(--card2);border-radius:10px;color:var(--muted);text-align:center;font-weight:700;
}

/* Bottom controls (Clubhouse-style action bar) */
.roomControls{
  background:transparent;
  padding:6px 14px 2px;
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:0;
  position:relative; z-index:40;
}
.roomControls .ctrlBtn{
  flex:1;padding:11px 8px;border-radius:24px;
  background:var(--card2);color:var(--gold);font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;gap:6px;
  cursor:pointer;transition:.15s;border:none;
}
.roomControls .ctrlBtn:hover{background:rgba(227,181,74,.15)}
.roomControls .ctrlBtn.danger{background:var(--card2);color:var(--muted)}
.roomControls .ctrlBtn.danger:hover{background:rgba(227,181,74,.15);color:var(--gold)}
.roomControls .ctrlBtn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}
.roomControls .ctrlBtn.mic{flex:0 0 56px;height:56px;padding:0;border-radius:50%;font-size:22px}
.roomControls .ctrlBtn.icon{flex:0 0 46px;height:46px;padding:0;border-radius:50%;font-size:18px}
/* مايك مكتوم = رمادي بحدود ذهبية */
.roomControls .ctrlBtn.mic.muted{
  background:#2a2a2a;color:#888;
  border:2px solid rgba(227,181,74,.3);
}
/* مايك مفتوح = ذهبي */
.roomControls .ctrlBtn.mic.unmuted{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;
  box-shadow:0 0 14px rgba(227,181,74,.5);
}
.musicSwitchItem{gap:10px!important;align-items:center}
.musicSwitchItem #musicUnifiedLabel{flex:1;min-width:0}
.algalaaSwitch{width:50px;height:28px;position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer}
.algalaaSwitch input{display:none}
.algalaaSwitch b{position:absolute;inset:0;border-radius:999px;background:#2a2a2a;border:1px solid rgba(227,181,74,.22);box-shadow:inset 0 1px 4px rgba(0,0,0,.45);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.algalaaSwitch b:before{content:"";position:absolute;width:22px;height:22px;top:2px;right:2px;border-radius:50%;background:#777;box-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .18s ease,background .18s ease}
.algalaaSwitch input:checked + b{background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:rgba(243,210,122,.85);box-shadow:0 0 14px rgba(227,181,74,.28)}
.algalaaSwitch input:checked + b:before{transform:translateX(-22px);background:#111}
.algalaaSwitch input:disabled + b{opacity:.65;cursor:wait}
.radioStageRoom{min-height:calc(100vh - 190px);display:flex;align-items:center;justify-content:center;padding:34px 12px 90px}
.radioStageCard{width:min(560px,94vw);text-align:center;background:linear-gradient(180deg,rgba(31,31,31,.96),rgba(15,15,15,.96));border:1px solid rgba(227,181,74,.28);border-radius:22px;padding:28px 18px;box-shadow:0 18px 50px rgba(0,0,0,.38)}
.radioStageAvatar{width:124px;height:124px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--gold);background:#0b0b0b;display:flex;align-items:center;justify-content:center;box-shadow:0 0 34px rgba(227,181,74,.22)}
.radioStageAvatar img{width:88px;height:88px;object-fit:contain}
.radioStageTitle{color:var(--gold);font-weight:900;font-size:20px;margin-bottom:5px}
.radioStageMeta{color:#aaa;font-size:12px;margin-bottom:16px}
.radioPlayer{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.radioBroadcastStatus{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#aaa;font-size:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 14px}
.radioBroadcastStatus .dot{width:8px;height:8px;border-radius:50%;background:#666;box-shadow:0 0 0 rgba(227,181,74,0)}
.radioBroadcastStatus.playing{color:var(--gold);border-color:rgba(227,181,74,.28);background:rgba(227,181,74,.08)}
.radioBroadcastStatus.playing .dot{background:var(--gold);box-shadow:0 0 12px rgba(227,181,74,.8)}
.radioStageCluster{display:grid;grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr);grid-template-areas:"left host right";align-items:center;gap:12px;max-width:min(760px,96vw);margin:0 auto;direction:ltr}
.radioStageCluster .speakerCard{grid-area:host}
.radioStationColumn{display:grid;gap:7px;align-content:center;direction:rtl}
.radioStationColumn.right{grid-area:right}
.radioStationColumn.left{grid-area:left}
.radioStationDock{display:contents}
.radioStationBtn{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:34px;width:100%;padding:6px 10px;border-radius:12px;border:1px solid rgba(227,181,74,.2);background:rgba(255,255,255,.035);color:#bbb;font-weight:800;font-size:11px;line-height:1.35;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;color:inherit;overflow:visible;touch-action:manipulation;text-align:right;white-space:normal;word-break:normal;overflow-wrap:break-word}
.radioStationBtn span:last-child{white-space:normal;overflow:visible;text-overflow:clip;min-width:0}
.radioStationBtn:active{transform:scale(.97);background:rgba(227,181,74,.11)}
.radioStationBtn.active{background:rgba(227,181,74,.14);border-color:rgba(227,181,74,.55);color:var(--gold);box-shadow:0 0 12px rgba(227,181,74,.12)}
.radioStationBtn .stationDot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:0 0 auto}
@media(max-width:720px){
  .radioStageCluster{grid-template-columns:1fr 1fr;grid-template-areas:"host host" "right left";gap:9px}
  .radioStageCluster .speakerCard{max-width:180px;margin:0 auto}
  .radioStationBtn{min-height:32px;font-size:10.5px;padding:6px 8px}
}
.roomControls .ctrlBtn.radioMic{flex:0 0 56px;height:56px;padding:0;border-radius:50%;font-size:22px;border:2px solid rgba(227,181,74,.3);background:#2a2a2a;color:#888}
.roomControls .ctrlBtn.radioMic.playing{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;box-shadow:0 0 14px rgba(227,181,74,.5)}
@keyframes micGlow{50%{box-shadow:0 0 24px rgba(227,181,74,.9)}}

/* ===== شات عائم فوق منطقة المقاعد، يتلاشى للأعلى (تكتوك ستايل) ===== */
.roomChatInline{
  position:absolute; left:0; right:0;
  bottom:calc(58px + env(safe-area-inset-bottom,0px)); /* فوق صف الأدوات مباشرة */
  height:34vh; max-height:300px; z-index:6;
  display:flex; flex-direction:column; justify-content:flex-end; padding:0 12px;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to top, #000 70%, transparent);
          mask-image:linear-gradient(to top, #000 70%, transparent);
}
.roomChatStream{
  overflow-y:auto; display:flex; flex-direction:column; gap:7px; padding:8px 0;
  scrollbar-width:none; pointer-events:auto;
}
.roomChatStream::-webkit-scrollbar{ display:none; }
.roomChatStream .rm{
  background:rgba(20,17,12,.72); padding:7px 12px; border-radius:14px;
  font-size:13px; line-height:1.5; align-self:flex-start; max-width:88%;
  word-break:break-word; border:1px solid rgba(227,181,74,.1);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.roomChatStream .rm b{ color:var(--gold); font-size:11.5px; }

/* ===== صف الأدوات (ثابت أسفل، لا يحرّك المقاعد) ===== */
.roomActionBar{
  position:relative; z-index:40; flex-shrink:0;
  padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 10px);
  background:linear-gradient(to top, var(--surface) 60%, transparent);
}
.roomChatComposer{ display:flex; gap:7px; align-items:center; }
.roomChatComposer input{
  flex:1; background:rgba(34,27,20,.9); border:1px solid var(--border2); border-radius:20px;
  padding:9px 14px; color:var(--text); font-size:13px;
}
.roomChatComposer .rabIcon{
  width:36px; height:36px; border-radius:50%; background:rgba(34,27,20,.9); border:1px solid var(--border2);
  color:var(--gold); flex-shrink:0; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:transform .1s,background .15s;
}
.roomChatComposer .rabIcon:active{ transform:scale(.9); }
.roomChatComposer .rabIcon.mic.micOn{ background:var(--gold-grad); color:#0a0a0a; border-color:transparent; }
.roomChatComposer .rabIcon.mic.micOff{ background:rgba(224,85,106,.16); color:var(--danger); border-color:rgba(224,85,106,.3); }
.roomChatComposer .rabSend{
  width:36px; height:36px; border-radius:50%; background:var(--gold-grad); color:#0a0a0a;
  border:none; flex-shrink:0; cursor:pointer; display:flex; align-items:center; justify-content:center;
}

/* المقاعد تأخذ المساحة كاملة، الشات يطفو فوقها */
.roomBody{ padding-bottom:calc(34vh + 70px) !important; }

/* ===== شيت أدوات الغرفة (هدايا/أعضاء) ===== */
.roomToolSheet{
  position:absolute; left:0; right:0; bottom:0; z-index:1200;
  background:var(--elev); border-radius:22px 22px 0 0; box-shadow:0 -12px 44px rgba(0,0,0,.6);
  max-height:70%; display:none; flex-direction:column;
  transform:translateY(100%); transition:transform .25s ease;
}
.roomToolSheet.show{ display:flex; }
.roomToolSheet.open{ transform:translateY(0); }
.roomToolSheet .rsHandle{ width:40px; height:4px; background:#3a3a42; border-radius:3px; margin:10px auto 4px; }
.roomToolSheet .rsHead{ display:flex; align-items:center; justify-content:space-between; padding:6px 18px 12px; border-bottom:1px solid var(--border); }
.roomToolSheet .rsHead h4{ color:var(--gold); font-size:15px; }
.roomToolSheet .rsClose{ background:none; border:none; color:var(--muted); font-size:24px; cursor:pointer; }
.roomToolSheet .rsBody{ overflow-y:auto; padding:14px 16px calc(env(safe-area-inset-bottom,0px)+16px); }
.rsEmpty,.rsEmpty{ text-align:center; color:var(--muted); padding:20px; font-size:13px; }

/* الهدايا */
.giftCoins{ text-align:center; color:var(--text2); font-size:13px; margin-bottom:12px; }
.giftCoins b{ color:var(--gold); font-size:16px; }
.giftTargets{ display:flex; gap:10px; overflow-x:auto; padding-bottom:12px; margin-bottom:6px; }
.giftTarget{ background:none; border:none; display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; flex-shrink:0; opacity:.6; }
.giftTarget.sel{ opacity:1; }
.giftTarget .gtAv{ width:50px; height:50px; border-radius:50%; overflow:hidden; border:2px solid transparent; background:var(--gold-grad); display:flex; align-items:center; justify-content:center; font-weight:800; color:#000; }
.giftTarget.sel .gtAv{ border-color:var(--gold); box-shadow:var(--shadow-gold); }
.giftTarget .gtAv img{ width:100%; height:100%; object-fit:cover; }
.giftTarget span{ font-size:11px; color:var(--text2); max-width:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.giftGrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.giftItem{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:12px 6px; display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; transition:border-color .15s,transform .1s; }
.giftItem:active{ transform:scale(.93); }
.giftItem:hover{ border-color:var(--gold); }
.giftItem .giEmoji{ font-size:30px; }
.giftItem .giName{ font-size:11px; color:var(--text2); }
.giftItem .giCost{ font-size:11px; color:var(--gold); font-weight:700; }

/* الأعضاء */
.memberList{ display:flex; flex-direction:column; gap:4px; }
.memberRow{ display:flex; align-items:center; gap:12px; padding:9px 6px; border-radius:12px; cursor:pointer; }
.memberRow:hover{ background:var(--card); }
.memberRow .mrAv{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:var(--gold-grad); display:flex; align-items:center; justify-content:center; font-weight:800; color:#000; flex-shrink:0; }
.memberRow .mrAv img{ width:100%; height:100%; object-fit:cover; }
.memberRow .mrName{ flex:1; font-size:14px; color:var(--text); }
.memberRow .mrRole{ font-size:11px; padding:3px 10px; border-radius:10px; background:var(--card2); color:var(--muted); }
.memberRow .mrRole.host{ background:var(--gold-soft); color:var(--gold); }
.memberRow .mrRole.moderator{ background:rgba(157,123,255,.15); color:var(--accent); }

/* أنيميشن الهدايا فوق الغرفة */
.roomGiftLayer{ position:absolute; left:0; right:0; bottom:170px; z-index:900; pointer-events:none; display:flex; flex-direction:column; align-items:center; gap:8px; }
.giftFloat{ display:flex; align-items:center; gap:10px; background:rgba(20,20,26,.9); border:1px solid var(--gold-soft); border-radius:30px; padding:8px 16px 8px 8px; animation:giftFloatIn .4s ease, giftFloatOut .5s ease 3s forwards; }
.giftFloat .gfEmoji{ font-size:34px; animation:giftSpin 1s ease; }
.giftFloat .gfText{ font-size:12px; color:var(--text); line-height:1.4; }
.giftFloat .gfText b{ color:var(--gold); }
@keyframes giftFloatIn{ from{ transform:translateY(30px) scale(.7); opacity:0; } to{ transform:translateY(0) scale(1); opacity:1; } }
@keyframes giftFloatOut{ to{ transform:translateY(-30px); opacity:0; } }
@keyframes giftSpin{ from{ transform:rotate(-20deg) scale(.5); } to{ transform:rotate(0) scale(1); } }

/* Mini-bar (collapsed state) */
.roomMini{
  position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:14px;right:14px;
  z-index:998;
  background:linear-gradient(135deg,#2a1a00,#1a0f00);
  border:1px solid var(--gold);
  border-radius:16px;padding:10px 12px;
  display:none;align-items:center;gap:10px;
  box-shadow:0 8px 24px rgba(227,181,74,.3);
  animation:miniSlide .25s ease-out;
  cursor:pointer;
}
.roomMini.show{display:flex}
@keyframes miniSlide{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}
.roomMini .miniDot{width:10px;height:10px;background:#e74c3c;border-radius:50%;animation:livePulse 1.5s infinite;flex-shrink:0}
.roomMini .miniInfo{flex:1;min-width:0}
.roomMini .miniInfo .t{color:var(--gold);font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roomMini .miniInfo .s{color:#aaa;font-size:11px}
.roomMini .miniMic{width:38px;height:38px;border-radius:50%;background:#2a2a2a;color:#888;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(227,181,74,.3);cursor:pointer}
.roomMini .miniMic.unmuted{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;animation:micGlow 1.4s infinite}
.roomMini .miniLeave{width:38px;height:38px;border-radius:50%;background:rgba(231,76,60,.2);color:#e74c3c;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;font-weight:900}

@media(max-width:380px){
  .speakersGrid{grid-template-columns:repeat(4,1fr)}
  .listenersGrid{grid-template-columns:repeat(5,1fr)}
  .speakerAvatar{width:58px;height:58px}
  .speakerCard .micBadge{top:52px;right:calc(50% - 33px)}
  .roomControls{gap:6px;padding-left:10px;padding-right:10px}
  .roomControls .ctrlBtn{font-size:12px;padding:10px 6px}
  .roomControls .ctrlBtn.mic{flex-basis:52px;width:52px;height:52px}
  .roomControls .ctrlBtn.icon{flex-basis:42px;width:42px;height:42px}
}


.profileTopActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px auto 8px;max-width:430px}
.profileTopActions .profileBtn{margin:0;min-height:40px;font-size:12.5px;border-radius:15px;padding:10px 8px!important}
.profileMainActions{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:9px;width:100%;max-width:430px;margin:0 auto}
.profileMainActions .profileBtn{margin:0;min-height:44px;border-radius:15px}
.profileAdminIcon{position:absolute;top:12px;right:12px;left:auto;width:40px;height:40px;border-radius:15px;border:1px solid rgba(227,181,74,.42);background:linear-gradient(145deg,rgba(227,181,74,.18),rgba(0,0,0,.58));color:var(--gold);display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);z-index:8;backdrop-filter:blur(10px)}
.profileAdminIcon svg{width:20px;height:20px;stroke:currentColor}
.profileAdminIcon .cnt{position:absolute;top:-6px;left:-6px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border-radius:999px;font-size:10px;font-weight:900;min-width:19px;height:19px;display:grid;place-items:center;border:2px solid #151515}
.profileAdminIcon:hover{filter:brightness(1.08);transform:translateY(-1px)}
.profile .pAvatar{position:relative;cursor:pointer}.profile .pAvatar:after{content:'📷';position:absolute;right:4px;bottom:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;font-size:14px;border:2px solid #111;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.profile .cover{cursor:pointer}.profile .cover:before{content:'تعديل الغلاف';position:absolute;left:14px;top:14px;z-index:2;background:rgba(0,0,0,.52);border:1px solid rgba(227,181,74,.28);color:var(--gold);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}
.avatar,.profile .pAvatar,.editAvatarPreview,.speakerAvatar,.listenerAvatar,.story > div,.storyViewer .head .av,.callScreen .cAvatar{aspect-ratio:1/1;flex:0 0 auto;overflow:hidden;border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}
.avatar img,.profile .pAvatar img,.editAvatarPreview img,.speakerAvatar img,.listenerAvatar img,.story > div img,.storyViewer .head .av img,.callScreen .cAvatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile .cover,.editCoverPreview{-webkit-transform:translateZ(0);transform:translateZ(0)}
@supports (-webkit-touch-callout:none){
  .profile .pAvatar{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important}
  .speakerAvatar{min-width:60px!important;min-height:60px!important}
  .listenerAvatar{min-width:46px!important;min-height:46px!important}
}
.msgTabs{transform:scale(.94);transform-origin:top center;margin-inline:-6px}.msgTab svg{width:16px;height:16px;vertical-align:-3px;margin-inline-end:3px}
.toast{max-width:min(92vw,430px);right:50%!important;left:auto!important;transform:translateX(50%);bottom:calc(env(safe-area-inset-bottom,0px) + 86px)!important;border-radius:18px!important;background:rgba(18,18,18,.92)!important;backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.42);z-index:10050!important;padding:12px 16px!important;text-align:center;font-weight:900}
.chatItem.unread{background:linear-gradient(90deg,rgba(227,181,74,.12),rgba(255,255,255,.02))}.chatItem .newBadge{background:var(--gold);color:#111;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}
body:not(.rooms-view-active) .roomMini.show{display:none!important}.roomMini{bottom:calc(env(safe-area-inset-bottom,0px) + 72px);left:12px;right:12px;max-width:560px;margin:auto;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.42);z-index:990}
.wgLobby{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(227,181,74,.18),rgba(0,0,0,.76));backdrop-filter:blur(10px)}.wgLobby.hidden{display:none}.wgLobbyBox{width:min(92vw,460px);border:1px solid rgba(227,181,74,.32);border-radius:28px;background:linear-gradient(180deg,#17120b,#070707);padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.wgLobbyGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wgLobby button,.wgLobby input{border:1px solid rgba(227,181,74,.25);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;padding:13px;font-weight:900;font-family:inherit}.wgLobby .gold{background:linear-gradient(135deg,var(--gold),#8b6a18);color:#111}.wgRoomCode{font-size:32px;color:var(--gold);letter-spacing:6px;text-align:center;font-weight:900;margin:10px 0}.wgCodeInput{width:100%;text-align:center;font-size:22px;letter-spacing:8px}.wgMeta{position:absolute;top:72px;right:14px;z-index:4;background:rgba(0,0,0,.42);border:1px solid rgba(227,181,74,.25);border-radius:999px;padding:7px 11px;color:#ffe9a0;font-weight:900;font-size:12px}
@media(max-width:520px){.profileTopActions{grid-template-columns:1fr 1fr}.profileTopActions .profileBtn{font-size:11.5px;padding:9px 6px!important}.profileBtn{font-size:12px;padding:10px 9px!important}.profileCard{margin-left:12px;margin-right:12px;padding:18px 14px}.profile .pAvatar{width:112px;height:112px}.bottomNav button span{font-size:10px}.bottomNav button{padding:7px 3px}.wgLobbyGrid{grid-template-columns:1fr}}


/* profileModerationButtonsFinalPolish */
/* Final profile/admin-center polish: keep changes limited to profile buttons and moderation overlay */
#view_profile .profileCard{position:relative!important;overflow:visible!important;padding:18px 14px!important;border-radius:22px!important}
#view_profile .androidDownload{width:100%!important;margin:0!important;padding:0!important}
#view_profile .profileTopActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:430px!important;margin:14px auto 10px!important;align-items:stretch!important}
#view_profile .profileTopActions.single{grid-template-columns:minmax(0,1fr)!important}
#view_profile .profileTopActions .profileBtn,
#view_profile .profileMainActions .profileBtn,
#view_profile #pActs>.profileBtn{min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important;white-space:nowrap!important;text-decoration:none!important;box-sizing:border-box!important;background:linear-gradient(180deg,#191919,#0d0d0d)!important;border:1px solid rgba(227,181,74,.22)!important;color:#f5db76!important;box-shadow:0 10px 24px rgba(0,0,0,.25)!important}
#view_profile .profileTopActions .profileBtn.primary,
#view_profile .profileMainActions .profileBtn.primary,
#view_profile #pActs>.profileBtn.primary{background:linear-gradient(135deg,#e3b54a,#8f6a17)!important;color:#080808!important;border-color:rgba(255,232,136,.55)!important}
#view_profile .profileMainActions{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:10px!important;width:100%!important;max-width:430px!important;margin:10px auto 0!important;align-items:center!important}
#view_profile .profileMainActions #ownProfileMenuBtn{font-size:24px!important;padding:0!important;letter-spacing:1px!important}
#view_profile .pActs{display:block!important;width:100%!important;margin-top:10px!important;padding:0!important;position:static!important}
#view_profile #profileModerationCorner.profileAdminIcon{display:grid!important;position:absolute!important;top:12px!important;right:12px!important;left:auto!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:15px!important;background:linear-gradient(145deg,#080808,#17120a 62%,#251a05)!important;border:1.6px solid rgba(245,219,118,.88)!important;color:#f5db76!important;box-shadow:0 0 0 2px rgba(227,181,74,.10),0 14px 34px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,232,136,.10)!important;z-index:55!important;place-items:center!important;padding:0!important}
#view_profile #profileModerationCorner.profileAdminIcon svg{width:22px!important;height:22px!important;stroke:#f5db76!important}
#view_profile #profileModerationCorner.profileAdminIcon .cnt{position:absolute!important;top:-7px!important;left:-7px!important;right:auto!important;min-width:20px!important;height:20px!important;border-radius:999px!important;background:#e3b54a!important;color:#050505!important;border:2px solid #050505!important;font-size:11px!important;font-weight:900!important;display:grid!important;place-items:center!important}
#view_profile .profileAdminIcon:not(#profileModerationCorner){display:none!important}
#view_profile .moderationFullPage{position:fixed!important;inset:0!important;z-index:10000!important;background:linear-gradient(180deg,#090909,#000)!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(env(safe-area-inset-bottom,0px) + 18px)!important;overflow:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#view_profile .moderationFullPage:before,#view_profile .moderationFullPage:after{display:none!important;content:none!important}
#view_profile .moderationHead{position:sticky!important;top:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(9,9,9,.98),rgba(9,9,9,.86))!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(227,181,74,.20)!important;border-radius:18px!important;padding:12px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
#view_profile .moderationTitle{color:#f5db76!important;font-size:19px!important;font-weight:900!important}
#view_profile .moderationHeadActions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
#view_profile .moderationHeadActions .profileBtn{width:40px!important;height:40px!important;min-height:40px!important;border-radius:14px!important;padding:0!important;margin:0!important;font-size:20px!important;background:#111!important;color:#f5db76!important;border:1px solid rgba(227,181,74,.35)!important;display:grid!important;place-items:center!important}
#view_profile .moderationCloseBtn{font-size:26px!important;background:linear-gradient(135deg,#e3b54a,#8f6a17)!important;color:#050505!important;border-color:rgba(255,232,136,.60)!important}
#view_profile .moderationLoading{min-height:220px!important;display:grid!important;place-items:center!important;color:#f5db76!important;font-weight:900!important}
@media(max-width:520px){
  #view_profile .profileTopActions{gap:8px!important;margin-top:12px!important}
  #view_profile .profileTopActions .profileBtn,#view_profile .profileMainActions .profileBtn{height:42px!important;min-height:42px!important;border-radius:15px!important;font-size:12.2px!important;padding:0 8px!important}
  #view_profile .profileMainActions{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important}
  #view_profile #profileModerationCorner.profileAdminIcon{width:40px!important;height:40px!important;top:10px!important;right:10px!important}
}

/* moderationCenterRootFix */
#moderationCenterOverlay.moderationFullPage{position:fixed!important;inset:0!important;z-index:2147483000!important;background:linear-gradient(180deg,#080808,#000)!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 12px calc(env(safe-area-inset-bottom,0px) + 18px)!important;overflow:auto!important;display:block!important;border:0!important;border-radius:0!important;margin:0!important}
#moderationCenterOverlay.hidden{display:none!important}
#moderationCenterOverlay .moderationHead{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#080808,#080808cc);backdrop-filter:blur(10px);padding:4px 0 12px;margin-bottom:10px}
#moderationCenterOverlay .moderationCloseBtn{min-width:42px!important;width:42px!important;height:42px!important;border-radius:14px!important;font-size:24px!important;line-height:1!important;color:#f5db76!important;border-color:rgba(227,181,74,.45)!important;background:rgba(227,181,74,.08)!important}
body.modalOpen{overflow:hidden!important}

/* profileVisitorInstagramProFinalFix */
/* إصلاح نهائي لتنسيق البروفايل: إخفاء أدوات تعديل الصورة/الغلاف عن الزائر وترتيب الأزرار بشكل احترافي */
#view_profile:not(.isOwnProfile) .cover{cursor:default!important;pointer-events:none!important}
#view_profile:not(.isOwnProfile) .cover:before{display:none!important;content:none!important}
#view_profile:not(.isOwnProfile) .pAvatar{cursor:default!important;pointer-events:none!important}
#view_profile:not(.isOwnProfile) .pAvatar.liveRoomAvatar{cursor:pointer!important;pointer-events:auto!important}
#view_profile:not(.isOwnProfile) .pAvatar.liveRoomAvatar .liveRoomJump{pointer-events:auto!important}
#view_profile:not(.isOwnProfile) .pAvatar:after{display:none!important;content:none!important}
#view_profile.isOwnProfile .cover{cursor:pointer!important}
#view_profile.isOwnProfile .pAvatar{cursor:pointer!important}
#view_profile .pActs{width:100%!important;margin-top:12px!important;padding:0!important}
#view_profile .profileVisitorActions{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) 46px!important;gap:9px!important;width:100%!important;max-width:430px!important;margin:0 auto!important;align-items:center!important}
#view_profile .profileVisitorActions.hasModeration{grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr) minmax(0,.78fr) 46px!important}
#view_profile .profileVisitorActions .profileBtn{height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;box-sizing:border-box!important;background:linear-gradient(180deg,#202020,#111)!important;border:1px solid rgba(255,255,255,.10)!important;color:#f1f1f1!important;box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important}
#view_profile .profileVisitorActions .profileBtn.primary{background:linear-gradient(135deg,#f5db76,#e3b54a 52%,#9b741d)!important;color:#070707!important;border-color:rgba(255,232,136,.75)!important;box-shadow:0 14px 30px rgba(227,181,74,.22),inset 0 1px 0 rgba(255,255,255,.28)!important}
#view_profile .profileVisitorActions .profileBtn.following{background:linear-gradient(180deg,#262626,#171717)!important;color:#e7e7e7!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
#view_profile .profileVisitorActions .profileBtn.iconOnly{width:46px!important;min-width:46px!important;padding:0!important;font-size:24px!important;letter-spacing:1px!important;color:#f5db76!important;background:linear-gradient(180deg,#181818,#0b0b0b)!important;border-color:rgba(227,181,74,.28)!important}
#view_profile .profileVisitorActions .profileBtn:active{transform:scale(.985)!important;filter:brightness(1.04)!important}
@media(max-width:390px){
  #view_profile .profileVisitorActions{grid-template-columns:minmax(0,1fr) minmax(0,.86fr) 42px!important;gap:7px!important}
  #view_profile .profileVisitorActions.hasModeration{grid-template-columns:minmax(0,1fr) minmax(0,.78fr) 42px!important;grid-auto-rows:42px!important}
  #view_profile .profileVisitorActions.hasModeration .profileBtn:nth-child(3){grid-column:1/3!important}
  #view_profile .profileVisitorActions.hasModeration .profileBtn.iconOnly{grid-column:3!important;grid-row:1!important}
  #view_profile .profileVisitorActions .profileBtn{height:42px!important;min-height:42px!important;border-radius:13px!important;font-size:12.2px!important;padding:0 8px!important}
  #view_profile .profileVisitorActions .profileBtn.iconOnly{width:42px!important;min-width:42px!important;font-size:22px!important}
}

/* smartRefreshMicGlowFinal */
#view_profile .pAvatar.role-vip{box-shadow:0 0 0 2px rgba(227,181,74,.62),0 0 16px rgba(227,181,74,.24)!important}
#view_profile .pAvatar.role-artist,#view_profile .pAvatar.role-media,#view_profile .pAvatar.role-famous{box-shadow:0 0 0 2px rgba(245,219,118,.64),0 0 18px rgba(245,219,118,.24)!important}
#view_profile .pAvatar.role-moderator{box-shadow:0 0 0 2px rgba(159,181,194,.62),0 0 16px rgba(159,181,194,.22)!important}
#view_profile .pAvatar.role-owner{box-shadow:0 0 0 2px rgba(245,219,118,.78),0 0 22px rgba(245,219,118,.30)!important}
.speakerCard.speaking .speakerAvatar{box-shadow:0 0 0 2px rgba(245,219,118,.96),0 0 20px rgba(227,181,74,.62),0 0 38px rgba(245,219,118,.42)!important;animation:speakingPulse .86s ease-in-out infinite!important}
.speakerCard.host.speaking .speakerAvatar{box-shadow:0 0 0 2px rgba(245,219,118,.98),0 0 22px rgba(227,181,74,.70),0 0 42px rgba(245,219,118,.48)!important}
.speakerCard.moderator.speaking .speakerAvatar{box-shadow:0 0 0 2px rgba(159,181,194,.96),0 0 20px rgba(159,181,194,.58),0 0 34px rgba(227,181,74,.24)!important}
.voiceBtn.recording{background:#e74c3c!important;color:#fff!important;animation:micGlow 1s infinite}
.voiceMsgBtn{background:rgba(227,181,74,.12);border:1px solid rgba(227,181,74,.28);color:var(--gold);border-radius:999px;padding:8px 12px;font-weight:900}
#roomDropdown,.profileMenu,#profileDropdown,#userModerationDropdown,#durationActionDropdown{max-height:min(72dvh,520px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain}

/* algalaa-music-chat-follow-stability-patch */
.chatItem{position:relative!important;padding-inline-end:58px!important}
.chatDeleteBtn{position:absolute;left:10px;bottom:10px;border:1px solid rgba(255,118,118,.25);background:rgba(70,20,20,.55);color:#ff9b9b;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;cursor:pointer;z-index:3}
.chatDeleteBtn:hover{background:rgba(120,28,28,.75);color:#fff}
#roomDropdown{transform-origin:top left;animation:roomDropSoft .12s ease-out;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@keyframes roomDropSoft{from{opacity:.2;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}

/* algalaa-final-shared-polish-style */
#algalaaPermanentMessagesNotice{display:none!important}
  #chatRoom .chatHead .actions button[onclick^="deleteConversationBox"]{display:none!important}
  #chatRoom .algalaa-permanent-chat-notice{
    margin:8px 10px 0;
    padding:9px 11px;
    border:1px solid rgba(227,181,74,.28);
    background:rgba(227,181,74,.08);
    color:var(--gold);
    border-radius:10px;
    font-size:12px;
    line-height:1.6;
    text-align:center;
    flex:0 0 auto;
  }
  #roomDropdown.algalaa-room-menu-under-dots,
  .room-menu.algalaa-room-menu-under-dots,
  .room-dropdown.algalaa-room-menu-under-dots,
  .room-options-menu.algalaa-room-menu-under-dots,
  .room-more-menu.algalaa-room-menu-under-dots{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:10020!important;
    max-width:min(260px,calc(100vw - 18px))!important;
  }
  .algalaa-devices-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px}
  .algalaa-devices-panel{width:min(430px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.5);overflow:hidden}
  .algalaa-devices-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);color:var(--gold);font-weight:900}
  .algalaa-devices-close{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px}
  .algalaa-device-row{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;display:flex;justify-content:space-between;gap:10px;align-items:center}
  .algalaa-device-row small{display:block;color:#999;margin-top:3px;font-size:11px}

/* algalaa-final-clean-audio-follow-avatar-style */
.uname-owner,.uname-moderator,.uname-artist,.uname-media,.uname-famous,.uname-vip,.uname-roommod{
    display:inline!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    line-height:inherit!important;
  }
  .avatar.vip,.avatar.famous,.avatar.artist,.avatar.media,
  .profile .pAvatar.role-vip,.profile .pAvatar.role-famous,.profile .pAvatar.role-artist,.profile .pAvatar.role-media,
  .speakerAvatar.role-vip,.speakerAvatar.role-famous,.speakerAvatar.role-artist,.speakerAvatar.role-media{
    box-shadow:0 0 0 2px rgba(227,181,74,.78),0 0 14px rgba(227,181,74,.25)!important;
    border-color:rgba(227,181,74,.78)!important;
  }
  .avatar.owner,.profile .pAvatar.role-owner,.speakerCard.host .speakerAvatar,.speakerAvatar.role-owner{
    box-shadow:0 0 0 2px rgba(245,219,118,.9),0 0 18px rgba(227,181,74,.35)!important;
    border-color:rgba(245,219,118,.9)!important;
    animation:algalaaOwnerAvatarGlow 2.6s ease-in-out infinite!important;
  }
  .avatar.moderator,.profile .pAvatar.role-moderator,.speakerCard.moderator .speakerAvatar,.speakerAvatar.role-moderator{
    box-shadow:0 0 0 2px rgba(159,181,194,.75),0 0 13px rgba(159,181,194,.24)!important;
    border-color:rgba(159,181,194,.78)!important;
  }
  @keyframes algalaaOwnerAvatarGlow{
    0%,100%{filter:brightness(1);box-shadow:0 0 0 2px rgba(245,219,118,.78),0 0 14px rgba(227,181,74,.25)}
    50%{filter:brightness(1.08);box-shadow:0 0 0 2px rgba(255,238,150,.96),0 0 22px rgba(227,181,74,.48)}
  }
  [data-follow-user].following,
  .profileBtn.following,
  .notifFollowBtn.following,
  .stageFollowPill.following,
  #view_profile .profileVisitorActions .profileBtn.following{
    background:linear-gradient(180deg,#242424,#151515)!important;
    color:var(--gold)!important;
    border-color:rgba(227,181,74,.45)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

/* algalaa-room-menu-final-clickable-style */
#roomDropdown{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:10050!important;
    min-width:210px!important;
    max-width:min(246px,calc(100vw - 16px))!important;
    max-height:min(72dvh,520px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #roomDropdown .profileMenuItem{
    min-height:44px!important;
    padding:11px 14px!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
	  #roomDropdown .profileMenuItem > *{pointer-events:auto!important}
	  #profileDropdown,#userModerationDropdown,#durationActionDropdown,
	  #roomDropdown,.room-menu,.room-dropdown,.room-options-menu,.room-more-menu,.stage-menu,.user-menu-popover,.room-context-menu{
	    box-sizing:border-box!important;
	    max-width:calc(100vw - 16px)!important;
	    max-height:min(72dvh,520px)!important;
	    overflow:auto!important;
	    -webkit-overflow-scrolling:touch!important;
	    overscroll-behavior:contain!important;
	  }
	  #profileDropdown .profileMenuItem,#userModerationDropdown .profileMenuItem,#durationActionDropdown .profileMenuItem,#roomDropdown .profileMenuItem{
	    min-width:0!important;
	    flex-wrap:wrap!important;
	    align-items:flex-start!important;
	    line-height:1.5!important;
	  }
	  #profileDropdown .profileMenuItem span,#userModerationDropdown .profileMenuItem span,#durationActionDropdown .profileMenuItem span,#roomDropdown .profileMenuItem span{
	    min-width:0!important;
	    overflow-wrap:normal!important;
	    word-break:normal!important;
	    white-space:normal!important;
	    line-height:1.5!important;
	    hyphens:none!important;
	  }
	  #profileDropdown .profileMenuItem span:not(:first-child),#userModerationDropdown .profileMenuItem span:not(:first-child),#durationActionDropdown .profileMenuItem span:not(:first-child),#roomDropdown .profileMenuItem span:not(:first-child){
	    flex:1 1 155px!important;
	  }
	  #roomDropdown select,#profileDropdown select,#userModerationDropdown select,#durationActionDropdown select{
	    max-width:100%!important;
	    flex:0 1 124px!important;
	  }
	  #actionSheet{
	    padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
	    box-sizing:border-box!important;
	  }
	  #actionSheet .panel,#actionSheetPanel{
	    width:min(480px,calc(100vw - 20px))!important;
	    max-height:min(82dvh,640px)!important;
	    overflow:auto!important;
	    box-sizing:border-box!important;
	    -webkit-overflow-scrolling:touch!important;
	    overscroll-behavior:contain!important;
	  }
	  .tabs{
	    overflow-x:auto!important;
	    overflow-y:hidden!important;
	    -webkit-overflow-scrolling:touch!important;
	    scrollbar-width:none!important;
	  }
	  .tabs::-webkit-scrollbar{display:none!important}
	  .tabs button{min-width:max-content!important;padding-inline:14px!important;white-space:nowrap!important}
	  @media(max-width:520px){
	    #roomDropdown .profileMenuItem,#profileDropdown .profileMenuItem,#userModerationDropdown .profileMenuItem,#durationActionDropdown .profileMenuItem{min-height:40px!important;padding:9px 10px!important;font-size:12.25px!important;gap:8px!important}
	    #roomDropdown select,#profileDropdown select,#userModerationDropdown select,#durationActionDropdown select{min-width:92px!important;width:100%!important;max-width:100%!important;font-size:12px!important;flex-basis:100%!important;margin-inline-start:28px!important;margin-top:4px!important}
	    #profileDropdown,#userModerationDropdown,#durationActionDropdown,#roomDropdown{border-radius:10px!important}
	    #actionSheet .panel,#actionSheetPanel{max-height:78dvh!important}
	  }

/* algalaa-v104-notice-menu-audio-fix */
.toast{pointer-events:none;will-change:opacity,transform;animation:toastIn .16s ease-out!important}
  .toast.toastOut{opacity:0!important;transform:translateX(50%) translateY(8px)!important;transition:opacity .16s ease,transform .16s ease}
  @keyframes toastIn{from{opacity:0;transform:translateX(50%) translateY(8px)}to{opacity:1}}
  .profileMenuItem,.actionSheet button,.stage-menu button,.roomControls .ctrlBtn,.audioRouteSheet button,.roomMini .miniTitle,.roomCardNew,.roomCardNew *{
    word-break:normal!important;overflow-wrap:normal!important;text-wrap:pretty;letter-spacing:normal!important
  }
  .profileMenuItem,.actionSheet button,.stage-menu button,.audioRouteSheet button{
    min-height:42px;line-height:1.5!important;white-space:normal!important;align-items:flex-start!important;flex-wrap:wrap!important;font-size:13px!important
  }
  .profileMenuItem span,.actionSheet button span,.stage-menu button span,.audioRouteSheet button span{
    min-width:0;white-space:normal!important;line-height:1.5!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important
  }
  #roomDropdown .profileMenuItem,#profileDropdown .profileMenuItem,#userModerationDropdown .profileMenuItem,#durationActionDropdown .profileMenuItem{
    width:100%!important;box-sizing:border-box!important;overflow:visible!important;text-overflow:clip!important
  }
  #roomDropdown .profileMenuItem span:not(:first-child),#profileDropdown .profileMenuItem span:not(:first-child),#userModerationDropdown .profileMenuItem span:not(:first-child),#durationActionDropdown .profileMenuItem span:not(:first-child){
    flex:1 1 155px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important
  }
  #roomDropdown select,#profileDropdown select,#userModerationDropdown select,#durationActionDropdown select,
  #roomDropdown input,#profileDropdown input,#userModerationDropdown input,#durationActionDropdown input{
    max-width:100%!important;min-width:108px!important;box-sizing:border-box!important;flex:0 1 128px!important
  }
  #roomDropdown,#profileDropdown,#userModerationDropdown,#durationActionDropdown{
    min-width:240px!important;width:max-content!important;max-width:min(92vw,360px)!important
  }
  @media(max-width:520px){
    .profileMenuItem,.actionSheet button,.stage-menu button,.audioRouteSheet button{font-size:12.25px!important}
    #roomDropdown select,#profileDropdown select,#userModerationDropdown select,#durationActionDropdown select,
    #roomDropdown input,#profileDropdown input,#userModerationDropdown input,#durationActionDropdown input{
      width:100%!important;flex-basis:100%!important;margin-inline-start:28px!important;margin-top:4px!important
    }
  }
  .roomControls .ctrlBtn{line-height:1.25!important}

/* algalaa-ads-platform-style */
.sponsoredAdCard{background:var(--card);border:1px solid rgba(227,181,74,.22);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.18)}
  .sponsoredAdCard .adLabel{font-size:11px;color:var(--gold);font-weight:800;padding:10px 14px 0}
  .sponsoredAdCard .adBody{padding:10px 14px 14px;line-height:1.65}
  .sponsoredAdCard h4{margin:0 0 6px;color:#fff;font-size:15px}
  .sponsoredAdCard p{margin:0;color:#d8d8d8;font-size:13px;white-space:pre-wrap;word-break:normal;overflow-wrap:normal}
  .sponsoredAdCard img,.sponsoredAdCard video{display:block;width:100%;max-height:320px;object-fit:cover;background:#111}
  .sponsoredAdCard .adActions{display:flex;justify-content:flex-end;margin-top:10px}
  .sponsoredAdCard .adActions button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;border:none;border-radius:18px;padding:7px 14px;font-weight:800;font-family:inherit;cursor:pointer}
  .story.sponsoredStory>div:first-child{border-color:var(--gold)!important;background:#15120a;color:var(--gold);font-weight:900}
  .story.sponsoredStory .lbl{color:var(--gold)}
  .adFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .adFormGrid label{display:flex;flex-direction:column;gap:5px;color:#ccc;font-size:12px;font-weight:700}
  .adFormGrid input,.adFormGrid textarea,.adFormGrid select{background:#111;color:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;font-family:inherit}
  .adPlacementChecks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .adPlacementChecks label{display:flex;align-items:center;gap:8px;background:#111;border:1px solid var(--border);border-radius:10px;padding:9px;font-size:12px;color:#ddd}
  .adMediaUpload{grid-column:1/-1;border:1px dashed rgba(227,181,74,.35);border-radius:12px;padding:12px;background:#101010;color:#ddd;display:flex;flex-direction:column;gap:8px}
  .adMediaUpload input[type=file]{background:#161616;border:1px solid var(--border);border-radius:10px;padding:9px;color:#ddd;font-family:inherit}
  .adMediaHint{font-size:11px;color:#999;line-height:1.6}
	  .adMediaPreview{display:none;border-radius:10px;overflow:hidden;background:#080808;border:1px solid rgba(255,255,255,.08)}
	  .adMediaPreview img,.adMediaPreview video{display:block;width:100%;max-height:220px;object-fit:contain}
	  .platformMessageCard{padding:14px;border-bottom:1px solid rgba(227,181,74,.12);background:var(--card)}
	  .platformMessageCard b{color:var(--gold)}
	  .platformMessageCard p{margin:6px 0 0;color:#ddd;line-height:1.65;white-space:pre-wrap;word-break:normal;overflow-wrap:normal}
	  .myAdCard{padding:12px;border:1px solid rgba(227,181,74,.14);border-radius:12px;background:#101010;margin-top:8px}
	  .myAdHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
	  .adStatusPill{font-size:10px;font-weight:900;border-radius:999px;padding:4px 8px;background:rgba(227,181,74,.12);color:var(--gold);white-space:nowrap}
	  .myAdStats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
	  .myAdStats span{background:#151515;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:7px;font-size:11px;color:#bbb;text-align:center}
	  .myAdStats b{display:block;color:#fff;font-size:12px;margin-top:2px}
	  .adProgress{height:5px;background:#1b1b1b;border-radius:999px;overflow:hidden;margin-top:10px}
	  .adProgress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));width:0%}
  #view_profile .profileMainActions.hasAdCreator{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important}
  #view_profile .profileMainActions .profileAdCreateBtn{color:#f5db76!important}
  @media(max-width:560px){
    .msgTabs{overflow-x:auto!important;justify-content:flex-start}
    .msgTabs .msgTab{min-width:112px!important;font-size:12px!important;white-space:nowrap}
	    .adFormGrid{grid-template-columns:1fr}
	    .adPlacementChecks{grid-template-columns:1fr}
	    .myAdStats{grid-template-columns:repeat(2,1fr)}
    #view_profile .profileMainActions.hasAdCreator{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important}
    #view_profile .profileMainActions .profileAdCreateBtn{font-size:11.8px!important;padding:0 7px!important}
  }

/* algalaa-soft-interaction-style */
button,.btn,.iconBtn,.navItem,.roomMenuItem,.profileBtn,.tab,.msgTab,.story,[role="button"]{
    transition:transform .12s ease,filter .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease;
    touch-action:manipulation;
  }
	  button:active,.btn:active,.iconBtn:active,.navItem:active,.roomMenuItem:active,.profileBtn:active,.tab:active,.msgTab:active,.story:active,[role="button"]:active{
	    transform:translateY(1px) scale(.975);
	    filter:brightness(1.12);
	  }
  @media (prefers-reduced-motion: reduce){
    button,.btn,.iconBtn,.navItem,.roomMenuItem,.profileBtn,.tab,.msgTab,.story,[role="button"]{transition:none}
    button:active,.btn:active,.iconBtn:active,.navItem:active,.roomMenuItem:active,.profileBtn:active,.tab:active,.msgTab:active,.story:active,[role="button"]:active{transform:none}
  }

.handRaiseFloating{
  position:fixed;
  top:calc(env(safe-area-inset-top,0px) + 12px);
  left:50%;
  transform:translateX(-50%);
  width:min(420px, 92vw);
  z-index:1600;
  display:flex;
  flex-direction:column;
  gap:8px;
  pointer-events:none;
}
.handRaiseFloating > *{ pointer-events:auto; }
.handRaiseFloating .hrItem{
  background:linear-gradient(135deg,rgba(40,30,5,.98),rgba(20,15,5,.98));
  border:1.5px solid var(--gold);
  border-radius:14px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(227,181,74,.2);
  backdrop-filter:blur(20px);
  animation:hrSlide .3s cubic-bezier(.4,0,.2,1);
}
@keyframes hrSlide{
  from{transform:translateY(-20px);opacity:0}
  to{transform:translateY(0);opacity:1}
}
.handRaiseFloating .hrItem .hrAv{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;overflow:hidden;
}
.handRaiseFloating .hrItem .hrAv img{width:100%;height:100%;object-fit:cover}
.handRaiseFloating .hrItem .hrInfo{flex:1;min-width:0}
.handRaiseFloating .hrItem .hrInfo .hrName{
  color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.handRaiseFloating .hrItem .hrInfo .hrSub{color:var(--gold);font-size:11px}
.handRaiseFloating .hrItem button{
  padding:6px 10px;font-size:11px;border-radius:10px;border:none;cursor:pointer;
  font-weight:700;flex-shrink:0;
}
.handRaiseFloating .hrItem .hrAccept{background:#2ecc71;color:#000}
.handRaiseFloating .hrItem .hrReject{background:transparent;color:#bbb;border:1px solid #444}


/* ===== Final polished profile + West game layout overrides ===== */
.profileCard{position:relative;overflow:visible}
.profileTopActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:420px!important;margin:14px auto 10px!important}
.profileTopActions .profileBtn{height:44px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:13px!important;line-height:1!important;box-shadow:0 10px 26px rgba(227,181,74,.13)!important;white-space:nowrap!important}
.profileMainActions{grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;max-width:420px!important;margin-top:8px!important}
.profileMainActions .profileBtn{height:46px!important;border-radius:16px!important}
.profileAdminIcon{top:18px!important;left:18px!important;right:auto!important;width:44px!important;height:44px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(227,181,74,.96),rgba(117,83,18,.96))!important;color:#111!important;border:1px solid rgba(255,233,160,.55)!important;box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 4px rgba(227,181,74,.08)!important;z-index:20!important}
.profileAdminIcon svg{stroke:#111!important;width:22px!important;height:22px!important}.profileAdminIcon .cnt{background:#111!important;color:var(--gold)!important;border-color:rgba(227,181,74,.55)!important;top:-7px!important;right:-7px!important;left:auto!important}
.profile .cover:before{left:16px!important;top:12px!important}.toast{top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 88px)!important;max-width:min(88vw,390px)!important}

.westGame{background:#090b0d!important;direction:rtl;font-family:inherit}.westGame:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 16%,rgba(227,181,74,.10),transparent 28%),linear-gradient(180deg,rgba(122,55,24,.26),transparent 38%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px);pointer-events:none}.westGame:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 54%,transparent 0 41%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.56) 100%);pointer-events:none}
.wgTop{height:62px!important;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px!important;gap:8px!important;z-index:12!important}.wgPill{background:rgba(15,18,24,.78)!important;border:1px solid rgba(227,181,74,.28)!important;border-radius:16px!important;padding:7px 10px!important;color:#f5db76!important;box-shadow:0 10px 24px rgba(0,0,0,.25)!important}.wgExit{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(135deg,#b91c4c,#7f1235)!important;font-size:0!important;box-shadow:0 10px 28px rgba(0,0,0,.38)!important}.wgExit:before{content:'خ';font-size:24px;font-weight:900;color:#fff}.wgMute{width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,#07487d,#0e2d55);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 26px rgba(0,0,0,.36)}
.wgScoreBoard{position:absolute;top:calc(env(safe-area-inset-top,0px) + 66px);left:10px;z-index:8;width:128px;background:rgba(85,9,70,.86);border-radius:0 18px 18px 0;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12)}.wgScoreBoard h4{margin:0;padding:7px 9px;background:rgba(255,255,255,.08);font-size:12px;color:#fff}.wgScoreBoard .r{display:grid;grid-template-columns:1fr 1fr;text-align:center}.wgScoreBoard .r span{padding:6px;border-top:1px solid rgba(255,255,255,.13);font-weight:900}.wgScoreBoard .r b{font-size:12px;color:#f5db76}.wgMeta{top:calc(env(safe-area-inset-top,0px) + 70px)!important;right:12px!important;border-radius:999px!important;background:rgba(15,18,24,.70)!important}
.wgTable{inset:calc(env(safe-area-inset-top,0px) + 78px) 0 178px!important;border:none!important;border-radius:0!important;background:radial-gradient(ellipse at center,rgba(61,162,193,.92),rgba(17,108,143,.92) 44%,rgba(89,55,28,.55) 45%,rgba(82,44,20,.32) 52%,transparent 53%),linear-gradient(180deg,#5f3a26,#1a1a17 52%,#10151f)!important;box-shadow:none!important}.wgTable:before{content:'';position:absolute;left:50%;top:52%;width:min(72vw,380px);height:min(58vh,430px);transform:translate(-50%,-50%);border-radius:48% 48% 42% 42%;background:radial-gradient(ellipse at center,#6bd9f2 0,#27a9d1 68%,#8d5425 69%,#5b3018 78%,transparent 79%);box-shadow:inset 0 0 55px rgba(255,255,255,.25),0 22px 60px rgba(0,0,0,.45);border:3px solid rgba(227,181,74,.26)}
.wgSeat{z-index:5;gap:2px!important}.wgSeat .av{width:58px!important;height:58px!important;border:3px solid #fff!important;background:linear-gradient(135deg,#2c2f44,#8d1b73)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.36)!important}.wgSeat span{background:linear-gradient(135deg,#7b1b75,#133b78)!important;border-radius:9px!important;padding:3px 12px!important;min-width:82px;text-align:center;font-size:11px!important;font-weight:900;box-shadow:0 6px 16px rgba(0,0,0,.28)}.wgSeat small{font-size:10px;color:#f6e7a8}.wgSeat.top{top:16px!important}.wgSeat.left{left:12px!important;top:58%!important}.wgSeat.right{right:12px!important;top:58%!important}.wgSeat.me{bottom:4px!important}.wgSeat.turn .av{outline:4px solid rgba(244,219,118,.75);animation:wgSeatGlow 1.15s infinite alternate}.wgSeat .botTag{font-size:9px;color:#f5db76;margin-inline-start:4px}
@keyframes wgSeatGlow{from{box-shadow:0 0 0 rgba(244,219,118,.1),0 8px 22px rgba(0,0,0,.36)}to{box-shadow:0 0 32px rgba(244,219,118,.65),0 8px 22px rgba(0,0,0,.36)}}
.wgCenter{z-index:4;min-width:190px!important;min-height:122px!important;gap:2px!important}.wgCenter .wgCard{transform:rotate(var(--rot,0deg));margin:0 -3px}.wgCard{width:46px!important;height:67px!important;border-radius:7px!important;background:#fff!important;color:#151515!important;font-size:15px!important;box-shadow:0 8px 14px rgba(0,0,0,.32)!important;border:1px solid rgba(0,0,0,.12)!important}.wgCard b{font-size:17px}.wgCard span{font-size:19px;line-height:1}.wgCard.red{color:#c1121f!important}.wgCard.back{background:linear-gradient(145deg,#5f084f,#7f145e)!important;color:#fff!important;border:2px solid rgba(255,255,255,.35)!important}.wgCard.back:after{content:'𓂀';font-size:19px;color:#f5db76}.wgHand{height:98px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 4px)!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.40) 20%,rgba(0,0,0,.64))!important;z-index:14!important;overflow:visible!important}.wgHand .wgCard{width:38px!important;height:61px!important;margin:0 -5px!important;border-radius:5px!important}.wgHand .wgCard b{font-size:15px}.wgHand .wgCard span{font-size:18px}.wgHand .wgCard.playable{box-shadow:0 0 0 2px rgba(245,219,118,.6),0 12px 20px rgba(0,0,0,.4)!important}.wgHand .wgCard:hover,.wgHand .wgCard:active{transform:translateY(-16px) scale(1.05)!important}.wgEmoji{right:9px!important;top:auto!important;bottom:116px!important;transform:none!important;z-index:17!important}.wgEmoji button{width:44px!important;height:44px!important;background:linear-gradient(135deg,#15395f,#0b2340)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 18px rgba(0,0,0,.32)!important}.wgQuick{left:0!important;right:0!important;bottom:98px!important;top:auto!important;transform:none!important;z-index:16!important;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:rgba(10,28,50,.94);padding:12px 14px;border-top:1px solid rgba(227,181,74,.18)}.wgQuick.open{display:grid!important}.wgQuick:before{content:'العبارات السودانية';grid-column:1/-1;color:#f5db76;font-weight:900;text-align:center;margin-bottom:2px}.wgQuick button{border-radius:18px!important;background:#fff!important;color:#3f2670!important;padding:10px!important;font-size:13px!important;box-shadow:0 8px 18px rgba(0,0,0,.22)}.wgPhraseBubble{position:absolute;z-index:18;left:50%;bottom:196px;transform:translateX(-50%);background:#fff;color:#402660;border-radius:18px;padding:10px 16px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.32);display:none;max-width:72vw;text-align:center}.wgPhraseBubble.show{display:block;animation:phrasePop 1.55s ease forwards}@keyframes phrasePop{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.8)}20%,80%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.95)}}
.wgBid{background:rgba(0,0,0,.34)!important;align-items:flex-end!important;padding:0 12px calc(env(safe-area-inset-bottom,0px) + 112px)!important}.wgBidBox{width:min(92vw,340px)!important;background:rgba(36,7,53,.93)!important;border-radius:22px!important;border:1px solid rgba(245,219,118,.38)!important;padding:14px!important;text-align:center!important}.wgBidBox h2{font-size:18px!important}.wgBidBox p{font-size:12px!important;margin:6px 0 10px!important}.wgGrid{grid-template-columns:repeat(3,1fr)!important}.wgGrid button,.wgBidBox select,.wgBidBox button{border-radius:13px!important;padding:10px!important}.wgToast{top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 205px)!important;background:rgba(18,18,18,.86)!important;border-radius:999px!important;z-index:30!important}.wgCelebrate h1{font-size:min(16vw,76px)!important}.wgLobby{background:radial-gradient(circle at top,rgba(121,12,86,.42),rgba(5,7,10,.92))!important}.wgLobbyBox{background:linear-gradient(180deg,#240735,#090b0d)!important;border-radius:26px!important}.wgLobbyBox h2:before{content:'🎮 ';}.wgLobbyGrid button{min-height:54px}.wgConfirm{z-index:80!important}
@media(max-width:390px){.wgTable{bottom:164px!important}.wgHand .wgCard{width:35px!important;height:58px!important;margin:0 -5.8px!important}.wgSeat .av{width:52px!important;height:52px!important}.wgSeat span{min-width:72px;font-size:10px!important}.wgScoreBoard{width:112px}.wgScoreBoard h4{font-size:11px}.wgBid{padding-bottom:104px!important}.wgQuick{bottom:91px!important}.wgPhraseBubble{bottom:186px}}

/* تدفق التفاعلات يسار الشاشة (مثل تيك توك/انستقرام) */
.roomReactionRail{
  position:fixed; left:12px; bottom:130px; z-index:45;
  display:flex; flex-direction:column-reverse; gap:8px; pointer-events:none;
}
.roomReactionBubble{
  display:flex; align-items:center; gap:8px;
  animation:rrbRise 3.5s ease-out forwards;
}
.rrbAvatar{
  width:34px; height:34px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:var(--gold-grad); display:flex; align-items:center; justify-content:center;
  font-weight:800; color:#1a1510; font-size:14px; border:2px solid rgba(227,181,74,.5);
}
.rrbAvatar img{ width:100%; height:100%; object-fit:cover; }
.rrbEmoji{ font-size:24px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
@keyframes rrbRise{
  0%{ opacity:0; transform:translateY(20px) scale(.5); }
  12%{ opacity:1; transform:translateY(0) scale(1); }
  75%{ opacity:1; transform:translateY(-40px) scale(1); }
  100%{ opacity:0; transform:translateY(-80px) scale(.9); }
}

/* زر رفع اليد مكان المايك (للمستمع) */
.rabIcon.handRaiseMode{ color:var(--gold,#e3b54a); }
.rabIcon.handRaiseMode.handUp{
  background:var(--gold-grad,#e3b54a); color:#1a1510;
  animation:handPulse 1.5s ease-in-out infinite;
}
@keyframes handPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }

/* زر التفاعل للمستمع */
.roomControls .ctrlBtn.reactBtn{
  flex:0 0 auto; width:46px; height:46px; padding:0; border-radius:50%;
  background:var(--card2,#221b14); color:var(--gold,#e3b54a); border:1px solid var(--border2,#372d1f);
  display:flex; align-items:center; justify-content:center;
}
.roomControls .ctrlBtn.reactBtn:active{ transform:scale(.92); }

/* ============== 🎮 طبقة الألعاب داخل الغرفة ============== */
.roomGamesOverlay{
  position:fixed; inset:0; z-index:9500;
  background:linear-gradient(180deg, rgba(13,11,9,.97), rgba(4,4,4,.98));
  backdrop-filter:blur(6px);
  display:flex; flex-direction:column;
  animation:rgoSlideUp .25s ease;
}
.roomGamesOverlay.hidden{ display:none; }
@keyframes rgoSlideUp{ from{ transform:translateY(30px); opacity:0; } to{ transform:translateY(0); opacity:1; } }
.rgoBar{
  display:flex; align-items:center; gap:12px;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;
  border-bottom:1px solid rgba(227,181,74,.22);
  background:rgba(3,3,3,.6);
}
.rgoBack{
  display:flex; align-items:center; gap:6px;
  background:rgba(227,181,74,.14); border:1px solid var(--gold,#e3b54a);
  color:var(--gold,#e3b54a); border-radius:22px; padding:9px 16px;
  font-size:14px; font-weight:800; cursor:pointer; font-family:inherit;
}
.rgoBack:active{ transform:scale(.96); }
.rgoTitle{ color:#fff; font-size:16px; font-weight:800; }
.rgoBody{ flex:1; overflow-y:auto; padding:18px 16px; }
.rgoCards{ max-width:520px; margin:0 auto; }
body.in-room-games{ overflow:hidden; }

/* أكبر داعم + رتبة الداعم في بار الأعضاء */
.listenerAvatar{ position:relative; }
.topSupporterCrown{ position:absolute; top:-8px; right:-4px; font-size:15px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)); z-index:3; }
.memberRankIcon{ font-size:11px; }