/* ═══════════════════════════════════════════════════════════════════════════
   OG SHARED WIDGETS — visual ÚNICO do chat (e pílulas de navbar) nas duas
   páginas (home + /games). Carregar POR ÚLTIMO nos dois HTMLs.
   Look de referência = home nexus (index.html inline). Escopo body.nexus-skin
   + !important para vencer arcade-theme-v5 (locks 58/48/42px) e games-portal
   (círculo 65px, vermelho/laranja). 2026-06-11.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. BOTÃO DO CHAT: pill (não círculo), badge magenta in-flow ── */
body.nexus-skin #chatToggleBtn,
body.nexus-skin #chatToggleBtn.chat-toggle-btn{
  position:fixed !important;right:18px !important;bottom:18px !important;left:auto !important;
  z-index:9970 !important;
  display:inline-flex !important;align-items:center !important;gap:9px !important;
  width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;
  padding:12px 20px !important;border-radius:999px !important;cursor:pointer;
  font-family:"Orbitron",monospace !important;font-size:.62rem !important;font-weight:800 !important;
  letter-spacing:.18em !important;color:#eef0ff !important;
  background:rgba(10,11,22,.92) !important;border:1px solid rgba(120,140,220,.3) !important;
  backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.6) !important;
  transition:border-color .2s, transform .2s !important;
}
body.nexus-skin #chatToggleBtn:hover{border-color:#00e5ff !important;transform:translateY(-3px) !important}
body.nexus-skin #chatToggleBtn .chat-toggle-ring{display:none !important}
body.nexus-skin #chatToggleBtn .chat-toggle-icon{font-size:1rem !important}
body.nexus-skin #chatToggleBtn .og-v10-chat-label{font-size:inherit !important}
body.nexus-skin #chatToggleBtn .chat-badge{
  position:static !important;top:auto !important;right:auto !important;
  display:none;align-items:center;justify-content:center;
  min-width:19px !important;height:19px !important;padding:0 5px !important;
  border-radius:999px !important;font-size:.66rem !important;font-weight:800 !important;
  color:#1a0214 !important;background:linear-gradient(135deg,#ff2db8,#ff7ad1) !important;
  box-shadow:0 0 12px rgba(255,45,184,.55) !important;border:none !important;
}

/* ── 2. CONTAINER ── */
body.nexus-skin #liveChat,
body.nexus-skin #liveChat.live-chat{
  position:fixed !important;right:18px !important;bottom:74px !important;left:auto !important;top:auto !important;
  width:min(370px, calc(100vw - 36px)) !important;
  height:min(540px, calc(100vh - 120px)) !important;
  min-height:0 !important;max-height:none !important;
  z-index:9971 !important;flex-direction:column !important;overflow:hidden !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(18,20,38,.97), rgba(10,11,22,.98)) !important;
  border:1px solid rgba(120,140,220,.3) !important;
  box-shadow:0 30px 80px rgba(0,0,0,.7), 0 0 50px rgba(0,229,255,.08) !important;
}

/* The standalone emulator can show the auth gate at the browser max z-index.
   Keep chat reachable there so players can still see who's online while the
   game/auth layer is present. */
body.emulator-page.nexus-skin #chatToggleBtn,
body.emulator-page.nexus-skin #chatToggleBtn.chat-toggle-btn,
body.emulator-page.nexus-skin #liveChat,
body.emulator-page.nexus-skin #liveChat.live-chat{
  z-index:2147483647 !important;
}
body.emulator-page.nexus-skin #mobileAuthGate{
  pointer-events:none !important;
}
body.emulator-page.nexus-skin #mobileAuthGate > div{
  pointer-events:auto !important;
}
/* CRÍTICO: o canvas/overlay de fundo do chat são decorativos e ficavam NO FLUXO
   (position:static) comendo ~374px → espremiam as mensagens pra 41px. Tira do fluxo. */
body.nexus-skin #liveChat #liveChatBgCanvas,
body.nexus-skin #liveChat .live-chat-bg-canvas,
body.nexus-skin #liveChat .live-chat-bg-overlay{
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
  z-index:0 !important;pointer-events:none !important;
}
/* conteúdo do chat acima do fundo */
body.nexus-skin #liveChat .chat-header,
body.nexus-skin #liveChat .chat-tabs{position:relative !important;z-index:7 !important}
body.nexus-skin #liveChat .chat-content,
body.nexus-skin #liveChat .chat-input-container{position:relative !important;z-index:1 !important}

