/* Horda em 7 dias: abertura em stories (primeira visita) e escolha do servidor. Tudo dentro de #ab. */
#ab { position: fixed; inset: 0; z-index: 60; background: #04060c; color: var(--texto, #f3efe6);
  font-family: var(--fonte, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif); -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent; }
#ab.some { display: none; }
#ab, #ab * { box-sizing: border-box; }
#ab .ab-fundo { position: absolute; inset: -40px; background: center / cover no-repeat; filter: blur(28px) brightness(0.35); }
#ab .ab-palco { position: absolute; inset: 0; overflow: hidden; background: #070b16; touch-action: manipulation; }
@media (min-aspect-ratio: 3/4) {        /* computador: o story fica em pé no meio, como no Instagram */
  #ab .ab-palco { left: 50%; right: auto; width: min(440px, 56.25vh); transform: translateX(-50%); border-radius: 18px;
    top: 2vh; bottom: 2vh; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7); }
}

/* barrinhas de progresso, pular */
#ab .ab-barras { position: absolute; z-index: 5; left: 10px; right: 10px; top: calc(10px + env(safe-area-inset-top)); display: flex; gap: 4px; }
#ab .ab-barras i { flex: 1; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.28); overflow: hidden; }
#ab .ab-barras b { display: block; height: 100%; background: #fff; transform-origin: left; transform: scaleX(0); }
#ab .ab-topo { position: absolute; z-index: 5; left: 12px; right: 8px; top: calc(20px + env(safe-area-inset-top)); display: flex; align-items: center; justify-content: space-between; }
#ab .ab-marca { font-size: 13px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8); }
#ab .ab-marca span { color: var(--sangue, #e5383b); }
#ab .ab-ouvir { position: absolute; z-index: 6; left: 0; right: 0; margin: 0 auto; width: max-content; top: calc(64px + env(safe-area-inset-top)); border: 0; padding: 10px 18px;
  border-radius: 99px; background: #fff; color: #111; font-weight: 900; font-size: 15px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); animation: ab-pulsa 1.2s infinite; }
#ab .ab-ouvir[hidden] { display: none; }
#ab .ab-som { padding: 6px 10px; font-size: 15px; }
#ab .ab-pular { border: 0; background: rgba(0, 0, 0, 0.35); color: #fff; font-weight: 800; font-size: 14px; padding: 8px 14px; border-radius: 99px; }

/* os cartões */
#ab .ab-c { position: absolute; inset: 0; display: none; flex-direction: column; justify-content: flex-end; }
#ab .ab-c.ativo { display: flex; }
#ab.pausado .ab-c *, #ab.pausado .ab-c::before, #ab.pausado .ab-c::after { animation-play-state: paused !important; }
#ab .ab-cena { position: absolute; inset: 0; overflow: hidden; }
#ab .ab-cena > img.bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#ab .ab-escuro { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(4, 6, 12, 0.55) 0%, rgba(4, 6, 12, 0) 22%, rgba(4, 6, 12, 0) 45%, rgba(4, 6, 12, 0.92) 74%, #04060c 100%); }
#ab .ab-cena > :not(.bg):not(canvas):not(.ab-escuro) { z-index: 2; }   /* o escurecido fica só em cima do fundo */
#ab .ab-texto { position: relative; z-index: 3; padding: 0 22px calc(30px + env(safe-area-inset-bottom)); }
#ab .ab-texto h2 { margin: 0 0 8px; font-size: clamp(26px, 7.6vw, 33px); line-height: 1.08; font-weight: 900; letter-spacing: -0.01em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.9); animation: ab-sobe 0.6s 0.15s both cubic-bezier(.2, .8, .2, 1); }
#ab .ab-texto h2 em { font-style: normal; color: var(--luz, #ffd36b); }
#ab .ab-texto p { margin: 0; font-size: clamp(15px, 4.2vw, 17px); line-height: 1.42; color: #d6dbe7; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);
  animation: ab-sobe 0.6s 0.45s both cubic-bezier(.2, .8, .2, 1); }
#ab .ab-texto p b { color: #fff; }
@keyframes ab-sobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes ab-surge { from { opacity: 0; transform: scale(0.6); } 60% { opacity: 1; transform: scale(1.08); } to { opacity: 1; transform: scale(1); } }
@keyframes ab-pulsa { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes ab-balanca { 0%, 100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-3%) rotate(1.5deg); } }

