/* Collection effects respond to selection, hover and focus; they never hide labels. */
.lobby .rarity-metric { color:#ffe3a3; border-left:2px solid #d9a84b; padding-left:5px; margin-top:3px; line-height:1.3; }
.lobby .bdetail { min-height:0; overflow-y:auto; }
.lobby .gcard.gSS, .lobby .cdi.gSS, .lobby .pc.gSS .pimg { position:relative; isolation:isolate; }
.lobby .gcard.gSS > img, .lobby .cdi.gSS > img, .lobby .pc.gSS .pimg > img { position:relative; z-index:1; }
.lobby .gcard.gSS::before, .lobby .cdi.gSS::before, .lobby .pc.gSS .pimg::before {
  content:""; position:absolute; pointer-events:none; inset:3px; border-radius:inherit; opacity:0;
  background:linear-gradient(115deg,transparent 28%,#fff9ce99 43%,#ffcf7288 50%,transparent 63%);
  transform:translateX(-22%); z-index:2;
}
.lobby .gcard.gSS:hover::before, .lobby .gcard.gSS:focus-visible::before, .lobby .gcard.gSS.on::before,
.lobby .cdi.gSS::before, .lobby .pc.gSS .pimg::before { animation:rarity-shine .72s ease-out both; }
.lobby .gcard.gSS:hover > img, .lobby .gcard.gSS:focus-visible > img { transform:translateY(-2px) rotate(-4deg); filter:drop-shadow(0 2px 2px #e8b14b99); }
.lobby .gcard.gSS:active > img { transform:scale(.92); }
.lobby .gcard.gSS.on > img, .lobby .cdi.gSS > img { animation:rarity-pop .45s ease-out; }
.lobby .pc.gSS .pimg { overflow:visible; }
.lobby .pc.gSS .pimg::after { content:"✦"; position:absolute; top:-5px; right:-3px; z-index:3; color:#ffe5a1; -webkit-text-stroke:1px #77532b; font-size:21px; pointer-events:none; animation:rarity-spark .8s ease-out both; }
@keyframes rarity-shine { 0% { opacity:0;transform:translateX(-22%); } 35% { opacity:1; } 100% { opacity:0;transform:translateX(22%); } }
@keyframes rarity-pop { 0% { transform:scale(.88); } 55% { transform:scale(1.06); } 100% { transform:scale(1); } }
@keyframes rarity-spark { 0% { opacity:0;transform:scale(.3) rotate(-30deg); } 45% { opacity:1;transform:scale(1.15) rotate(8deg); } 100% { opacity:0;transform:scale(.75) rotate(25deg); } }
@media (prefers-reduced-motion:reduce) {
  .lobby .gcard.gSS::before, .lobby .cdi.gSS::before, .lobby .pc.gSS .pimg::before, .lobby .pc.gSS .pimg::after,
  .lobby .gcard.gSS.on > img, .lobby .cdi.gSS > img { animation:none; }
  .lobby .gcard.gSS:hover > img, .lobby .gcard.gSS:focus-visible > img { transform:none; filter:drop-shadow(0 0 2px #e8b14b); }
}