/* ── 3. HEADER ── */
body.nexus-skin #liveChat .chat-header{
  flex:none !important;display:flex !important;align-items:center !important;gap:10px !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  padding:13px 16px !important;position:relative !important;
}
body.nexus-skin #liveChat .chat-title{
  font-family:"Orbitron",monospace !important;font-size:.66rem !important;font-weight:800 !important;
  letter-spacing:.18em !important;display:inline-flex !important;align-items:center !important;gap:7px !important;
}
body.nexus-skin #liveChat .chat-title-icon{display:inline-block !important;font-size:.9rem !important}
body.nexus-skin #liveChat .chat-header-actions{margin-left:auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important}
body.nexus-skin #liveChat .online-badge{
  display:inline-flex !important;align-items:center !important;gap:7px !important;white-space:nowrap !important;
  min-width:max-content !important;padding:6px 8px !important;border-radius:999px !important;
  background:rgba(0,229,255,.07) !important;border:1px solid rgba(0,229,255,.16) !important;
  font-family:"Rajdhani",sans-serif !important;font-size:.84rem !important;font-weight:700 !important;letter-spacing:0 !important;
}
body.nexus-skin #liveChat .online-badge .online-dot-anim{flex:none !important}

/* ── 4. ABAS (chips, não barra) ── */
body.nexus-skin #liveChat .chat-tabs{
  flex:none !important;display:flex !important;gap:4px !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  padding:8px 12px !important;border-bottom:1px solid rgba(120,140,220,.16) !important;
}
body.nexus-skin #liveChat .chat-tab{
  flex:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  padding:8px !important;border:none !important;border-radius:9px !important;background:transparent !important;
  font-family:"Rajdhani",sans-serif !important;font-weight:700 !important;font-size:.84rem !important;
  color:#5c6184 !important;cursor:pointer;
}
body.nexus-skin #liveChat .chat-tab .tab-icon{display:inline-block !important}
body.nexus-skin #liveChat .chat-tab.active{background:rgba(0,229,255,.1) !important;color:#fff !important;box-shadow:none !important}

/* ── 4b. CONTEÚDO das abas (estrutura — sem isto o chat vira caixas vazias) ── */
body.nexus-skin #liveChat .chat-content{display:none !important;flex:1 !important;min-height:0 !important;flex-direction:column !important}
body.nexus-skin #liveChat .chat-content.active{display:flex !important}
body.nexus-skin #liveChat .chat-welcome{margin:auto !important;text-align:center !important;color:#5c6184 !important;padding:2rem !important}
body.nexus-skin #liveChat .chat-welcome .welcome-icon{font-size:2rem !important;margin-bottom:8px !important}
/* badge de não lidas no botão do chat */
body.nexus-skin #chatToggleBtn .chat-badge{
  position:static !important;display:none;align-items:center;justify-content:center;
  min-width:19px !important;height:19px !important;padding:0 5px !important;border-radius:999px !important;
  font-size:.66rem !important;font-weight:800 !important;color:#1a0214 !important;
  background:linear-gradient(135deg,#ff2db8,#ff7ad1) !important;box-shadow:0 0 12px rgba(255,45,184,.55) !important;
}

/* ── 5. MENSAGENS ── */
/* CRÍTICO: o canvas de efeito especial (neve/sparkles) tem que ser ABSOLUTO —
   estava no fluxo (relative) com ~1236px, inflando a bolha pra 1258px+. */
body.nexus-skin #liveChat .chat-message-box{position:relative !important;overflow:hidden !important}
body.nexus-skin #liveChat .chat-message-box .chat-special-effect-canvas{
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
  z-index:0 !important;pointer-events:none !important;
}
body.nexus-skin #liveChat .chat-message-box .chat-msg-avatar,
body.nexus-skin #liveChat .chat-message-box .chat-msg-content{position:relative !important;z-index:1 !important;height:auto !important}
body.nexus-skin #liveChat .messages-list,
body.nexus-skin #liveChat .online-users-list{
  flex:1 !important;min-height:0 !important;overflow-y:auto !important;
  padding:12px !important;display:flex !important;flex-direction:column !important;gap:9px !important;
}
body.nexus-skin #liveChat .chat-message-box{
  position:relative;padding:9px 12px !important;border-radius:12px !important;max-width:92% !important;
  background:rgba(120,140,255,.08);border:1px solid rgba(120,140,220,.16);
  font-size:.93rem !important;line-height:1.45 !important;
}
body.nexus-skin #liveChat .chat-message-box.own-message{align-self:flex-end !important;background:rgba(0,229,255,.1);border-color:rgba(0,229,255,.3)}
body.nexus-skin #liveChat .chat-msg-text{font-family:"Rajdhani",sans-serif !important;font-size:.93rem !important;color:#eef0ff !important}
body.nexus-skin #liveChat .chat-msg-name{font-weight:800 !important;font-size:.8rem !important}
body.nexus-skin #liveChat .chat-msg-datetime{font-size:.68rem !important;color:#5c6184 !important}

