/* WP Fort Shield — CSS Protection Jeu HTML5 */

/* ── Conteneur du jeu ────────────────────────────────────── */
.wpfs-game-container {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #000;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* ── Couche transparente par-dessus le jeu (bloque clic droit natif) ─ */
.wpfs-game-shield {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none; /* laisse passer les clics vers le jeu */
  background: transparent;
}

/* ── Filigrane sur le jeu ────────────────────────────────── */
.wpfs-game-watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  color: rgba(255,255,255,0.06);
  font-size: clamp(16px, 3vw, 36px);
  font-weight: 900;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  white-space: nowrap;
  pointer-events: none;
  z-index: 11;
  text-shadow: 0 0 10px rgba(255,255,255,0.05);
  letter-spacing: 4px;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* ── Bloquer le drag sur toutes les images du conteneur ──── */
.wpfs-game-container img,
.wpfs-game-container canvas {
  pointer-events: auto; /* le jeu a besoin des events sur son canvas */
  -webkit-user-drag: none !important;
  user-drag: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* ── Empêcher impression du canvas ──────────────────────── */
@media print {
  .wpfs-game-container {
    display: none !important;
  }
  body::after {
    display: block !important;
    content: "🛡️ Le jeu ne peut pas être imprimé — Contenu protégé par WP Fort Shield";
    text-align: center;
    margin-top: 35vh;
    font-size: 20px;
    font-weight: bold;
    color: #333;
  }
}

/* ── Blur si DevTools détectés ───────────────────────────── */
body.wpfs-devtools-open .wpfs-game-container {
  filter: blur(12px) brightness(0.3) !important;
  transition: filter 0.4s ease;
}
body.wpfs-devtools-open .wpfs-game-container::after {
  content: "🛡️ Fermez les DevTools pour jouer";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  z-index: 999;
  white-space: nowrap;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
  pointer-events: none;
}