/* Espace jeu (CDC Espace jeu v1.0) — popin « Pub requise » (§5.5) + cadre pub.
   Même principe visuel que la popin « Accès bloqué » : bloquante, fond distinct. */

/* Plateau masqué et inerte tant que le gate n'est pas résolu. */
#game-container.eg-wait { visibility: hidden; pointer-events: none; }

.eg-overlay {
  position: fixed; inset: 0; z-index: 999999;
  background: rgba(16, 22, 28, .72);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.eg-popin {
  background: #fff; border-radius: 16px;
  box-shadow: 0 24px 70px rgba(16, 22, 28, .4);
  max-width: 380px; width: 100%;
  padding: 26px 22px 20px; text-align: center;
}
.eg-title { font: 800 19px/1.3 "Bricolage Grotesque", system-ui, sans-serif; color: #10161C; }
.eg-body { font: 400 14px/1.55 "Hanken Grotesk", system-ui, sans-serif; color: #5A6470; margin: 10px 0 18px; }
.eg-cta {
  display: inline-block; border: 0; cursor: pointer;
  background: #3FA9C9; color: #fff; border-radius: 100px;
  padding: 12px 24px; font: 700 14px "Hanken Grotesk", system-ui, sans-serif;
}
.eg-cta:disabled { cursor: not-allowed; opacity: .6; }
.eg-retour {
  display: block; margin-top: 12px;
  font: 500 12.5px "Hanken Grotesk", system-ui, sans-serif;
  color: #8a95a1; text-decoration: underline;
}

/* Cadre publicitaire ViewPay — mêmes dimensions que l'adaptateur existant. */
.eg-vpmodal {
  width: 100%; height: 100%; display: none;
  position: fixed; inset: 0;
  background-color: rgba(0, 0, 0, .85);
  z-index: 9999999 !important;
}
.eg-vpmodal #cadreJokerlyADS {
  margin: auto; top: 0; right: 0; left: 0; bottom: 0;
  position: fixed; width: 650px !important; height: 450px !important;
  z-index: 9999999 !important;
}
@media screen and (max-width: 600px) {
  .eg-vpmodal #cadreJokerlyADS { width: 100% !important; height: 100% !important; margin-top: 0; }
}

/* Picto maison du chrome (liste des grilles, solitaire) — §4.2/§4.3. */
.eg-nav { margin: 0 0 12px; }
.eg-home {
  display: inline-flex; align-items: center; gap: 6px;
  font: 700 13px "Hanken Grotesk", system-ui, sans-serif;
  color: #10161C; text-decoration: none;
  border: 1px solid #E6EEF2; border-radius: 100px;
  background: #fff; padding: 8px 14px;
}
.eg-home:hover { border-color: #3FA9C9; color: #3FA9C9; }