/* ── 6. INPUT ROW (emoji como item flex — sem hack de padding) ── */
body.nexus-skin #liveChat .chat-input-container{
  flex:none !important;display:flex !important;align-items:center !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  padding:10px 12px !important;border-top:1px solid rgba(120,140,220,.16) !important;
}
body.nexus-skin #liveChat .chat-input-wrapper{
  position:relative !important;display:flex !important;align-items:center !important;gap:8px !important;width:100% !important;
}
body.nexus-skin #liveChat .emoji-picker-btn,
body.nexus-skin #liveChat .chat-input-wrapper .emoji-picker-btn{
  position:static !important;left:auto !important;top:auto !important;transform:none !important;
  flex:none !important;display:grid !important;place-items:center !important;
  width:40px !important;height:40px !important;border-radius:10px !important;border:1px solid rgba(120,140,220,.3) !important;
  background:
    radial-gradient(circle at 35% 22%, rgba(0,229,255,.2), transparent 48%),
    rgba(6,6,14,.88) !important;
  color:#eef0ff !important;font-size:1.05rem !important;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(0,229,255,.07) !important;
}
body.nexus-skin #liveChat .emoji-picker-btn:hover{
  border-color:#00e5ff !important;color:#fff !important;
  background:
    radial-gradient(circle at 35% 22%, rgba(255,45,184,.25), transparent 48%),
    rgba(0,229,255,.1) !important;
  box-shadow:0 0 18px rgba(0,229,255,.18),0 0 22px rgba(255,45,184,.1) !important;
}
body.nexus-skin #liveChat .chat-input,
body.nexus-skin #liveChat .chat-input-wrapper .chat-input{
  flex:1 !important;min-width:0 !important;height:auto !important;min-height:0 !important;
  padding:11px 14px !important;border-radius:10px !important;outline:none !important;
  background:rgba(6,6,14,.85) !important;border:1px solid rgba(120,140,220,.3) !important;
  color:#eef0ff !important;font-family:"Rajdhani",sans-serif !important;font-size:.95rem !important;
}
body.nexus-skin #liveChat .chat-input:focus{border-color:#00e5ff !important;box-shadow:0 0 0 3px rgba(0,229,255,.12) !important}
body.nexus-skin #liveChat .chat-input.chat-input-throttled{border-color:#ff5577 !important;box-shadow:0 0 0 3px rgba(255,85,119,.15) !important}
body.nexus-skin #liveChat .send-btn,
body.nexus-skin #liveChat .chat-send-btn,
body.nexus-skin #liveChat .chat-input-wrapper .send-btn{
  position:static !important;flex:none !important;display:grid !important;place-items:center !important;
  width:40px !important;height:40px !important;border-radius:10px !important;border:none !important;cursor:pointer;
  background:linear-gradient(135deg,#00e5ff,#4dc6ff) !important;color:#021016 !important;
  box-shadow:0 8px 20px rgba(0,229,255,.3) !important;font-size:1rem !important;
}

