/* Popup Jeu LFA 2026 - indépendant de Fancybox pour éviter les conflits JS/CSS existants */
#lfa-jeu-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 14px;
  box-sizing: border-box;
  background: rgba(20, 24, 18, 0.72);
  -webkit-overflow-scrolling: touch;
}
#lfa-jeu-overlay.is-visible { display: flex !important; }
#lfa-jeu-modal {
  position: relative !important;
  width: min(1180px, 96vw) !important;
  height: min(820px, 92vh) !important;
  max-width: 96vw !important;
  max-height: 92vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 5px solid #fff !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.45) !important;
}
#lfa-jeu-modal iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #fff !important;
}
#lfa-jeu-close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 10 !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 3px solid #fff !important;
  border-radius: 999px !important;
  background: #7b2f1d !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  font-weight: bold !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.35) !important;
}
#lfa-jeu-close:hover, #lfa-jeu-close:focus { background: #4e1f13 !important; outline: none !important; }
body.lfa-jeu-open { overflow: hidden !important; }
@media (max-width: 700px) {
  #lfa-jeu-overlay { padding: 8px !important; align-items: center !important; }
  #lfa-jeu-modal {
    width: 100% !important;
    height: calc(100dvh - 16px) !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 16px) !important;
    border-width: 3px !important;
    border-radius: 12px !important;
  }
  #lfa-jeu-close {
    width: 42px !important;
    height: 42px !important;
    line-height: 38px !important;
    font-size: 29px !important;
  }
}
@supports not (height: 100dvh) {
  @media (max-width: 700px) {
    #lfa-jeu-modal { height: calc(100vh - 16px) !important; max-height: calc(100vh - 16px) !important; }
  }
}