body.darkmode .unified-card {
  background: linear-gradient(132deg, #fffbe1 65%, #ffe595 100%) !important;
  color: #222 !important;
  border-color: var(--accent);
  box-shadow: 0 8px 24px 0 rgba(80,50,10,0.11), 0 1.5px 12px #f2593733, 0 2px 0 #fffbe1 inset;
  filter: none !important;
}
body.darkmode .unified-card:hover, 
body.darkmode .unified-card:focus-within {
  box-shadow: 0 16px 40px 0 rgba(80,50,10,0.19), 0 3px 20px #f2593766, 0 2px 0 #fffbe1 inset, 0 0px 32px 10px #f2593730;
  border-color: var(--success);
  background: linear-gradient(126deg, #ffe595 85%, #fffbe1 100%) !important;
  filter: brightness(1.08) drop-shadow(0 2px 12px #fff9);
  z-index: 10;
}
body.darkmode .unified-card::before {
  /* SHIMMER overlay, use gold/white for light cards */
  background: linear-gradient(120deg, rgba(255, 210, 80, 0.16) 0%, rgba(255,255,255,0.12) 100%);
  border-radius: 18px;
}
body.darkmode .unified-img {
  background: #fffbe1;
  border: 2.5px solid #ffe595;
  border-radius: 14px;
}

/* Name badge for darkmode: bright background, dark border and text */
body.darkmode .unified-name {
  color: #222 !important;
  background: rgba(255, 245, 180, 0.94) !important;
  border: 2px solid #c8ac3f !important;
  box-shadow: 0 2px 8px #ffe59555;
  text-shadow: 1px 1px 0 #fffbe1, 0 0px #fffbe1;
}
/* Info badge for darkmode: matching light background */
body.darkmode .unified-info {
  color: #222 !important;
  background: rgba(255, 245, 180, 0.94) !important;
  border: 2px solid #c8ac3f !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 8px #ffe59555 !important;
  text-shadow: 1px 1px 0 #fffbe1, 0 0px #fffbe1;
  padding: 0.27em 0.8em !important;
  font-weight: bold;
}
body.darkmode .unified-info.lost {
  color: #a22 !important;
}

/* Symbol overlays (icons) should match the name badge in darkmode */
body.darkmode .symbol {
  background: rgba(255, 245, 180, 0.94) !important;
  border: 2px solid #c8ac3f !important;
  box-shadow: 0 2px 8px #ffe59555 !important;
}

/* Unclaimed: faded/distinct on light background */
body.darkmode .unified-card.unclaimed {
  background: linear-gradient(132deg, #f4f4f4 70%, #e3e3e3 100%) !important;
  color: #999 !important;
  border-color: #bbb;
  box-shadow: 0 4px 20px #bbb4, 0 1.5px 12px #ccc8;
  filter: grayscale(0.6) brightness(1.10) blur(0.5px) !important;
  opacity: 0.65 !important;
  position: relative;
}
body.darkmode .unified-card.unclaimed:hover,
body.darkmode .unified-card.unclaimed:focus-within {
  border-color: #aaa;
  background: linear-gradient(126deg, #eeeeee 85%, #e3e3e3 100%) !important;
  box-shadow: 0 8px 32px #bbb8, 0 2px 16px #eee8;
  filter: grayscale(0.4) brightness(1.18);
  opacity: 0.75;
}
body.darkmode .unified-card.unclaimed::before { display: none !important; }
/* body.darkmode .unified-card.unclaimed::after { ... } — REMOVED */

/* LOST: faded/distinct on light background, reddish tint */
body.darkmode .unified-card.lost {
  background: linear-gradient(132deg, #f4f4f4 70%, #e3e3e3 100%) !important;
  color: #a66 !important;
  border-color: #c88;
  box-shadow: 0 4px 20px #bbb4, 0 1.5px 12px #ccc8;
  filter: grayscale(0.72) brightness(1.10) blur(0.6px) !important;
  opacity: 0.62 !important;
  position: relative;
}
body.darkmode .unified-card.lost:hover,
body.darkmode .unified-card.lost:focus-within {
  border-color: #eaa;
  background: linear-gradient(126deg, #eeeeee 85%, #e3e3e3 100%) !important;
  box-shadow: 0 8px 32px #bbb8, 0 2px 16px #eee8;
  filter: grayscale(0.58) brightness(1.18);
  opacity: 0.76;
}
body.darkmode .unified-card.lost::before { display: none !important; }
/* body.darkmode .unified-card.lost::after { ... } — REMOVED */

/* MEMBER NAMEPLATE adjustments for dark mode */
body.darkmode .member-nameplate {
  background: var(--card-gradient);
  color: var(--accent);
  border-color: var(--success);
}
body.darkmode .member-nameplate .member-name {
  background: var(--card);
  color: var(--accent);
  border-color: var(--accent);
}
body.darkmode .member-nameplate .shiny-count {
  background: var(--success);
  color: var(--card);
  border-color: var(--success);
}
body.darkmode .member-nameplate .point-count {
  background: var(--accent);
  color: var(--card);
  border-color: var(--accent);
}