/* Savage Horizon v0.8.4 - compact rarity badges and simplified Shop Admin */
:root{
  --rarity-common:#b9bdc8;
  --rarity-uncommon:#4cff9a;
  --rarity-rare:#4a9dff;
  --rarity-epic:#bd63ff;
  --rarity-legendary:#ffd027;
  --rarity-apex:#ff4b55;
  --rarity-glitch:#ff43e6;
}

/* Force the storefront badge to be a compact glowing chip instead of a tall oval. */
.shop-art .shop-rarity,
.shop-modal-art .shop-rarity,
.admin-shop-preview .shop-rarity{
  position:absolute!important;
  inset:10px 10px auto auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:#0a0a0def!important;
  color:var(--rarity-common)!important;
  font:900 8px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:inset 0 0 9px currentColor,0 0 11px color-mix(in srgb,currentColor 50%,transparent)!important;
  z-index:5!important;
}

.shop-card.rarity-common,.admin-shop-preview.rarity-common{border-color:#4f5360!important;background:linear-gradient(150deg,#151425,#09090e 68%)!important}
.shop-card.rarity-uncommon,.admin-shop-preview.rarity-uncommon{border-color:#246c45!important;background:linear-gradient(150deg,#10251c,#09090e 68%)!important}
.shop-card.rarity-rare,.admin-shop-preview.rarity-rare{border-color:#285e9c!important;background:linear-gradient(150deg,#101a31,#09090e 68%)!important}
.shop-card.rarity-epic,.admin-shop-preview.rarity-epic{border-color:#6f369c!important;background:linear-gradient(150deg,#21112e,#09090e 68%)!important}
.shop-card.rarity-legendary,.admin-shop-preview.rarity-legendary{border-color:#8c6a11!important;background:linear-gradient(150deg,#2a2108,#09090e 68%)!important}
.shop-card.rarity-apex,.admin-shop-preview.rarity-apex{border-color:#932a31!important;background:linear-gradient(150deg,#2d1116,#09090e 68%)!important}
.shop-card.rarity-glitch,.admin-shop-preview.rarity-glitch{border-color:#8c1680!important;background:linear-gradient(150deg,#2a0d2c,#09090e 68%)!important}

.rarity-common .shop-rarity{color:var(--rarity-common)!important}
.rarity-uncommon .shop-rarity{color:var(--rarity-uncommon)!important}
.rarity-rare .shop-rarity{color:var(--rarity-rare)!important}
.rarity-epic .shop-rarity{color:var(--rarity-epic)!important}
.rarity-legendary .shop-rarity{color:var(--rarity-legendary)!important}
.rarity-apex .shop-rarity{color:var(--rarity-apex)!important}
.rarity-glitch .shop-rarity{color:var(--rarity-glitch)!important}

/* Keep required internal controls available to existing code, but remove them from the admin UI. */
#shopForm label:has(#shopId),
#shopForm label:has(#shopImage),
#shopForm label:has(#shopImageFile),
#shopForm label:has(#assetSpecies),
#shopForm label:has(#assetImage),
#shopForm label:has(#assetImageFile),
#uploadShopImage,
#uploadSpeciesImage,
#saveSpeciesAsset,
#shopForm hr,
#shopForm h3{
  display:none!important;
}

.admin-shop-preview{
  position:relative;
  min-height:255px;
  overflow:hidden;
  border:1px solid #4f5360;
  border-radius:14px;
  background:#0a0a0d;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.admin-shop-preview-art{height:185px;border-bottom:1px solid #ffffff17;background:radial-gradient(circle at 50% 38%,#20303b,#08090c 70%)}
.admin-shop-preview img{width:100%;height:100%;object-fit:contain;padding:14px;filter:drop-shadow(0 12px 12px #000)}
.admin-shop-preview-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px}
.admin-shop-preview-copy b,.admin-shop-preview-copy small{display:block}
.admin-shop-preview-copy b{color:#fff;font:800 21px/1 Barlow Condensed,Inter,sans-serif;text-transform:uppercase}
.admin-shop-preview-copy small{margin-top:5px;color:#8994a5;font-size:10px}
.admin-shop-preview-copy strong{color:#f0be4f;font:900 22px Barlow Condensed,Inter,sans-serif;white-space:nowrap}

.rarity-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.rarity-picker button{min-height:35px!important;padding:0 7px!important;border-radius:999px!important;background:#09090c!important;font-size:8px!important}
.rarity-picker button[data-rarity=COMMON]{color:var(--rarity-common)!important}
.rarity-picker button[data-rarity=UNCOMMON]{color:var(--rarity-uncommon)!important}
.rarity-picker button[data-rarity=RARE]{color:var(--rarity-rare)!important}
.rarity-picker button[data-rarity=EPIC]{color:var(--rarity-epic)!important}
.rarity-picker button[data-rarity=LEGENDARY]{color:var(--rarity-legendary)!important}
.rarity-picker button[data-rarity=APEX]{color:var(--rarity-apex)!important}
.rarity-picker button[data-rarity=GLITCH]{color:var(--rarity-glitch)!important}
.rarity-picker button.active{border-color:currentColor!important;box-shadow:inset 0 0 10px currentColor,0 0 12px color-mix(in srgb,currentColor 38%,transparent)!important}
.shop-rarity-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

@media(max-width:600px){.rarity-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shop-preview{min-height:220px}.admin-shop-preview-art{height:150px}}