/*
 * O contador do Alpha na landing (14/08).
 *
 * 🚨 Enquanto o portão está fechado, o botão "Entrar" SOME. Deixá-lo na tela
 * seria convidar para uma porta trancada — a pessoa clica, toma um erro e vai
 * embora achando que o jogo quebrou no dia do lançamento.
 */
body[data-alpha-fechado='1'] .splash__acao {
  display: none;
}

/* Fica onde o botão estava, para o olho não procurar. */
.alpha-contador {
  order: 0;
  width: min(440px, 92vw);
  margin: clamp(10px, 3vh, 26px) auto 0;
  padding: 18px 20px;
  border: 1px solid rgb(240 208 130 / 0.5);
  border-radius: 14px;
  background: linear-gradient(180deg, rgb(18 30 48 / 0.78), rgb(10 20 34 / 0.86));
  box-shadow:
    inset 0 1px rgb(255 236 180 / 0.16),
    0 12px 30px rgb(0 0 0 / 0.5);
  color: #f2e6c8;
  text-align: center;
  backdrop-filter: blur(3px);
}

.alpha-contador__rot {
  margin: 0 0 4px;
  color: #c9d6e6;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.alpha-contador__valor {
  margin: 0;
  color: #f0c44a;
  font-family: Georgia, serif;
  font-size: clamp(30px, 7vw, 46px);
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

/* 🚨 `tabular-nums` acima: sem isso os dígitos têm larguras diferentes e o
   contador TREME a cada segundo. */
.alpha-contador__valor small {
  font-size: 0.44em;
  color: #c9d6e6;
  letter-spacing: 0;
}

.alpha-contador__nota {
  margin: 10px 0 0;
  color: #b9c8dc;
  font-size: 12px;
  line-height: 1.4;
}

/*
 * O RECADO DE ENCERRAMENTO (07/09).
 *
 * 🚨 A caixa é a MESMA do contador de propósito — mesma moldura, mesmo lugar,
 * mesmo dourado. Quem acompanhou o Alpha já viu essa caixa uma vez, no dia da
 * abertura; a última coisa que ela diz aparece onde a primeira apareceu.
 *
 * O que muda é só o texto: aqui ele é parágrafo corrido e legível, não um
 * número gigante. Não há número nenhum a mostrar.
 */
.alpha-contador--recado {
  padding: 22px 24px;
}

.alpha-contador__recado {
  margin: 0;
  color: #f2e6c8;
  font-size: clamp(13px, 1.6vw, 15px);
  line-height: 1.55;
  /* 🚨 `pre-line`: o texto vem do `.env` e as quebras de linha que quem
     escreveu pôs ali são a formatação dele. Sem isto o recado inteiro vira um
     bloco só. */
  white-space: pre-line;
}

/*
 * O BOTÃO DO DISCORD (07/09) — antes era a URL solta dentro do próprio texto
 * do recado, sem clicar em nada. Vira link de verdade, com a mesma moldura
 * dourada do resto da caixa, para não parecer um elemento fora do lugar.
 */
.alpha-contador__discord {
  display: inline-block;
  margin: 16px auto 0;
  padding: 10px 22px;
  border: 1px solid rgb(240 208 130 / 0.6);
  border-radius: 10px;
  background: linear-gradient(180deg, rgb(240 208 130 / 0.16), rgb(240 208 130 / 0.06));
  color: #f0c44a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.15s ease;
}

.alpha-contador__discord:hover,
.alpha-contador__discord:focus-visible {
  background: linear-gradient(180deg, rgb(240 208 130 / 0.26), rgb(240 208 130 / 0.12));
}