/* ── 7. ABA ONLINE (cards compactos, estáveis e sem avatar girando) ── */
body.nexus-skin #liveChat .chat-avatar-border,
body.nexus-skin #liveChat .online-avatar-border,
body.nexus-skin #liveChat .chat-avatar-border[class*="avatar-border-"],
body.nexus-skin #liveChat .online-avatar-border[class*="avatar-border-"]{
  position:relative !important;display:grid !important;place-items:center !important;
  width:max-content !important;height:max-content !important;border-radius:999px !important;
  flex:none !important;transform:none !important;
}
body.nexus-skin #liveChat .chat-avatar-border:hover,
body.nexus-skin #liveChat .online-avatar-border:hover,
body.nexus-skin #liveChat .online-user-card:hover .online-avatar-border,
body.nexus-skin #liveChat .online-user-card:hover .online-avatar-img,
body.nexus-skin #liveChat .online-user-card:hover .online-avatar-fallback{
  transform:none !important;
}
body.nexus-skin #liveChat .chat-avatar-border img,
body.nexus-skin #liveChat .chat-avatar-border > div,
body.nexus-skin #liveChat .online-avatar-border img,
body.nexus-skin #liveChat .online-avatar-border > div{
  position:relative !important;z-index:1 !important;transform:none !important;border-radius:50% !important;
}
body.nexus-skin #liveChat .avatar-border-rainbow,
body.nexus-skin #liveChat .avatar-border-frost,
body.nexus-skin #liveChat .avatar-border-plasma,
body.nexus-skin #liveChat .avatar-border-nebula{
  animation:none !important;
}
body.nexus-skin #liveChat .avatar-border-fire{animation:avatarFireFlicker .7s ease-in-out infinite !important}
body.nexus-skin #liveChat .avatar-border-gold{animation:avatarGoldShine 2.2s ease-in-out infinite !important}
body.nexus-skin #liveChat .avatar-border-diamond{animation:avatarDiamondSparkle 1.6s ease-in-out infinite !important}
@keyframes ogSharedAvatarElectricPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.55)}}
body.nexus-skin #liveChat .avatar-border-electric{animation:ogSharedAvatarElectricPulse .5s ease-in-out infinite !important}
body.nexus-skin #liveChat .online-list-summary{
  flex:none !important;display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;margin-bottom:2px !important;padding:9px 11px !important;border-radius:12px !important;
  background:linear-gradient(135deg,rgba(0,229,255,.09),rgba(255,45,184,.05)) !important;
  border:1px solid rgba(120,140,220,.18) !important;color:#9aa0c0 !important;
  font-family:"Orbitron",monospace !important;font-size:.55rem !important;font-weight:800 !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
