/* HeroHazard V7.2 Stability */

/* Antigos controles inseridos dentro do React não serão mais usados. */
.hz-auth-actions { display:none !important; }

/* Reserva espaço para o portal de autenticação à direita do TikTok. */
@media (min-width:901px) {
  .topbar .live-pill {
    margin-right: 168px !important;
  }
}

/* Portal fica FORA da árvore React, evitando conflitos. */
.hz-auth-portal {
  position:fixed;
  top:15px;
  right:max(24px, calc((100vw - 1180px)/2 + 24px));
  z-index:1500;
  display:flex;
  align-items:center;
  gap:7px;
  pointer-events:auto;
}

.hz-auth-portal button {
  min-height:36px;
  padding:0 15px;
  border:1px solid #ffffff18;
  border-radius:999px;
  background:#111521;
  color:#e8eaf2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  pointer-events:auto;
}

.hz-auth-portal .primary-auth {
  background:linear-gradient(135deg,#6335e8,#9b3fe6);
  border-color:#8b5cf666;
  color:#fff;
}

@media (max-width:900px) {
  .hz-auth-portal {
    position:absolute;
    top:58px;
    right:16px;
  }

  .topbar {
    margin-bottom:42px !important;
  }
}

/* O clone da meta é o único card de meta visível no desktop. */
.community > .goal-card {
  display:none !important;
}

.hz-goal-inline {
  margin-top:18px;
  width:min(100%,520px);
  padding:15px 17px !important;
  border-radius:16px !important;
  position:relative;
  z-index:4;
}

/* Garante que a arena dos personagens nunca bloqueie cliques. */
.support-arena,
.support-arena * {
  pointer-events:none !important;
}

/* Modais acima de tudo. */
.hz-modal-backdrop,
.hz-account-page {
  z-index:3000 !important;
  pointer-events:auto !important;
}

/* Áudio */
.hz-message-choice{margin-top:5px}
.hz-mode-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  background:#090c14;border:1px solid var(--line);
  border-radius:11px;padding:4px;margin-bottom:8px
}
.hz-mode-tabs button{
  border:0;border-radius:8px;background:transparent;color:#7e8598;
  padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer
}
.hz-mode-tabs button.active{
  color:#fff;background:linear-gradient(135deg,#6534e8,#a743e9)
}
.hz-audio-box{
  border:1px solid #2b3040;background:#090c14;border-radius:12px;padding:11px
}
.hz-record-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hz-record{
  border:1px solid #ff4d8d55;background:#ff4d8d10;color:#ff6da3;
  border-radius:9px;padding:9px 11px;font-weight:900;font-size:11px;cursor:pointer
}
.hz-record.recording{background:#ff315f;color:#fff}
.hz-record-time{color:#8990a2;font-size:10px}
.hz-audio-help,.hz-audio-status{margin:7px 0 0;color:#81889a;font-size:10px}
.hz-audio-status{color:#35e0cf}
.hz-preview{width:100%;height:34px;margin-top:9px}
.hz-delete-audio{
  width:100%;margin-top:8px;border:1px solid #ffffff16;background:#10141e;
  color:#9da3b4;border-radius:8px;padding:7px;font-size:9px;font-weight:800;cursor:pointer
}