/* Games : même rendu que la section Films (classes vod-*) + compléments */
.games-platforms { flex-wrap: wrap; }
.games-chip-n { opacity: 0.55; font-size: 11px; margin-left: 4px; }
.games-count { padding: 6px 4px 0; font-size: 13px; color: var(--text-muted); }
.games-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.games-grid .vod-card { flex: unset; width: 100%; }
.games-grid .vod-card-poster { aspect-ratio: 3 / 4; object-fit: cover; }
.games-grid .vod-card-poster-placeholder { aspect-ratio: 3 / 4; }
.games-empty { padding: 40px 0; text-align: center; color: var(--text-muted); }
.games-more { display: flex; justify-content: center; padding: 18px 0 28px; }

/* Lecteur : iframe plein cadre au-dessus de l'app */
.games-player {
  position: fixed; inset: 0; z-index: 9000;
  display: flex; flex-direction: column;
  background: #000;
}
.games-player.hidden { display: none; }
.games-player-bar {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; background: var(--bg-secondary, #111); color: var(--text-primary, #fff);
  flex-shrink: 0;
}
.games-player-title { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.games-player-link { font-size: 13px; color: var(--accent, #0d9488); text-decoration: none; white-space: nowrap; }
.games-player-close {
  border: none; background: var(--glass-hover, #222); color: inherit;
  width: 34px; height: 34px; border-radius: 8px; cursor: pointer; font-size: 16px;
}
#gamesPlayerFrame { flex: 1; width: 100%; border: 0; background: #000; }

@media (max-width: 600px) {
  .games-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
  .games-player-link { display: none; }
}

/* Jeux locaux EmulatorJS : même zone que le lecteur iframe */
.games-emu { position: fixed; inset: 44px 0 0 0; z-index: 9001; background: #000; display: none; }
.games-emu.hidden { display: none; }
#gamesEmuBox { width: 100%; height: 100%; }