/* 1. a horda chega */
#ab .c1 .zb { position: absolute; bottom: 30%; height: 34%; transform-origin: 50% 100%; animation: ab-vem 4.8s both cubic-bezier(.4, 0, .6, 1); filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.6)); }
#ab .c1 .zb img { height: 100%; animation: ab-balanca 0.7s infinite ease-in-out; }
@keyframes ab-vem { from { opacity: 0; transform: translateY(-38%) scale(0.32); } 15% { opacity: 1; } to { opacity: 1; transform: translateY(18%) scale(1); } }
#ab .c1 .carimbo { position: absolute; z-index: 2; left: 50%; top: 15%; transform: translateX(-50%); text-align: center; pointer-events: none; }
#ab .c1 .carimbo b { display: block; font-size: clamp(64px, 22vw, 92px); line-height: 0.9; font-weight: 1000; color: var(--sangue, #e5383b);
  text-shadow: 0 0 30px rgba(229, 56, 59, 0.6), 0 4px 0 #5a0b0d; animation: ab-surge 0.7s 0.9s both, ab-pulsa 1.2s 1.6s infinite; }
#ab .c1 .carimbo small { display: inline-block; font-size: 14px; font-weight: 900; letter-spacing: 0.24em; margin-top: 10px; padding: 6px 4px 6px 12px; border-radius: 8px;
  background: rgba(4, 6, 12, 0.72); white-space: nowrap; animation: ab-sobe 0.5s 1.3s both; }

/* 2. você no mapa (canvas desenhado pelo abertura.js) */
#ab .c2 canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
#ab .c2 .ab-numeros { position: absolute; z-index: 2; top: calc(58px + env(safe-area-inset-top)); left: 0; right: 0; text-align: center; font-weight: 900; font-size: 15px;
  color: var(--luz, #ffd36b); text-shadow: 0 1px 8px #000; animation: ab-sobe 0.5s 0.6s both; }

/* 3. Instagram */
#ab .c3 .ab-cena { background: radial-gradient(120% 80% at 50% 30%, #1d2547 0%, #070b16 70%); }
#ab .c3 .mini { position: absolute; left: 19%; top: 13%; width: 62%; opacity: 0.9; animation: ab-sobe 0.6s 0.1s both; }
#ab .c3 .mini path { fill: #141c35; stroke: rgba(255, 255, 255, 0.22); stroke-width: 2.4; }
#ab .c3 .mini .ponto { fill: var(--luz, #ffd36b); filter: drop-shadow(0 0 10px #ffd36b); opacity: 0; animation: ab-pinga 0.5s 2.15s both; }
@keyframes ab-pinga { from { opacity: 0; transform: scale(3); } to { opacity: 1; transform: scale(1); } }
#ab .c3 .coment { position: absolute; left: 7%; right: 7%; top: 46%; display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 16px;
  background: #fff; color: #121212; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5); animation: ab-coment 2.3s 0.3s both cubic-bezier(.5, 0, .3, 1); }
#ab .c3 .coment .av { flex: none; width: 34px; height: 34px; border-radius: 50%; background: conic-gradient(#feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5, #feda75); padding: 2px; }
#ab .c3 .coment .av i { display: block; width: 100%; height: 100%; border-radius: 50%; background: #c9cfdd url() center / cover; border: 2px solid #fff; }
#ab .c3 .coment b { font-size: 13.5px; }
#ab .c3 .coment p { margin: 2px 0 4px; font-size: 14.5px; line-height: 1.3; }
#ab .c3 .coment small { color: #8a8a8a; font-size: 12px; font-weight: 600; }
#ab .c3 .coment .cor { margin-left: auto; color: #ed4956; font-size: 15px; animation: ab-surge 0.4s 1.1s both; }
@keyframes ab-coment { 0% { opacity: 0; transform: translateY(40px); } 22% { opacity: 1; transform: none; } 70% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate(4%, -150%) scale(0.12); } }
#ab .c3 .chips { position: absolute; left: 7%; right: 7%; top: 47%; display: grid; gap: 10px; }
#ab .c3 .chips div { display: flex; gap: 10px; align-items: center; padding: 11px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14); font-size: 15px; font-weight: 700; line-height: 1.3; opacity: 0; animation: ab-sobe 0.5s both; }
#ab .c3 .chips div:nth-child(1) { animation-delay: 2.5s; }
#ab .c3 .chips div:nth-child(2) { animation-delay: 2.9s; }
#ab .c3 .chips i { font-style: normal; font-size: 22px; }