body.nexus-skin #liveChat .online-list-summary strong{
  min-width:28px !important;height:24px !important;padding:0 8px !important;border-radius:999px !important;
  display:inline-grid !important;place-items:center !important;background:rgba(0,229,255,.13) !important;
  color:#a3ff3c !important;border:1px solid rgba(0,229,255,.24) !important;font-size:.68rem !important;
}
body.nexus-skin #liveChat .online-user-card{
  position:relative !important;display:flex !important;align-items:center !important;gap:11px !important;
  min-height:62px !important;padding:9px 10px !important;border-radius:13px !important;cursor:pointer;
  background:linear-gradient(135deg,rgba(120,140,255,.07),rgba(0,229,255,.035)) !important;
  border:1px solid rgba(120,140,220,.17) !important;overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  transform:none !important;transition:border-color .15s, background .15s, box-shadow .15s !important;
}
body.nexus-skin #liveChat .online-user-card::before{
  content:"" !important;position:absolute !important;left:0 !important;top:12px !important;bottom:12px !important;width:2px !important;
  background:linear-gradient(180deg,#00e5ff,#ff2db8) !important;border-radius:999px !important;opacity:.48 !important;
}
body.nexus-skin #liveChat .online-user-card::after{content:none !important;display:none !important}
body.nexus-skin #liveChat .online-user-card:hover{
  border-color:rgba(0,229,255,.48) !important;background:linear-gradient(135deg,rgba(0,229,255,.09),rgba(255,45,184,.045)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;transform:none !important;
}
body.nexus-skin #liveChat .online-user-card.is-current-user{
  border-color:rgba(163,255,60,.34) !important;background:linear-gradient(135deg,rgba(163,255,60,.08),rgba(0,229,255,.04)) !important;
}
body.nexus-skin #liveChat .online-user-card.is-playing{
  min-height:82px !important;
  align-items:flex-start !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,45,184,.12), transparent 38%),
    linear-gradient(135deg,rgba(0,229,255,.08),rgba(255,45,184,.045)) !important;
  border-color:rgba(255,45,184,.26) !important;
}
body.nexus-skin #liveChat .online-avatar-wrapper{position:relative;flex:none;width:50px;height:50px;display:grid;place-items:center}
body.nexus-skin #liveChat .online-avatar-img,
body.nexus-skin #liveChat .online-avatar-fallback{
  width:42px !important;height:42px !important;border-radius:50% !important;object-fit:cover;
  display:grid !important;place-items:center !important;background:rgba(0,229,255,.12) !important;color:#00e5ff !important;font-weight:800;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset !important;
}
body.nexus-skin #liveChat .online-dot{
  position:absolute;right:2px;bottom:3px;width:11px !important;height:11px !important;border-radius:50%;
  background:#23d18b !important;border:2px solid #10122a !important;box-shadow:0 0 10px rgba(35,209,139,.75) !important;
}
body.nexus-skin #liveChat .online-dot.playing{background:#ff2db8 !important}
body.nexus-skin #liveChat .online-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.nexus-skin #liveChat .online-user-name{
  display:flex !important;align-items:center !important;gap:7px !important;min-width:0 !important;
  font-weight:800 !important;font-size:.9rem !important;line-height:1.1 !important;white-space:nowrap;overflow:hidden;
}
body.nexus-skin #liveChat .online-user-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.nexus-skin #liveChat .online-self-chip{
  flex:none !important;display:inline-grid !important;place-items:center !important;padding:2px 7px !important;border-radius:999px !important;
  background:rgba(163,255,60,.13) !important;color:#a3ff3c !important;border:1px solid rgba(163,255,60,.24) !important;
  font-family:"Orbitron",monospace !important;font-size:.49rem !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;
}
body.nexus-skin #liveChat .online-status{font-size:.74rem !important;color:#5c6184 !important}
body.nexus-skin #liveChat .online-game-presence{
  display:grid !important;grid-template-columns:36px minmax(0,1fr) !important;align-items:center !important;
  gap:8px !important;margin-top:3px !important;min-width:0 !important;
}
body.nexus-skin #liveChat .online-game-cover{
  position:relative !important;width:36px !important;height:44px !important;border-radius:7px !important;overflow:hidden !important;
  background:#0c0e1e !important;border:1px solid rgba(0,229,255,.34) !important;box-shadow:0 0 14px rgba(0,229,255,.12) !important;
}
body.nexus-skin #liveChat .online-game-cover::after{
  content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 36%,rgba(0,0,0,.32)) !important;
}
body.nexus-skin #liveChat .online-game-cover img{
  display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;
}
body.nexus-skin #liveChat .online-game-copy{
  display:flex !important;flex-direction:column !important;gap:3px !important;min-width:0 !important;
}
body.nexus-skin #liveChat .online-status.playing{color:#ff2db8 !important;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}
body.nexus-skin #liveChat .online-status.playing .playing-game{min-width:0;max-width:128px;overflow:hidden;text-overflow:ellipsis}
body.nexus-skin #liveChat .online-console{font-size:.68rem !important;color:#5c6184 !important;letter-spacing:.08em;text-transform:uppercase}
body.nexus-skin #liveChat .online-arrow{flex:none;color:#5c6184 !important;font-size:1.1rem}

/* ── 8. LOGIN OVERLAY ── */
body.nexus-skin #liveChat .chat-login-overlay{
  position:absolute !important;left:0 !important;right:0 !important;top:96px !important;bottom:0 !important;z-index:5;
  display:flex;flex-direction:column;
  align-items:center !important;justify-content:center !important;gap:14px !important;
  background:rgba(6,6,14,.92) !important;text-align:center;padding:20px !important;
}
body.nexus-skin #liveChat .chat-login-btn{
  font-family:"Orbitron",monospace !important;font-weight:800 !important;font-size:.64rem !important;
  letter-spacing:.18em !important;cursor:pointer;padding:13px 26px !important;border:none !important;
  border-radius:11px !important;color:#021016 !important;
  background:linear-gradient(135deg,#00e5ff,#4dc6ff) !important;box-shadow:0 10px 26px rgba(0,229,255,.3) !important;
}

