
/* =========================================================
   NEVA FINAL COLLECTIBLE CARD
   Native frame geometry: 768 x 1024 = 3:4
   This stylesheet intentionally overrides all old card tweaks.
   ========================================================= */


/* =========================================================
   MASTER CARD GEOMETRY
   ========================================================= */

.mystery-card-reveal .flip-card-shell.live-discovery-card{
  position:relative !important;

  width:min(100%, 430px) !important;
  max-width:430px !important;

  margin:14px auto 40px !important;
  padding:0 !important;

  display:block !important;
}

.mystery-card-reveal .live-discovery-card .flip-card{
  position:relative !important;

  width:100% !important;
  max-width:none !important;

  height:auto !important;
  aspect-ratio:3 / 4 !important;

  margin:0 !important;
  padding:0 !important;

  left:auto !important;
  right:auto !important;

  transform-style:preserve-3d !important;
}


/* EXACT SAME FOOTPRINT FRONT + BACK */

.mystery-card-reveal .live-discovery-card .flip-face{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;
}

.mystery-card-reveal .live-discovery-card .neva-card{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  background:transparent !important;

  transform:none !important;
}


/* PNG FRAME — NEVER MOVE THIS AGAIN */

.mystery-card-reveal .live-discovery-card .neva-frame-image{
  position:absolute !important;
  inset:0 !important;

  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  object-fit:fill !important;

  transform:none !important;

  z-index:10 !important;
  pointer-events:none !important;
}


/* Kill old artificial back canvas overlays */
.mystery-card-reveal .live-discovery-card .neva-card-back::before{
  display:none !important;
}


/* =========================================================
   FRONT
   ========================================================= */

/* PNG already owns the NEVA/header design */
.mystery-card-reveal
.live-discovery-card
.neva-card-front
.neva-card-header{
  display:none !important;
}


/* LARGE ART WINDOW */

.mystery-card-reveal
.live-discovery-card
.neva-card-front
.neva-card-image{
  position:absolute !important;

  left:10.4% !important;
  top:16.9% !important;

  width:79.2% !important;
  height:54.0% !important;

  margin:0 !important;
  padding:0 !important;

  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;

  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;

  clip-path:polygon(
    6% 0,
    94% 0,
    100% 6%,
    100% 94%,
    94% 100%,
    6% 100%,
    0 94%,
    0 6%
  ) !important;

  z-index:2 !important;
}


/* FRONT TITLE — LOWER IN THE TITLE PLATE */