/* 4. defenda */
#ab .c4 .eu { position: absolute; left: 50%; bottom: 25%; height: 30%; transform: translateX(-50%); filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.7)); }
#ab .c4 .zb { position: absolute; height: 17%; transform-origin: 50% 100%; }
#ab .c4 .zb img { height: 100%; }
#ab .c4 .z1 { left: 14%; top: 37%; animation: ab-anda 1.6s both linear, ab-cai 0.5s 1.7s both ease-in; }
#ab .c4 .z2 { left: 60%; top: 33%; animation: ab-anda 2.6s 0.2s both linear, ab-cai 0.5s 2.9s both ease-in; }
#ab .c4 .z3 { left: 38%; top: 30%; height: 13%; animation: ab-anda 4s 0.5s both linear; }
@keyframes ab-anda { from { transform: translateY(-30%) scale(0.7); } to { transform: translateY(0) scale(1); } }
@keyframes ab-cai { 0% { filter: brightness(3); } 30% { filter: brightness(1); opacity: 1; } 100% { opacity: 0; transform: translateY(12%) rotate(-80deg) scale(0.9); } }
#ab .c4 .toque { position: absolute; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; border: 4px solid #fff; opacity: 0;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6); }
#ab .c4 .t1 { left: 23%; top: 45%; animation: ab-toca 0.55s 1.35s both; }
#ab .c4 .t2 { left: 69%; top: 41%; animation: ab-toca 0.55s 2.55s both; }
@keyframes ab-toca { from { opacity: 1; transform: scale(0.4); } to { opacity: 0; transform: scale(1.5); } }
#ab .c4 .ganho { position: absolute; font-weight: 1000; font-size: 22px; text-shadow: 0 2px 8px #000; opacity: 0; }
#ab .c4 .g1 { left: 16%; top: 38%; color: #8fe3a3; animation: ab-flutua 1.1s 1.7s both; }
#ab .c4 .g2 { left: 60%; top: 34%; color: var(--luz, #ffd36b); animation: ab-flutua 1.1s 2.9s both; }
@keyframes ab-flutua { from { opacity: 0; transform: translateY(10px); } 25% { opacity: 1; } to { opacity: 0; transform: translateY(-60px); } }
#ab .c4 .nivel { position: absolute; left: 50%; top: 17%; transform: translateX(-50%); padding: 8px 18px; border-radius: 99px; background: var(--luz, #ffd36b);
  color: #1b1405; font-weight: 1000; font-size: 18px; white-space: nowrap; box-shadow: 0 0 30px rgba(255, 211, 107, 0.6); animation: ab-surge 0.6s 3.3s both; }
#ab .c4 .armas { position: absolute; left: 0; right: 0; bottom: 22%; display: flex; justify-content: center; align-items: center; gap: 12px; }
#ab .c4 .armas span { padding: 6px 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.6); font-size: 13px; font-weight: 900; text-align: center; line-height: 1.2; animation: ab-surge 0.5s 3.7s both; }
#ab .c4 .armas img { height: 62px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8)); animation: ab-surge 0.5s both; }
#ab .c4 .armas img:nth-child(1) { animation-delay: 3.6s; }
#ab .c4 .armas img:nth-child(3) { animation-delay: 3.8s; }

/* 5. a cidade é de todos */
#ab .c5 .ab-cena { background: radial-gradient(110% 70% at 50% 35%, #232a45 0%, #070b16 72%); }
#ab .c5 .muro-caixa { position: absolute; left: 4%; right: 4%; top: 15%; }
#ab .c5 .muro { position: relative; aspect-ratio: 960 / 433; border-radius: 14px; overflow: hidden; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6); }
#ab .c5 .muro img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: ab-muro 1s both; }
#ab .c5 .muro img:nth-child(1) { animation-delay: 0.2s; }
#ab .c5 .muro img:nth-child(2) { animation-delay: 1.1s; }
#ab .c5 .muro img:nth-child(3) { animation-delay: 2s; }
#ab .c5 .muro img:nth-child(4) { animation-delay: 2.9s; }
#ab .c5 .muro img:nth-child(5) { animation-delay: 3.8s; }
@keyframes ab-muro { from { opacity: 0; transform: scale(1.08); } to { opacity: 1; transform: none; } }
#ab .c5 .nome-muro { position: relative; margin-top: 12px; height: 22px; text-align: center; font-weight: 900; font-size: 16px; color: var(--luz, #ffd36b); }
#ab .c5 .nome-muro span { position: absolute; left: 0; right: 0; opacity: 0; animation: ab-rotulo 0.9s both; }
#ab .c5 .nome-muro span:nth-child(1) { animation-delay: 0.2s; }
#ab .c5 .nome-muro span:nth-child(2) { animation-delay: 1.1s; }
#ab .c5 .nome-muro span:nth-child(3) { animation-delay: 2s; }
#ab .c5 .nome-muro span:nth-child(4) { animation-delay: 2.9s; }
#ab .c5 .nome-muro span:nth-child(5) { animation-delay: 3.8s; animation-name: ab-rotulo-fica; }
@keyframes ab-rotulo { 0% { opacity: 0; } 15%, 85% { opacity: 1; } 100% { opacity: 0; } }
@keyframes ab-rotulo-fica { from { opacity: 0; } to { opacity: 1; } }
#ab .c5 .profs { position: absolute; left: 5%; right: 5%; top: 50%; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
#ab .c5 .profs span { padding: 7px 11px; border-radius: 99px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 14px; font-weight: 800; white-space: nowrap; animation: ab-voa 0.6s both cubic-bezier(.2, .8, .2, 1); }
@keyframes ab-voa { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }

