/* PIANO ARMY · the rare cards (web/army-rare.css; army-stage.js openDraft): Lionel, 10-17: "highlight the rare card
   (glowing) when it appears": a gold border breathing a glow, and a "Rare · once" ribbon on its bottom edge (its key on the top); the same in
   both orientations and in the draft that does not pause */
#draft .card.rare { border-color: #ffd34a; background: linear-gradient(#3a3320, #1f2234 70%); animation: rare-glow 1.2s ease-in-out infinite alternate; }
@keyframes rare-glow {
  from { box-shadow: 0 0 6px 1px rgba(255, 211, 74, .35), inset 0 0 10px rgba(255, 211, 74, .10); }
  to { box-shadow: 0 0 24px 6px rgba(255, 211, 74, .8), inset 0 0 18px rgba(255, 211, 74, .25); }
}
#draft .card .rare-tag { position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 3px 10px; border-radius: 999px;
  background: linear-gradient(#fff1b0, #e2b13a); color: #2a2010; font: 800 11px/1 "Barlow Condensed", Barlow, sans-serif; letter-spacing: .9px; text-transform: uppercase;
  box-shadow: 0 0 12px rgba(255, 211, 74, .85); }
#stage[data-orient="portrait"] #draft .card .rare-tag { font-size: 10px; padding: 2px 7px; }