/* === Bataille Navale — surcharge identité jeu ===
   Le hero (.hero-jeu, ses taches de coin, les navires flottants), les cartes de
   mode, le bandeau et le bloc des règles viennent de
   fichiers-partages-des-jeux/css/accueil.css. Ne garder ici que ce qui
   distingue visuellement la bataille navale des autres jeux. */

/* Hero : patron partagé .hero-jeu motif-lignes. Ici seulement la houle des
   coins (rayures croisées à 170° et 190°, plus douces que les diagonales du
   motif partagé) et la seconde teinte, le bleu profond du jeu. */
.hero-jeu {
  --hero-teinte-2: #3b82f6;
  --hero-motif: repeating-linear-gradient(170deg, rgba(147, 197, 253, 0.1) 0px, transparent 6px, transparent 16px), repeating-linear-gradient(190deg, rgba(96, 165, 250, 0.08) 0px, transparent 5px, transparent 14px);
  --hero-motif-taille: auto;
  --hero-motif-2: repeating-linear-gradient(170deg, rgba(59, 130, 246, 0.08) 0px, transparent 5px, transparent 14px), repeating-linear-gradient(190deg, rgba(37, 99, 235, 0.06) 0px, transparent 4px, transparent 12px);
  --hero-motif-2-taille: auto;
}

/* Les trois navires qui flottent en haut du hero : seul leur remplissage est
   local. Relief interne seulement : pas d'ombre portée */
.ship-dark {
  background: radial-gradient(circle at 35% 35%, #4a6fa5, #1e3a5f);
  color: #93c5fd;
}

.ship-blue {
  background: radial-gradient(circle at 35% 35%, #93c5fd, #2563eb);
  color: #1e3a8a;
}

/* Badge propre au mode quotidien */
.badge-quotidien {
  background: transparent;
  color: #a98ac4;
  border: 1px solid #4d3d63;
}

/* Filigrane du bloc des règles : l'ancre */
.rules {
  --rules-symbole: '\2693';
}