/* Horda em 7 dias: bônus de login de 7 dias ("Os 7 dias da resistência"), 2026-11-06 */
#b7 { position: fixed; inset: 0; z-index: 70; display: flex; align-items: flex-end; justify-content: center; background: rgba(3, 6, 14, 0.72); padding: 0; }
#b7.some, #b7-botao.some { display: none; }
#b7 .b7-folha { position: relative; width: 100%; max-width: 520px; max-height: 92vh; overflow-y: auto; background: var(--painel, rgba(11, 17, 32, 0.97));
  border: 1px solid var(--borda, rgba(255, 255, 255, 0.12)); border-bottom: 0; border-radius: 20px 20px 0 0;
  padding: 18px 16px calc(16px + env(safe-area-inset-bottom)); box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.6); color: var(--texto, #f3efe6);
  animation: b7-sobe 0.28s ease-out; }
@keyframes b7-sobe { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
#b7 .b7-x { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--borda, rgba(255, 255, 255, 0.12));
  background: rgba(255, 255, 255, 0.06); color: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
#b7 .b7-rot { margin: 0; font-size: 11.5px; font-weight: 900; letter-spacing: 0.12em; color: var(--luz, #ffd36b); }
#b7 h3 { margin: 4px 0 4px; font-size: 21px; font-weight: 900; }
#b7 .b7-sub { margin: 0 0 12px; font-size: 13.5px; color: rgba(243, 239, 230, 0.75); }
#b7 .b7-ganhou { margin: 0 0 12px; padding: 12px; border-radius: 14px; background: rgba(255, 211, 107, 0.12); border: 1px solid rgba(255, 211, 107, 0.45);
  font-size: 15px; text-align: center; animation: b7-pulo 0.5s ease-out; }
#b7 .b7-ganhou small { font-size: 12.5px; color: rgba(243, 239, 230, 0.8); }
#b7 .b7-grande { display: block; font-size: 40px; line-height: 1.1; margin-bottom: 4px; }
@keyframes b7-pulo { 0% { transform: scale(0.85); opacity: 0; } 60% { transform: scale(1.04); opacity: 1; } 100% { transform: none; } }

#b7 .b7-fila { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#b7 .b7-cx { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px 9px; min-height: 92px;
  border-radius: 14px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
#b7 .b7-cx.ultima { grid-column: span 2; background: linear-gradient(160deg, rgba(229, 56, 59, 0.22), rgba(255, 211, 107, 0.14)); border-color: rgba(255, 211, 107, 0.4); }
#b7 .b7-dia { font-size: 10.5px; font-weight: 900; letter-spacing: 0.08em; color: rgba(243, 239, 230, 0.6); }
#b7 .b7-ic { font-size: 28px; line-height: 1.15; }
#b7 .b7-t { font-size: 11.5px; font-weight: 700; line-height: 1.2; }
#b7 .b7-moeda::before, #b7 .b7-ouro::before { margin-right: 0; }
#b7 .b7-img { display: block; height: 36px; width: auto; max-width: 100%; margin: 0 auto; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5)); }
#b7 .b7-grande .b7-img { height: 64px; }
#b7 .b7-msg .b7-img { display: inline-block; height: 20px; vertical-align: -4px; }
.b7-mini { height: 18px; width: auto; vertical-align: -4px; margin-right: 2px; }
#b7 .b7-cx.aberta { opacity: 0.55; }
#b7 .b7-cx.aberta .b7-dia { color: #6be08a; font-size: 13px; }
#b7 .b7-cx.pronta { background: rgba(255, 211, 107, 0.16); border: 2px solid var(--luz, #ffd36b); animation: b7-brilho 1.6s ease-in-out infinite; }
#b7 .b7-cx.pronta .b7-dia { color: var(--luz, #ffd36b); }
#b7 .b7-cx.amanha { border-style: dashed; border-color: rgba(255, 211, 107, 0.5); }
#b7 .b7-cx.amanha .b7-dia { color: var(--luz, #ffd36b); }
#b7 .b7-cx.fechada .b7-ic { filter: grayscale(0.6); }
#b7 .b7-cx.recem { opacity: 1; animation: b7-pulo 0.6s ease-out; border-color: #6be08a; }
@keyframes b7-brilho { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 211, 107, 0); } 50% { box-shadow: 0 0 16px 3px rgba(255, 211, 107, 0.5); } }
#b7 .b7-emp { margin: 0 0 12px; padding: 9px 12px; border-radius: 12px; background: rgba(229, 56, 59, 0.14); border: 1px solid rgba(229, 56, 59, 0.4); font-size: 13.5px; text-align: center; }
#b7 .b7-msg { margin: 0 0 10px; text-align: center; font-size: 15px; }
#b7 .b7-msg span { font-size: 13px; color: rgba(243, 239, 230, 0.75); }

