/* Full-width, single-row selection. Original PNG pixels are untouched. */
.players-detail-section .player-detail-side { flex-shrink: 1; }
.player-card-gallery { position: relative; z-index: 1; left: 50%; transform: translateX(-50%); width: var(--player-viewport, 100%); max-width: none; margin: -54px 0 16px; overflow: clip; }
.player-card-gallery__strip { display: grid; grid-template-columns: repeat(var(--player-columns, 5), minmax(0, 1fr)); gap: 0; width: 100%; padding: 24px 0; }
.player-card-cell { min-width: 0; perspective: 1200px; }
.player-card-cell:nth-child(even) { transform: translateY(-20px); }
.player-card-cell[hidden] { display: none !important; }
.player-game-card { margin: 0 0 0 var(--card-inset, calc(-4% - 1px)); position: relative; width: var(--card-width, calc(108% + 2px)); transform: none; transition: transform .18s ease-out; user-select: none; touch-action: pan-y; }
.player-game-card:is(.is-active, .is-dragging) { transform: translate3d(var(--drag-x, 0px), calc(var(--card-lift, 0px) + var(--drag-y, 0px)), 0) rotateX(var(--card-rx, 0deg)) rotateY(var(--card-ry, 0deg)) skewY(var(--card-skew, 0deg)) scaleX(var(--card-scale-x, 1)); }
.player-card-gloss { position: absolute; inset: 0; pointer-events: none; overflow: hidden; opacity: var(--gloss-opacity, 0); transition: opacity .14s ease; mask-size: 100% 100%; mask-position: center; mask-repeat: no-repeat; }
.player-card-gloss::before { content: ''; position: absolute; inset: -25% -80%; background: linear-gradient(112deg, transparent 32%, rgba(255,255,255,.03) 42%, rgba(255,255,255,.19) 49%, rgba(255,255,255,.05) 55%, transparent 68%); transform: translate3d(var(--gloss-x, 0%), var(--gloss-y, 0%), 0); }
.player-game-card.is-active .player-card-gloss::before { will-change: transform; }
.player-game-card img { display: block; width: 100%; height: auto; image-rendering: pixelated; object-fit: contain; pointer-events: none; }
.player-card-gallery__footer { display: flex; justify-content: flex-end; padding: 0 26px 8px; }
.player-card-gallery__footer a { color: #b9b9b9; font-size: 12px; text-decoration: none; }
.player-card-gallery__footer a span { margin-left: 6px; color: var(--color-yellow, #fadb0a); }
.player-card-gallery__footer a:hover { color: var(--color-yellow, #fadb0a); }
.player-card-gallery__footer a:focus-visible { outline: 2px solid var(--color-yellow, #fadb0a); outline-offset: 4px; }
@media (max-width: 600px) { .player-card-gallery { margin-top: -34px; } .player-card-cell:nth-child(even) { transform: translateY(-12px); } .player-game-card { width: var(--card-width, calc(106% + 2px)); margin-left: var(--card-inset, calc(-3% - 1px)); } .player-card-gallery__footer { padding-right: 15px; } }
@media (hover: hover) and (pointer: fine) { .player-game-card { cursor: grab; } .player-game-card.is-dragging { cursor: grabbing; } .player-card-cell:hover { z-index: 2; } }
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) { .player-card-gloss { display: none; } }
@media (prefers-reduced-motion: reduce) { .player-game-card, .player-game-card:is(.is-active, .is-dragging) { transition: none; transform: none; } }