/* ================= God Pack reveal ================= */
/* full-screen warm-gold atmosphere (sits behind the card, fills the overlay) */
.godbg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease;
  background:
    radial-gradient(72% 52% at 50% 42%,rgba(255,196,74,.34),rgba(150,96,4,.16) 46%,transparent 74%),
    radial-gradient(150% 120% at 50% 108%,rgba(120,74,0,.30),transparent 58%),
    linear-gradient(180deg,#1c1506 0%,#0c0a12 66%)}
/* the golden atmosphere only appears once the first card is flipped */
#openOverlay.god-live .godbg{opacity:1}
.godbg::after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(60% 40% at 50% 42%,rgba(255,214,110,.5),transparent 68%);
  animation:godglow 3.4s ease-in-out infinite}
@keyframes godglow{0%,100%{opacity:.35}50%{opacity:.62}}

/* banner — pinned near the top of the screen, clearly above the card */
.godbanner{position:absolute;top:7%;left:50%;transform:translateX(-50%) translateY(-16px);z-index:3;pointer-events:none;
  display:flex;align-items:center;gap:14px;opacity:0;white-space:nowrap;
  font-family:'Bebas Neue';font-size:34px;letter-spacing:.22em;
  background:linear-gradient(180deg,#fff4c6,#ffcf33 52%,#e19a12);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 14px rgba(255,180,20,.5));
  transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.5,.3,1)}
.godbanner .gbstar{font-style:normal;font-size:22px;background:none;-webkit-text-fill-color:#ffd76a;color:#ffd76a;
  filter:drop-shadow(0 0 9px rgba(255,203,5,.85))}
.godbanner.show{opacity:1;transform:translateX(-50%) translateY(0)}
.godbanner.show .gbstar{animation:gbtwinkle 1.9s ease-in-out infinite}
@keyframes gbtwinkle{0%,100%{opacity:.5;transform:scale(.82) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(90deg)}}

/* golden card treatment (rays keep the base gating — only appear during the flip celebration) */
.revealwrap.god{--rc:#ffcf33}
.revealwrap.god .glowring{box-shadow:0 0 60px 10px rgba(255,184,40,.45);border-color:rgba(255,210,110,.55)}
.godaura{position:absolute;top:50%;left:50%;width:138%;height:138%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  display:none;background:radial-gradient(circle,rgba(255,193,60,.34),transparent 62%);animation:godpulse 2.1s ease-in-out infinite}
#openOverlay.god-live .godaura{display:block}
@keyframes godpulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.05)}}
.revealwrap.god .rcard.flip .facef{box-shadow:0 0 0 2px rgba(255,214,110,.85),0 0 42px rgba(255,184,40,.55)}
.godpop{animation:godpop .55s cubic-bezier(.2,1.5,.3,1)}
@keyframes godpop{0%{transform:scale(.9)}55%{transform:scale(1.06)}100%{transform:scale(1)}}

/* twinkle sparkles that burst around the card on each god reveal */
.godspark{position:absolute;z-index:5;width:12px;height:12px;pointer-events:none;transform:scale(var(--sc,1));
  animation:godsp 1.5s ease-out var(--d,0s) forwards}
.godspark::before,.godspark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:linear-gradient(180deg,#fff,#ffcf33);border-radius:2px;box-shadow:0 0 7px rgba(255,190,40,.95)}
.godspark::before{width:2px;height:100%}
.godspark::after{width:100%;height:2px}
@keyframes godsp{0%{opacity:0;transform:scale(0) translateY(0)}18%{opacity:1}100%{opacity:0;transform:scale(calc(var(--sc,1)*1.7)) translateY(-30px)}}

/* summary screen */
.sumttl.god{position:relative;z-index:1}
.sumttl.god .godtag{font-family:'Bebas Neue';font-size:24px;letter-spacing:.2em;
  background:linear-gradient(180deg,#fff4c6,#ffcf33 52%,#e19a12);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 6px rgba(255,184,40,.4));margin-bottom:3px}
.sumttl.god .sv b{color:#ffcf33}