/* passe semanal */
#b7 .p7 { margin: 16px 0 12px; padding: 14px 12px; border-radius: 16px; border: 1px solid rgba(255, 184, 77, 0.45);
  background: linear-gradient(170deg, rgba(255, 184, 77, 0.14), rgba(229, 56, 59, 0.08)); }
#b7 .p7 h4 { margin: 2px 0 4px; font-size: 18px; font-weight: 900; }
#b7 .p7-dias { list-style: none; margin: 8px 0 10px; padding: 0; display: grid; gap: 5px; }
#b7 .p7-dia { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 11px; background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08); font-size: 13.5px; }
#b7 .p7-dia .b7-dia { min-width: 58px; }
#b7 .p7-dia.aberta { opacity: 0.55; }
#b7 .p7-dia.aberta .b7-dia { color: #6be08a; font-size: 13px; }
#b7 .p7-dia.pronta { border: 2px solid var(--luz, #ffd36b); background: rgba(255, 211, 107, 0.14); }
#b7 .p7-dia.pronta .b7-dia, #b7 .p7-dia.amanha .b7-dia { color: var(--luz, #ffd36b); }
#b7 .p7-pr { font-weight: 700; }
#b7 .p7-total { margin: 0 0 10px; font-size: 14px; text-align: center; }
#b7 .p7 .b7-mini, #b7 .p7-regras .b7-mini { height: 28px; vertical-align: -9px; }
#b7 .p7-total small { display: block; margin-top: 3px; font-size: 11.5px; color: rgba(243, 239, 230, 0.7); }
#b7 .p7-regras { margin: 0 0 12px; padding-left: 18px; font-size: 13.5px; line-height: 1.4; }
#b7 .p7-regras li { margin-bottom: 6px; }
#b7 a { color: var(--luz, #ffd36b); }
#b7 .j-email { display: block; font-size: 13px; font-weight: 700; margin-bottom: 4px; }
#b7 .j-email input { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 11px 12px; border-radius: 11px;
  border: 1px solid var(--borda, rgba(255, 255, 255, 0.12)); background: rgba(255, 255, 255, 0.06); color: inherit; font: inherit; font-size: 15px; }
#b7 .j-email-dica { display: block; margin-bottom: 8px; font-size: 12px; color: rgba(243, 239, 230, 0.7); }
#b7 .j-email-erro { color: #ff8a8d; font-size: 13px; margin: 0 0 8px; }
#b7 .j-email-erro.some { display: none; }
#b7 .j-pix-qr { display: block; width: 200px; height: 200px; margin: 8px auto; background: #fff; border-radius: 10px; }
#b7 .j-placar { font-size: 11.5px; color: rgba(243, 239, 230, 0.65); margin: 10px 0 0; }
#b7 .j-teste { background: rgba(124, 196, 255, 0.15); border: 1px solid rgba(124, 196, 255, 0.5); border-radius: 10px; padding: 8px; font-size: 12.5px; }

#b7-botao { position: fixed; z-index: 13; left: 10px; top: calc(74px + env(safe-area-inset-top)); padding: 8px 12px; border-radius: 999px;
  border: 1px solid rgba(255, 211, 107, 0.45); background: rgba(12, 16, 28, 0.9); color: var(--luz, #ffd36b); font: 800 13px var(--fonte, sans-serif);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); cursor: pointer; }
#b7-botao.pode { background: var(--luz, #ffd36b); color: #1a1405; animation: b7-brilho 1.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { #b7 .b7-folha, #b7 .b7-cx, #b7-botao, #b7 .b7-ganhou { animation: none !important; } }