/* Exclusivos: cartão dourado na lista de uniformes + aba "Efeito de gol" */
.uniformCard.exclusive { border-color: #FFB400; box-shadow: 0 0 0 1px rgba(255,180,0,.5), 0 0 14px rgba(255,180,0,.35); position: relative; }
.uniformCard.exclusive::after { content: '★'; position: absolute; top: 4px; right: 6px; color: #FFB400; font-size: 14px; text-shadow: 0 1px 3px #000; }
.uniformCard.exclusive[data-rarity="epic"] { border-color: #b388ff; box-shadow: 0 0 0 1px rgba(179,136,255,.55), 0 0 14px rgba(179,136,255,.4); }
.uniformCard.exclusive[data-rarity="epic"]::after { color: #b388ff; }
.uniformCard.exclusive[data-rarity="rare"] { border-color: #4cc9f0; box-shadow: 0 0 0 1px rgba(76,201,240,.55), 0 0 14px rgba(76,201,240,.35); }
.uniformCard.exclusive[data-rarity="rare"]::after { color: #4cc9f0; }

/* cartões de efeito de gol (usam o mesmo grid da lista de uniformes) */
.fxCard { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 96px; padding: 8px 6px; border-radius: 14px; cursor: pointer; color: #fff; font: inherit; position: relative;
  border: 2px solid rgba(255,255,255,.18); background: linear-gradient(155deg, var(--fa), var(--fb)); text-shadow: 0 1px 3px rgba(0,0,0,.7); }
.fxCard .fxIcon { font-size: 34px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.fxCard .fxName { font-weight: 800; font-size: 12px; text-align: center; line-height: 1.15; }
.fxCard.active { border-color: #FFB400; box-shadow: 0 0 0 2px #FFB400, 0 0 16px rgba(255,180,0,.55); }
.fxCard.active::after { content: '✓ Equipado'; position: absolute; top: 4px; right: 5px; font-size: 10px; font-weight: 900; color: #111; background: #FFB400; padding: 1px 6px; border-radius: 999px; text-shadow: none; }
.fxCard.none { --fa: #2b2b36; --fb: #15151c; }
.fxCard.locked { cursor: pointer; filter: grayscale(1) brightness(.5); }
.fxCard.locked .fxIcon, .fxCard.locked .fxName { opacity: .5; filter: blur(1.5px); }
.fxLock { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; filter: none; text-shadow: 0 2px 8px #000; pointer-events: none; }
.fxCard.locked .fxLock { filter: grayscale(0) brightness(2); }
.fxLock.open { inset: auto; top: 4px; left: 6px; font-size: 18px; animation: fxUnlockPop 1.6s ease-out both; }
.fxCard.justUnlocked { animation: fxUnlockGlow 1.8s ease-out 2; }
@keyframes fxUnlockPop { 0% { transform: scale(2.4) rotate(-25deg); opacity: 0; } 25% { transform: scale(1) rotate(12deg); opacity: 1; } 45% { transform: rotate(-10deg); } 65% { transform: rotate(0); } 100% { opacity: .0; transform: translateY(-8px); } }
@keyframes fxUnlockGlow { 0% { box-shadow: 0 0 0 0 rgba(255,180,0,.9); } 100% { box-shadow: 0 0 0 18px rgba(255,180,0,0); } }
.fxHint { grid-column: 1 / -1; font-size: 12px; opacity: .75; padding: 2px 4px 6px; }