/*
 * O aviso de sair da raid. Ver `index.js` para o porquê de cada decisão.
 *
 * 🚨 Quase tudo vem da folha da IDENTIDADE (`identidade/styles.css`, classes
 * `id-*`) — este arquivo só ajusta o que é específico deste aviso. Copiar o
 * quadro inteiro criaria um segundo pop-up para manter, e o dia em que a
 * identidade mudasse este aqui ficaria para trás.
 *
 * 🚨 Prefixo `rs-`: varri os `styles.css` das pastas de /var/www/potatomaster/
 * e o bundle — ninguém usa `rs`.
 */

/*
 * 🚨 Acima de tudo, inclusive da tela de raid. O aviso existe para PARAR o
 * jogador; nascer atrás do palco da batalha o tornaria decorativo.
 */
.rs-fundo {
  z-index: 999;
}

.rs-quadro {
  max-width: min(420px, 92vw);
}

.rs-texto {
  line-height: 1.45;
}

/* O que ele vai perder fica em destaque — é a informação que decide o clique. */
.rs-texto b {
  color: #ffb4b4;
}

/*
 * 🚨 O botão que PERDE a raid não é o mais bonito da tela.
 *
 * Na identidade, o `--principal` é dourado e chama o clique. Aqui a ação
 * principal é destrutiva: quem tem de puxar o dedo é o "Não". Então o "Sim"
 * ganha a cor de perigo e o "Não" fica com o destaque.
 */
.rs-quadro .id-btn--principal {
  border-color: #6b1c1c;
  background: linear-gradient(180deg, #ff9a9d, #c0392b 45%, #8c2226);
  color: #fff5f5;
}

.rs-quadro .id-btn:not(.id-btn--principal) {
  border-color: #d8bfa1;
  box-shadow:
    inset 0 1px 0 #ffffff59,
    0 0 0 2px #d8bfa133;
}