/* ── 9. PÍLULAS DE NAVBAR compartilhadas (ATIVOS / FAVORITOS) ── */
body.nexus-skin .nav-active-users-pill,
body.nexus-skin #navActiveUsersPill{
  min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border-radius:13px;
  background:rgba(6,8,18,.54);border:1px solid rgba(120,140,220,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  font-family:"Orbitron",monospace;font-size:.54rem;font-weight:800;letter-spacing:.14em;color:#9aa0c0;
}
body.nexus-skin #navActiveUsersPill .pill-dot{width:8px;height:8px;border-radius:50%;background:#23d18b;box-shadow:0 0 8px rgba(35,209,139,.8);animation:ogPillPulse 1.4s ease-in-out infinite}
@keyframes ogPillPulse{0%,100%{opacity:1}50%{opacity:.35}}
body.nexus-skin #navActiveUsersPill b{color:#a3ff3c;font-size:.66rem}
body.nexus-skin #navFavoritesBtn{
  position:relative;min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border-radius:13px;cursor:pointer;
  background:
    linear-gradient(180deg,rgba(255,176,31,.08),rgba(6,8,18,.56)),
    rgba(6,8,18,.54);
  border:1px solid rgba(255,176,31,.24);color:#d4c99f;
  font-family:"Orbitron",monospace;font-size:.54rem;font-weight:800;letter-spacing:.14em;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.22);
  transition:border-color .2s,color .2s,background .2s,transform .16s;
}
body.nexus-skin #navFavoritesBtn:hover{
  border-color:#ffb01f;color:#fff0bd;background:linear-gradient(180deg,rgba(255,176,31,.13),rgba(6,8,18,.62));
  transform:translateY(-1px);
}
body.nexus-skin #navFavoritesBtn .fav-icon{font-size:.84rem;line-height:1;filter:drop-shadow(0 0 8px rgba(255,176,31,.5))}
body.nexus-skin #navFavoritesCount{
  display:none;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;
  border-radius:999px;font-size:.62rem;color:#1a1206;background:linear-gradient(135deg,#ffb01f,#ffd27a);
  box-shadow:0 0 12px rgba(255,176,31,.35);
}

/* ── 10. NAVBAR do /games: mesma altura/respiro da home ── */
body.nexus-skin .top-navbar{min-height:0 !important;padding:10px 16px !important}

/* ── 10b. OldGames Live: botão LIVE sempre visível nas DUAS páginas
   (live-now-toast.css esconde em body:not(.og-games-portal-v2) — o home
   não tem essa classe, então forçamos aqui para o painel virar "uma coisa só") ── */
body.nexus-skin #liveStreamsToggle.live-streams-toggle{display:flex !important}

/* OldGames Live video/preview: preserve the full emulator frame.
   The home and /games both load this file last, so this neutralizes older
   cover-based rules that cropped the mini live video. */
body.nexus-skin #liveNowToast .lnt-thumb{
  aspect-ratio:16 / 9 !important;
  background-color:#02040a !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
body.nexus-skin #liveNowToast .lnt-thumb video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
}

@media (min-width:681px){
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle.live-streams-toggle{
    left:auto !important;
    right:20px !important;
    top:auto !important;
    bottom:92px !important;
    width:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    height:54px !important;
    padding:0 !important;
    border-radius:999px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    transform:none !important;
    overflow:hidden !important;
    will-change:border-color,box-shadow,color,background !important;
    transition:border-color .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease !important;
  }
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle.live-streams-toggle:hover,
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle.live-streams-toggle:focus-visible{
    padding:0 !important;
    transform:translateY(-2px) !important;
  }
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle .live-toggle-icon{
    width:24px !important;
    height:24px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 24px !important;
  }
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle .live-toggle-icon svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
  }
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle .live-toggle-text,
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle .og-v10-live-label{
    display:none !important;
    max-width:100% !important;
    white-space:nowrap !important;
    text-align:center !important;
    line-height:1.1 !important;
  }
}
@media (max-width:680px){
  body.nexus-skin:not(.og-games-portal-v2) #liveStreamsToggle.live-streams-toggle{
    display:none !important;
  }
}

/* ── 11. MOBILE — chat = bottom-sheet alto (estilo /games), com safe-area e dvh.
   height/max-width PRECISAM ser redeclarados com !important aqui (a §2 fixa
   540px com !important e venceria sem isto). ── */
@media (max-width:640px){
  body.nexus-skin #liveChat,
  body.nexus-skin #liveChat.live-chat{
    left:10px !important;right:10px !important;
    width:auto !important;max-width:none !important;
    bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    height:min(580px, calc(100vh - 112px)) !important;
    height:min(580px, calc(100dvh - 112px - env(safe-area-inset-bottom, 0px))) !important;
    border-radius:18px !important;
  }
  body.nexus-skin #chatToggleBtn{
    right:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.nexus-skin #navActiveUsersPill span.pill-label,
  body.nexus-skin #navFavoritesBtn .fav-label{display:none}
  body.nexus-skin #navActiveUsersPill,
  body.nexus-skin #navFavoritesBtn{min-width:42px;justify-content:center;padding:0 10px}
}