/* V15.4 — expérience invitée, états publics des jeux et visionneuse Media Collector. */

.site-version {
  background: rgba(242, 184, 75, .11);
  border: 1px solid rgba(242, 184, 75, .34);
  border-radius: 999px;
  color: var(--gold);
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .06em;
  padding: 7px 11px;
  white-space: nowrap;
}

.quiz-guest-warning {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr auto;
  margin: 0 0 22px;
  min-height: 0;
  padding: 18px 20px;
}

.quiz-guest-warning h2 { font-size: 1.18rem; margin: 3px 0 5px; }
.quiz-guest-warning p:not(.eyebrow) { font-size: .85rem; margin: 0; }
.quiz-mode-tab.requires-login::after { color: var(--gold); content: " · connexion"; font-size: .64rem; }

.games-catalogue { margin-top: 28px; }
.games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.games-grid .game-card { min-height: 190px; }
.games-grid .quiz-feature { background: linear-gradient(120deg, rgba(91,208,255,.13), rgba(154,121,255,.13)); }

.library-card-preview-action { cursor: pointer; outline: none; }
.library-card-preview-action:focus-visible {
  box-shadow: inset 0 0 0 3px var(--gold);
}

.library-card-preview .type-pill,
.library-card-preview .owned-pill { z-index: 5; }

.library-card-preview-action::before {
  background: rgba(7, 7, 11, .5);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: #fff;
  content: "Voir";
  font-size: .68rem;
  font-weight: 850;
  opacity: 0;
  padding: 7px 11px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .18s ease;
  z-index: 4;
}

.library-card-preview-action:hover::before,
.library-card-preview-action:focus-visible::before { opacity: 1; }

.protected-image-preview {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.protected-image-preview img { display: block; max-height: 100%; max-width: 100%; object-fit: contain; }

.media-video-player {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  max-height: 100%;
  max-width: 100%;
  min-height: 220px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.media-video-player video {
  background: #000;
  cursor: pointer;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

.media-video-play {
  background: rgba(10,10,15,.84);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  color: #fff;
  left: 50%;
  padding: 12px 18px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media (max-width: 760px) {
  .quiz-guest-warning { grid-template-columns: auto 1fr; }
  .quiz-guest-warning .secondary { grid-column: 1 / -1; justify-self: stretch; text-align: center; }
  .games-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .site-version { align-self: flex-start; }
  .quiz-guest-warning { border-radius: 16px; gap: 11px; padding: 14px; }
  .quiz-guest-warning .quiz-gate-icon { height: 44px; width: 44px; }
  .quiz-guest-warning h2 { font-size: 1.04rem; }
  .quiz-guest-warning p:not(.eyebrow) { font-size: .78rem; }
  .games-grid .game-card { min-height: 0; }
  .library-card-preview-action::before { opacity: 1; }
}