.mystery-card-reveal
.live-discovery-card
.neva-card-front-copy{
  position:absolute !important;

  left:50% !important;
  top:70.4% !important;

  width:76% !important;
  height:10.8% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front-copy h2{
  margin:0 !important;

  font-family:Georgia,serif !important;

  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;

  color:#f7f3ed !important;

  white-space:nowrap !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-tagline{
  margin-top:7px !important;

  font-size:6px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;

  color:#e7edf1 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-serial{
  margin-top:6px !important;

  font-size:10px !important;
  font-weight:950 !important;

  color:var(--rarity) !important;
}


/* FRONT LOWER LOCATION / RARITY */

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-footer{
  position:absolute !important;

  left:50% !important;
  bottom:6.7% !important;

  width:76% !important;
  height:7.5% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  background:transparent !important;
  border:0 !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-place{
  text-align:left !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-place span{
  display:block !important;

  font-size:5.5px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;

  color:var(--rarity) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-place strong{
  display:block !important;

  margin-top:4px !important;

  font-size:8px !important;
  line-height:1.05 !important;

  color:#f3f5f6 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-front .neva-card-rarity{
  padding:5px 9px !important;

  font-size:7px !important;
  font-weight:950 !important;

  color:var(--rarity) !important;

  background:rgba(2,10,18,.7) !important;

  border:1px solid var(--rarity) !important;
  border-radius:999px !important;
}


/* =========================================================
   BACK
   EVERYTHING CENTERED
   ========================================================= */


/* TITLE */

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header{
  position:absolute !important;

  left:50% !important;
  top:17.8% !important;

  width:80% !important;
  height:12% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  display:block !important;

  text-align:center !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header > div:first-child{
  width:100% !important;
  text-align:center !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-kicker{
  display:block !important;

  text-align:center !important;

  color:var(--rarity) !important;

  font-size:6px !important;
  font-weight:950 !important;
  letter-spacing:.17em !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header h2{
  margin:8px auto 0 !important;

  text-align:center !important;

  font-family:Georgia,serif !important;
  font-size:27px !important;
  font-weight:800 !important;
  line-height:1 !important;

  color:#f7f3ed !important;

  white-space:nowrap !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header .neva-card-serial{
  margin-top:8px !important;

  text-align:center !important;

  font-size:10px !important;
  font-weight:950 !important;

  color:var(--rarity) !important;
}


/* rarity remains upper-right */

.mystery-card-reveal
.live-discovery-card
.neva-card-back-header .neva-card-rarity{
  position:absolute !important;

  right:0 !important;
  top:0 !important;

  padding:5px 9px !important;

  font-size:7px !important;
  font-weight:950 !important;

  color:var(--rarity) !important;

  border:1px solid var(--rarity) !important;
  border-radius:999px !important;

  background:rgba(2,10,18,.7) !important;
}


/* =========================================================
   BACK LOCATION
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-location{
  position:absolute !important;

  left:50% !important;
  top:29.5% !important;

  width:80% !important;
  height:11% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 0 10px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  background:transparent !important;

  border:0 !important;
  border-bottom:1px solid rgba(var(--rarity-rgb),.35) !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location span{
  text-align:center !important;

  color:var(--rarity) !important;

  font-size:6px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location strong{
  margin-top:6px !important;

  text-align:center !important;

  font-family:Georgia,serif !important;
  font-size:17px !important;
  line-height:1 !important;

  color:#f5f1eb !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location small{
  margin-top:6px !important;

  text-align:center !important;

  font-size:7px !important;

  color:#8496a3 !important;
}


/* =========================================================
   BACK DATA — HIGHER / TIGHTER
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-stats{
  position:absolute !important;

  left:50% !important;
  top:41.8% !important;

  width:80% !important;
  height:21.5% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  grid-template-rows:repeat(2,1fr) !important;

  gap:0 !important;

  background:transparent !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div{
  margin:0 !important;
  padding:6px 4px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  background:transparent !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}


/* subtle collectible separators */

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:not(:nth-child(3n)){
  border-right:1px solid rgba(var(--rarity-rgb),.15) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:nth-child(-n+3){
  border-bottom:1px solid rgba(var(--rarity-rgb),.15) !important;
}


.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div::before{
  margin-bottom:5px !important;

  font-size:13px !important;

  color:var(--rarity) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats span{
  font-size:5.7px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;

  color:var(--rarity) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats strong{
  margin-top:5px !important;

  text-align:center !important;

  font-family:Georgia,serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.05 !important;

  color:#f3f5f6 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div:nth-child(3) strong{
  font-size:8.7px !important;
  white-space:nowrap !important;
}


/* =========================================================
   NOTE — ALSO LIFTED
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.neva-card-note{
  position:absolute !important;

  left:50% !important;
  top:64.5% !important;

  width:80% !important;
  height:15.5% !important;

  transform:translateX(-50%) !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;

  z-index:20 !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-note label{
  display:block !important;

  margin-bottom:7px !important;

  text-align:center !important;

  font-size:5.7px !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;

  color:var(--rarity) !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-note textarea{
  width:100% !important;
  height:100% !important;

  box-sizing:border-box !important;

  padding:13px 14px !important;

  resize:none !important;

  color:#dce6eb !important;

  background:rgba(0,7,13,.42) !important;

  border:1px solid rgba(var(--rarity-rgb),.25) !important;
  border-radius:8px !important;
}


/* =========================================================
   FLIP CUE
   ========================================================= */

.mystery-card-reveal
.live-discovery-card
.card-flip-cue{
  left:50% !important;
  transform:translateX(-50%) !important;
}


/* =========================================================
   PHONE
   ========================================================= */

@media(max-width:460px){

  .mystery-card-reveal .flip-card-shell.live-discovery-card{
    width:96% !important;
    max-width:none !important;
  }

  .mystery-card-reveal
  .live-discovery-card
  .neva-card-front-copy h2{
    font-size:27px !important;
  }

  .mystery-card-reveal
  .live-discovery-card
  .neva-card-back-header h2{
    font-size:25px !important;
  }
}


/* =========================================================
   NEVA BACK — CLEAN CONTENT PANEL PASS
   ONLY THIS FILE FROM NOW ON
   ========================================================= */

/* Keep the whole back content centered and clear of frame edges */
.mystery-card-reveal
.live-discovery-card
.neva-card-back-header{
  top:19.5% !important;
  width:76% !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-location{
  top:31.0% !important;
  width:76% !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-stats{
  top:42.5% !important;
  width:76% !important;
  height:19.5% !important;
}

/* remove old row/column separator look */
.mystery-card-reveal
.live-discovery-card
.neva-card-stats > div{
  border:0 !important;
  background:transparent !important;
}

/* subtle spacing only */
.mystery-card-reveal
.live-discovery-card
.neva-card-stats{
  column-gap:10px !important;
  row-gap:6px !important;
}

/* move note up and make it one clean panel */
.mystery-card-reveal
.live-discovery-card
.neva-card-note{
  top:63.0% !important;
  width:76% !important;
  height:16.5% !important;
}

.mystery-card-reveal
.live-discovery-card
.neva-card-note textarea{
  width:100% !important;
  height:100% !important;

  background:rgba(1,9,16,.78) !important;

  border:1px solid rgba(var(--rarity-rgb),.34) !important;
  border-radius:10px !important;

  box-shadow:
    inset 0 0 18px rgba(0,0,0,.28) !important;
}

/* stronger centered hierarchy */
.mystery-card-reveal
.live-discovery-card
.neva-card-back-header,
.mystery-card-reveal
.live-discovery-card
.neva-card-location,
.mystery-card-reveal
.live-discovery-card
.neva-card-stats,
.mystery-card-reveal
.live-discovery-card
.neva-card-note{
  text-align:center !important;
}

/* keep frame untouched */
.mystery-card-reveal
.live-discovery-card
.neva-frame-image{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  object-fit:fill !important;
}