/* 6. o líder */
#ab .c6 .lado { position: absolute; bottom: 33%; height: 31%; width: 40%; display: flex; justify-content: center; }
#ab .c6 .lado img.b { height: 100%; filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.7)); }
#ab .c6 .l1 { left: 6%; }
#ab .c6 .l2 { right: 6%; }
#ab .c6 .fase { position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); text-align: center; line-height: 1.15; padding: 6px 12px; border-radius: 99px; background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.2); font-weight: 900; font-size: 14px; white-space: nowrap; }
#ab .c6 .l2 .fase { border-color: var(--luz, #ffd36b); color: var(--luz, #ffd36b); }
#ab .c6 .fase small { display: block; font-size: 11.5px; font-weight: 800; color: #c9cfdd; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
#ab .c6 .coroa { position: absolute; z-index: 2; font-size: 46px; left: 26%; bottom: 63%; transform: translateX(-50%);
  filter: drop-shadow(0 0 14px rgba(255, 211, 107, 0.9)); animation: ab-coroa 1s 3.25s both cubic-bezier(.5, -0.3, .3, 1.3); }
@keyframes ab-coroa { 0% { left: 26%; bottom: 63%; } 50% { bottom: 76%; } 100% { left: 74%; bottom: 63%; } }
#ab .c6 .relogio { position: absolute; left: 50%; top: 15%; transform: translateX(-50%); padding: 8px 16px; border-radius: 12px; background: rgba(0, 0, 0, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.2); font: 900 30px ui-monospace, Consolas, monospace; letter-spacing: 0.04em; }
#ab .c6 .relogio.virou { color: var(--luz, #ffd36b); border-color: var(--luz, #ffd36b); animation: ab-surge 0.5s both; }
#ab .c6 .novo { position: absolute; left: 50%; top: 27%; transform: translateX(-50%); font-weight: 1000; font-size: 16px; letter-spacing: 0.12em; color: var(--luz, #ffd36b);
  white-space: nowrap; opacity: 0; animation: ab-surge 0.5s 4.1s both; }

/* 7. arena */
#ab .c7 .ab-cena { background: radial-gradient(90% 60% at 50% 42%, #3a1420 0%, #0b0710 72%); }
#ab .c7 .lado { position: absolute; top: 20%; height: 32%; width: 44%; text-align: center; }
#ab .c7 .lado img { height: 76%; filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.7)); }
#ab .c7 .l1 { left: 2%; animation: ab-entra-esq 0.6s 0.1s both cubic-bezier(.2, .8, .2, 1); }
#ab .c7 .l2 { right: 2%; animation: ab-entra-dir 0.6s 0.1s both cubic-bezier(.2, .8, .2, 1); }
#ab .c7 .l2 img { transform: scaleX(-1); }
@keyframes ab-entra-esq { from { opacity: 0; transform: translateX(-60%); } to { opacity: 1; transform: none; } }
@keyframes ab-entra-dir { from { opacity: 0; transform: translateX(60%); } to { opacity: 1; transform: none; } }
#ab .c7 .lado small { display: block; font-weight: 800; font-size: 13px; color: #c9cfdd; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ab .c7 .lado .placar { display: block; font-size: 44px; font-weight: 1000; line-height: 1; margin-top: 4px; }
#ab .c7 .vs { position: absolute; left: 50%; top: 31%; transform: translateX(-50%); font-size: 40px; font-weight: 1000; color: var(--sangue, #e5383b);
  text-shadow: 0 0 22px rgba(229, 56, 59, 0.7); animation: ab-surge 0.5s 0.6s both; }
