#market-body .market-card{
  --rarity-border:#b8c7ca;
  --rarity-ink:#66777b;
  --rarity-bg:#fbfdfc;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--rarity-border);
  background:linear-gradient(155deg,#fff 0,var(--rarity-bg) 100%);
  box-shadow:0 4px 12px #526f7814;
}
#market-body .market-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--rarity-border) 24%,transparent),transparent 38%);
  pointer-events:none;
}
#market-body .market-card.quality-1{--rarity-border:#b8c7ca;--rarity-ink:#66777b;--rarity-bg:#f3f6f5}
#market-body .market-card.quality-2{--rarity-border:#65a9cd;--rarity-ink:#357b9f;--rarity-bg:#eaf6fc;box-shadow:0 5px 16px #4f9fc426}
#market-body .market-card.quality-3{--rarity-border:#a47acc;--rarity-ink:#76519d;--rarity-bg:#f3ebfc;border-width:2px;box-shadow:0 6px 19px #8d64b832}
#market-body .market-card.quality-4{--rarity-border:#c79b3d;--rarity-ink:#876519;--rarity-bg:#fff3cf;border-width:2px;background:linear-gradient(145deg,#fffdf5 0,#fff1c7 48%,#f3ecff 100%);box-shadow:0 7px 22px #c49b3d4a,0 0 0 1px #fff inset}
#market-body .market-card.quality-4::after{content:"✦";position:absolute;right:10px;top:8px;color:#c79b3d;font-size:16px;text-shadow:0 0 8px #fff}
#market-body .market-quality{align-self:flex-start;display:inline-flex;align-items:center;min-height:23px;padding:2px 9px;border:1px solid var(--rarity-border);border-radius:999px;background:#ffffffe0;color:var(--rarity-ink);font-size:10px;font-weight:700;letter-spacing:.06em}
#market-body .market-card.quality-4 .market-quality{padding-right:25px}
#market-body .market-card>img{border-radius:11px;background:radial-gradient(circle,#ffffffd9 28%,transparent 70%)}
#market-body .market-card>strong{color:var(--rarity-ink)}
@media(max-width:600px){#market-body .market-quality{min-height:20px;padding:1px 7px;font-size:9px}#market-body .market-card.quality-4 .market-quality{padding-right:22px}}