/* ===== Hero Card (absolute stack, no !important) ===== */

/* Card container (fixed 250x350) */
.hc-card,
.prospector-hero-card {
  position: relative;
  width: 250px;
  height: 345px;
  border-radius: 14px;
  background: #0b0b0d;
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  box-shadow: 0 0px 10px rgba(255,255,255,.45);
}

/* All images inside the card are absolutely positioned */
.hc-card img,
.prospector-hero-card img {
  position: absolute;
  display: block;
  max-width: none;
  -webkit-user-drag: none;
  user-select: none;
}

/* z=1 — rarity background fills the card */
.hc-rarity {
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: fill;         /* exact 250x350, no crop */
  border-radius: 12px;
  z-index: 1;
  pointer-events: none;
}

/* z=2 — hero portrait fills the card, brighter glow */
.hc-portrait {
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: fill;
  border-radius: 12px;
  z-index: 2;
  filter:
    drop-shadow(0 0 18px rgba(255,255,255,.60))
    drop-shadow(0 0 26px rgba(170,220,255,.45));
}

/* z=3 — name chip */
.hc-name {
  position: absolute;
  top: 8px; left: 8px;
  padding: 4px 8px;
  font: 700 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color: #fff;
  background: rgba(0,0,0,.65);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  letter-spacing: .5px;
  z-index: 3;
}

/* ===== Badges ===== */
/* Common badge size */
.hc-f1, .hc-f2 {
  width: 70px;
  height: 70px;
  object-fit: contain;
  z-index: 3;  /* lord bumps to 4 below */
}

.hc-class, .hc-dmg, .hc-lord {
  width: 45px;
  height: 45px;
  object-fit: contain;
  z-index: 3;  /* lord bumps to 4 below */
}

.hc-lord {
  width: 69px;
  object-fit: contain;
  z-index: 3;  /* lord bumps to 4 below */
}

/* Factions: bottom-left, horizontal (F1 then F2) */
.hc-f1 { left: 0px; bottom: 3px; }
.hc-f2 { left: 70px; bottom: 3px; }  /* 12 + 45 + 8 gap */

/* Class/Damage: top-right, vertical (Class above DMG) */
.hc-class { right: 12px; top: 12px; }
.hc-dmg   { right: 12px; bottom: 12px; } /* 12 + 45 + 8 gap */

/* z=4 — Lord overlay over F1, slightly smaller */
.hc-lord {
  left: 7px; bottom: 5.5px;
  z-index: 4;
  transform: scale(.82);
  transform-origin: bottom left;
  pointer-events: none;
}
.hc-class {
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .99));
    background-color: rgba(0, 0, 0, .20);
    border-radius: 10px !important;
    padding: 5px;
    width: 60px;
}
/* ---- optional debug (remove when happy) ----
.hc-rarity  { outline: 1px solid magenta; }
.hc-portrait{ outline: 1px dashed cyan; }
*/