#ab .c7 .delta { position: absolute; top: 57%; font-size: 26px; font-weight: 1000; opacity: 0; animation: ab-flutua-fica 0.7s 3.7s both; }
#ab .c7 .d1 { left: 14%; color: #8fe3a3; }
#ab .c7 .d2 { right: 14%; color: #ff8a8d; }
@keyframes ab-flutua-fica { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
#ab .c7 .relogio60 { position: absolute; left: 50%; top: 13%; transform: translateX(-50%); font: 900 16px ui-monospace, Consolas, monospace; color: #c9cfdd; }

/* 8. e tem mais */
#ab .c8 .ab-cena { background: radial-gradient(110% 70% at 50% 30%, #1d2547 0%, #070b16 70%); }
#ab .c8 .grade { position: absolute; left: 6%; right: 6%; top: 13%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#ab .c8 .grade div { padding: 14px 12px; border-radius: 16px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.12);
  animation: ab-surge 0.5s both; }
#ab .c8 .grade i { display: block; font-style: normal; font-size: 30px; line-height: 1; margin-bottom: 8px; }
#ab .c8 .grade b { display: block; font-size: 16px; }
#ab .c8 .grade small { display: block; color: #aeb6c9; font-size: 12.5px; line-height: 1.3; margin-top: 2px; }
#ab .ab-botao { display: block; width: 100%; margin-top: 16px; padding: 16px; border: 0; border-radius: 16px; background: var(--luz, #ffd36b); color: #1b1405;
  font-size: 18px; font-weight: 1000; box-shadow: 0 10px 30px rgba(255, 211, 107, 0.25); animation: ab-sobe 0.5s 0.9s both; }

/* o servidor */
#ab .ab-servidor { position: absolute; inset: 0; z-index: 6; display: none; flex-direction: column; justify-content: center; padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
  background: radial-gradient(120% 70% at 50% 20%, #1a2340 0%, #060912 70%); }
#ab .ab-servidor.ativo { display: flex; }
#ab .ab-servidor h2 { margin: 0 0 6px; font-size: 28px; font-weight: 1000; text-align: center; animation: ab-sobe 0.5s both; }
#ab .ab-servidor > p { margin: 0 0 22px; text-align: center; color: #aeb6c9; font-size: 15px; animation: ab-sobe 0.5s 0.1s both; }
#ab .srv { display: flex; gap: 14px; align-items: center; padding: 16px; border-radius: 18px; border: 2px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.05);
  text-align: left; color: inherit; width: 100%; margin-bottom: 12px; animation: ab-sobe 0.5s 0.2s both; }
#ab .srv.on { border-color: #4fd17a; background: rgba(79, 209, 122, 0.1); box-shadow: 0 0 0 4px rgba(79, 209, 122, 0.12); }
#ab .srv.trancado { opacity: 0.5; animation-delay: 0.3s; cursor: default; }
#ab .srv .emblema { flex: none; width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; font-weight: 1000; font-size: 22px; color: #0b1a10;
  background: linear-gradient(135deg, #4fd17a 0%, #ffd36b 100%); }
#ab .srv.trancado .emblema { background: #2a3146; color: #8b93a8; }
#ab .srv b { display: block; font-size: 20px; font-weight: 1000; }
#ab .srv small { display: block; color: #aeb6c9; font-size: 13.5px; margin-top: 2px; line-height: 1.35; }
#ab .srv .estado { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; color: #8fe3a3; margin-top: 4px; }
#ab .srv .estado::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4fd17a; box-shadow: 0 0 8px #4fd17a; }
#ab .srv.trancado .estado { color: #8b93a8; }
#ab .srv.trancado .estado::before { background: #5c6378; box-shadow: none; }
#ab .fundador { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 14px; background: rgba(255, 211, 107, 0.1); border: 1px dashed rgba(255, 211, 107, 0.5);
  font-size: 14px; line-height: 1.35; margin: 4px 0 6px; animation: ab-sobe 0.5s 0.45s both; }
#ab .fundador i { font-style: normal; font-size: 26px; }
#ab .ab-servidor .ab-botao { animation-delay: 0.55s; }
#ab .ab-rever { display: block; margin: 14px auto 0; border: 0; background: none; color: #aeb6c9; font-size: 14px; font-weight: 700; text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  #ab *, #ab *::before, #ab *::after { animation-duration: 0.01s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; }
}
/* sem legenda (pedido do usuário, 05/11): a narração já diz tudo; sai o texto de baixo de cada tela e fica o botão da última */
#ab .ab-c .ab-texto > h2, #ab .ab-c .ab-texto > p { display: none; }