/* Desembrulha — viral: revanche ("Devolver o presente") e lembrete de filmar a reação. */

/* botão no cartão final: roxo da Vingança, para não brigar com o verde do WhatsApp */
.btn.revenge {
  background: linear-gradient(180deg, #8b47d6, #5e2aa3);
  color: #fff;
  box-shadow: 0 5px 0 #3b1771, 0 12px 26px -10px rgba(139, 71, 214, .8);
}
.btn.revenge:active { transform: translateY(3px); box-shadow: 0 2px 0 #3b1771, 0 6px 14px -6px rgba(139, 71, 214, .7); }
.btn.revenge:focus-visible { box-shadow: 0 5px 0 #3b1771, var(--ring-dark, 0 0 0 3px #ffcf5a); }

/* faixa no topo do criador quando ele abre pré-preenchido pela revanche */
.revenge-banner {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 0 0 18px; padding: 14px 12px 14px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #2c1548, #1d1534);
  color: #fff;
  box-shadow: inset 0 0 0 1.5px rgba(255, 207, 90, .35), 0 10px 24px -14px rgba(29, 21, 52, .8);
}
.revenge-banner .rb-e { font-size: 28px; line-height: 1; }
.revenge-banner p { flex: 1; margin: 0; font: 700 15px/1.4 var(--body); color: #f3ecff; }
.revenge-banner p b { color: var(--gold); }
.revenge-banner .rb-x {
  border: 0; background: transparent; color: rgba(255, 255, 255, .65);
  font-size: 24px; line-height: 1; padding: 0 4px; cursor: pointer; border-radius: 8px;
}
.revenge-banner .rb-x:hover { color: #fff; }
.revenge-banner .rb-x:focus-visible { outline: 2px solid var(--gold); }

/* "Filme a reação!" na tela de presente embrulhado */
.result .film-tip { background: #fff1d6; box-shadow: inset 0 0 0 1.5px rgba(240, 170, 60, .45); padding: 12px 14px; line-height: 1.45; }
.film-tip b { display: block; color: var(--ink); font: 700 17px/1.3 var(--display); margin-bottom: 3px; }

/* "Meus presentes": selo de revanche */
.gift-tag { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #efe6ff; color: #5e2aa3; font-size: 12px; font-weight: 800; vertical-align: 1px; }