/* ============================================================
   SEALED VAULT — industrial steel/teal theme
   Distinct from Illumineer's Vault (violet) and Slab Vault
   (amber) — leans into a secure-storage-room feel: deep
   graphite background, cyan-teal glow, cool white text.
   ============================================================ */

.sealed-vault-body{
  --vault-ink:      #0d1b1f;
  --vault-panel:    #16282e;
  --vault-panel-2:  #1c333b;
  --vault-gold:     #4fd1c5;
  --vault-gold-br:  #7ce8dc;
  --vault-glimmer:  #8ee9ff;
  --vault-parch:    #eaf6f7;
  --vault-faint:    rgba(234,246,247,0.52);
  --vault-line:     rgba(79,209,197,0.28);
  --vault-display:  'Cinzel', serif;
  background:var(--vault-ink);
}

.sealed-vault-body .vault-hero{
  background:
    radial-gradient(ellipse at 50% -10%, rgba(142,233,255,0.18), transparent 60%),
    var(--vault-ink);
}

.sealed-vault-body .vault-plaque:hover{
  box-shadow:0 22px 40px -24px rgba(0,0,0,0.7);
}

.sealed-vault-plaque-art{
  width:100%;
  aspect-ratio:4/3;
  border-radius:4px;
  overflow:hidden;
  margin-bottom:12px;
  background:var(--vault-panel-2);
  display:flex;
  align-items:center;
  justify-content:center;
}
.sealed-vault-plaque-art img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.vault-packs-section{
  padding-top:0;
  border-top:1px solid var(--vault-line);
}

/* Sealed Vault cards don't have card art — give the plaque a bit
   more breathing room around the text-only content. */
.sealed-vault-plaque-body{ padding:6px 2px; }
.sealed-vault-plaque-qty{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  font-family:var(--mono);
  font-size:0.78rem;
}
.sealed-vault-plaque-qty span:first-child{
  color:var(--vault-faint);
  text-transform:uppercase;
  letter-spacing:0.04em;
  font-size:0.7rem;
}
.sealed-vault-plaque-qty span:last-child{
  color:var(--vault-gold-br);
  font-weight:700;
}

/* ------------------------------------------------------------
   TMNT SPOTLIGHT — a self-contained color override just for the
   Magic: TMNT section, so it reads as a distinct "guest feature"
   rather than blending into the teal Sealed Vault theme. Scoped
   entirely through --vault-* custom properties, so every shared
   component (banner, plaques, corners, rule) picks it up for
   free with no duplicated rules.
   ------------------------------------------------------------ */
.tmnt-highlight{
  --vault-panel:    #12321d;
  --vault-panel-2:  #194227;
  --vault-gold:     #4caf50;
  --vault-gold-br:  #8bdb5e;
  --vault-glimmer:  #c6ff6b;
  --vault-line:     rgba(139,219,94,0.34);
  padding-bottom:20px;
}
.tmnt-highlight-banner{
  box-shadow:0 18px 36px -26px rgba(0,0,0,0.65), inset 0 1px 0 rgba(198,255,107,0.12), 0 0 0 1px rgba(139,219,94,0.16);
}
.tmnt-badge{
  display:inline-block;
  font-family:var(--mono);
  font-size:0.66rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#12321d;
  background:linear-gradient(90deg, var(--vault-glimmer), var(--vault-gold-br));
  padding:4px 10px;
  border-radius:999px;
  margin-bottom:8px;
}
.tmnt-highlight .vault-series-title-group{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.tmnt-highlight .sealed-vault-plaque-art{
  background:var(--vault-panel-2);
}