/* 034test: revelação única para pacotes normais, épicos, lendários e míticos. */
.modal.reveal {
  --reveal-accent:#a9b0bb;
  border:3px solid var(--reveal-accent);
  background:linear-gradient(155deg,#28232b 0%,#17171d 68%,#26202a 100%);
  box-shadow:0 0 0 3px #17151b,0 0 28px color-mix(in srgb,var(--reveal-accent),transparent 35%),0 18px 55px #000b;
}
.modal.reveal.rarity-uncommon{--reveal-accent:#48c779}
.modal.reveal.rarity-rare{--reveal-accent:#2d9bff}
.modal.reveal.rarity-epic{--reveal-accent:#b370ff}
.modal.reveal.rarity-legendary{--reveal-accent:#ffcc52}
.modal.reveal.rarity-mythic{--reveal-accent:#ff4d70}
.modal.reveal .reveal-rarity-banner{
  display:block;
  padding:9px 12px;
  border:2px solid var(--reveal-accent);
  border-radius:8px;
  background:linear-gradient(100deg,#17141d,var(--reveal-accent) 220%);
  color:var(--reveal-accent);
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-size:clamp(14px,3.5vw,19px);
  font-weight:900;
  letter-spacing:1.1px;
  text-align:center;
  text-shadow:0 2px 8px #000;
  box-shadow:inset 0 0 12px #0007,0 0 13px color-mix(in srgb,var(--reveal-accent),transparent 58%);
}
.modal.reveal .reveal-art.rarity-reveal{
  border:3px solid var(--reveal-accent);
  overflow:visible;
  box-shadow:0 0 0 2px #19151f,0 0 24px var(--reveal-accent),0 12px 24px #0009;
}
.modal.reveal .reveal-art.rarity-reveal::after{
  content:"";
  position:absolute;
  inset:-6px;
  border:2px solid var(--reveal-accent);
  border-radius:14px;
  pointer-events:none;
  opacity:.8;
}
.modal.reveal .reveal-art .mc-card-character{
  object-fit:contain;
}
.modal.reveal .reveal-art{width:clamp(185px,55vw,275px);margin:16px auto 48px}
.modal.reveal h2{display:none}
@media(max-width:440px){
  .modal.reveal{max-height:94dvh;padding:14px}
  .modal.reveal .reveal-art{width:min(72vw,275px);margin:14px auto 44px}
}

/* Mantém a mensagem de recompensa fora da moldura inferior da carta. */
.modal.reveal .reveal-art + p,
.modal.reveal > p{position:relative;z-index:2;margin-top:20px;line-height:1.5}

/* Sem barra lateral na revelação; conteúdo ainda pode ser rolado em telas baixas. */
.modal.reveal{max-height:calc(100dvh - 16px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
.modal.reveal::-webkit-scrollbar{display:none;width:0;height:0}

/* Marfim/grafite nos modais de abertura, mantendo as cores de raridade. */
.modal.reveal{
  color:#2b2126;
  border:3px solid #2b2228;
  background:
    radial-gradient(circle at 95% 9%,#f45bbd3a 0 5%,transparent 23%),
    radial-gradient(circle at 5% 78%,#03caca3e 0 6%,transparent 26%),
    linear-gradient(145deg,#fffef8f5,#f7e9d7f5),
    url('/graffiti-clouds-cream.webp') center/cover no-repeat;
  box-shadow:0 0 0 2px var(--reveal-accent),5px 7px 0 #b02976,0 19px 54px #0008;
}
.modal.reveal .reveal-rarity-banner{
  background:linear-gradient(105deg,#fffdf7,#f5dfc9);
  color:#2b2025;
  border-color:var(--reveal-accent);
  text-shadow:none;
  box-shadow:3px 4px 0 #2b2128,0 0 13px color-mix(in srgb,var(--reveal-accent),transparent 48%);
}
.modal.reveal .reveal-rarity-banner::first-letter{color:#b12675}
.modal.reveal > p{color:#392b29;text-shadow:none}
.modal.reveal > button{border-color:#29212a;color:#261d23;box-shadow:3px 4px 0 #2b2127}
.modal.reveal > button.primary{background:linear-gradient(105deg,#f5d47c,#ffd1df)}

/* Botão Fechar: alto contraste sobre a janela marfim. */
.modal.reveal > button.secondary{
  background:linear-gradient(110deg,#f9d567,#eeb76c);
  color:#2a1e26;
  border:2px solid #2b2027;
  box-shadow:3px 4px 0 #bd2d77;
  font-weight:900;
}
.modal.reveal > button.secondary:hover{background:linear-gradient(110deg,#f7c65a,#f1a8c2)}

/* Mensagem em primeiro plano mesmo se a arte do MC ultrapassar a moldura. */
.modal.reveal > p{z-index:50;position:relative;background:#fff9eeeb;border-radius:8px;padding:8px;color:#342628}