/* Minimal gallery styles to avoid 404 and provide basic layout */
.players-gallery-section { padding: 60px 0; }
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.gallery-item { position: relative; overflow: hidden; border-radius: 14px; perspective: 800px; }
.image-container { position: relative; transform-style: preserve-3d; transition: transform .35s ease, box-shadow .35s ease, filter .35s ease; }
.image-container img { width: 100%; height: 100%; object-fit: cover; display: block; transform: translateZ(0); }
.image-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,22,41,.75), rgba(7,22,41,0)); opacity: 0; transition: opacity .35s ease; }
.gallery-item:hover .image-container { transform: translateY(-4px) rotateX(3deg) scale(1.02); box-shadow: 0 20px 40px rgba(0,0,0,.35); filter: saturate(1.05); }
.gallery-item:hover .image-overlay { opacity: 1; }
.player-details { position: absolute; left: 14px; bottom: 14px; color: #fff; transform: translateY(8px); opacity: 0; transition: transform .35s ease, opacity .35s ease; }
.gallery-item:hover .player-details { transform: translateY(0); opacity: 1; }

/* Keyboard focus for accessibility */
.gallery-item:focus-within .image-container,
.gallery-item:focus .image-container { outline: 2px solid #00a8ff; outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .image-container, .image-overlay, .player-details, .gallery-item:hover .image-container { transition: none; }
}