/* COD card effects (see fx-cards.js for licence and credits).
   Glare band adapted from Magic UI glare-hover; spotlight from Motion Primitives. MIT. */

.player-card{--fxc-glare:#ffffff38;--fxc-spot:#eeede8;--fxc-spot-idle:0;--fxc-spot-hot:.22;transform-origin:50% 50%;will-change:transform}
.player-card .player-card-label{z-index:3}
.player-card .player-card-scrim{z-index:1}

/* Spotlight: 250px radial light centred on the translate point */
.fxc-spot{position:absolute;top:-125px;left:-125px;width:250px;height:250px;border-radius:50%;pointer-events:none;z-index:2;
  background:radial-gradient(circle,var(--fxc-spot) 0%,rgba(238,237,232,.28) 35%,transparent 70%);
  opacity:var(--fxc-spot-idle);transition:opacity .2s ease;mix-blend-mode:screen}
.fxc-hot .fxc-spot{opacity:var(--fxc-spot-hot)}

/* Glare: oversized diagonal band, sweeps up-left on hover over 650ms */
.fxc-glare{position:absolute;top:0;left:0;width:250%;height:250%;pointer-events:none;z-index:2;
  background-image:linear-gradient(-35deg,transparent 60%,var(--fxc-glare) 70%,transparent,transparent 100%);
  transform:translate(60%,60%);transition:transform 650ms ease-in-out}
@media (hover:hover) and (pointer:fine){.player-card:hover .fxc-glare{transform:translate(-60%,-60%)}}

/* Keyboard focus: visible ring, static highlight, no slow animation */
.player-card:focus-visible{outline:2px solid var(--ember,#e2432a);outline-offset:4px}
.player-card:focus-visible .fxc-glare{transition:none;transform:translate(-12%,-12%)}

/* Reduced motion: stationary highlight replaces the sweep, no spotlight or tilt */
@media (prefers-reduced-motion:reduce){
  .fxc-glare{transition:none}
  .player-card:hover .fxc-glare{transform:translate(-12%,-12%)!important}
  .fxc-spot{display:none}
  .player-card{will-change:auto}
}