/* V117 — Bombarera compact rarity gallery; scoped to the actual live skin grid. */
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card{
  cursor:pointer!important;
  border:1px solid var(--rarity-line,rgba(92,214,255,.4))!important;
  border-radius:15px!important;
  background:radial-gradient(ellipse at 50% 50%,var(--rarity-glow,rgba(74,206,255,.2)),transparent 72%),linear-gradient(155deg,var(--rarity-c,#122b46),#071326 78%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -15px 26px rgba(0,4,18,.22),0 5px 14px rgba(0,0,0,.22)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  outline-offset:3px;
}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card::before{
  content:""!important;position:absolute!important;inset:0 0 auto!important;height:2px!important;
  background:linear-gradient(90deg,transparent,var(--rarity-a,#65ddff),transparent)!important;
  box-shadow:0 0 12px var(--rarity-glow,rgba(75,215,255,.2))!important;z-index:7!important;
}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card::after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 30%,transparent 72%,rgba(0,0,0,.15))!important;
  z-index:3!important;
}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__portrait{
  background:radial-gradient(ellipse at 50% 64%,var(--rarity-glow,rgba(75,210,255,.2)),transparent 64%),linear-gradient(180deg,rgba(9,25,49,.07),rgba(4,10,25,.3))!important;
}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__portrait::before{opacity:.34!important}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__portrait-glow{opacity:.66!important}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card-top{z-index:8!important;top:6px!important;left:6px!important;right:6px!important}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card-rarity{
  display:inline-flex!important;align-items:center!important;min-height:19px!important;
  padding:0 7px!important;border-radius:7px!important;
  border:1px solid var(--rarity-line,rgba(105,220,255,.35))!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--rarity-a,#65ddff) 18%,#071629),rgba(4,12,27,.92))!important;
  color:var(--rarity-ink,#b9efff)!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.035em!important;
  box-shadow:0 3px 10px rgba(0,0,0,.26)!important;
}
/* The old NEW indicator rendered as an empty pill in compact mode. */
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__new{display:none!important}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--rarity-a,#65ddff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 9px 22px rgba(0,0,0,.32),0 0 18px var(--rarity-glow,rgba(74,211,255,.2))!important;
}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card:focus-visible{outline:2px solid var(--rarity-a,#65ddff)!important}
body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card.is-active{
  border-color:#79f1b8!important;
  box-shadow:inset 0 0 0 1px rgba(121,241,184,.34),0 0 0 1px rgba(121,241,184,.24),0 0 18px rgba(76,234,165,.17)!important;
}
@media(prefers-reduced-motion:reduce){body[data-ui-context="skins"] #shopCharacterGrid .skins-v77__card{transition:none!important}}