/**
 * Fichier: particle-map.css
 * Description: Styles pour la carte du monde en particules plein écran
 */

 .particle-map-container {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-color: #000;
}

.particle-map {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0; /* Commence invisible pour l'animation */
}

/* Styles pour le survol du curseur */
.particle-glow {
	position: absolute;
	width: 80px; /* Faisceau plus petit */
	height: 80px; /* Faisceau plus petit */
	border-radius: 50%;
	pointer-events: none;
	mix-blend-mode: screen;
	z-index: 10;
	filter: blur(15px);
	background: radial-gradient(
			circle,
			rgba(0, 255, 255, 0.8) 0%,
			rgba(0, 150, 255, 0.6) 30%,
			rgba(60, 120, 255, 0.3) 60%,
			rgba(0, 50, 255, 0) 100%
	);
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease;
}

/* Animation pour les particules survolées */
@keyframes neonPulse {
	0% {
			opacity: 0.7;
			transform: scale(1);
	}
	50% {
			opacity: 1;
			transform: scale(1.2);
	}
	100% {
			opacity: 0.7;
			transform: scale(1);
	}
}

/* Règle pour retirer la hauteur fixe sur les mobiles */
@media screen and (max-width: 768px) {
	.particle-map-container {
			/* Garder la hauteur 100vh même sur mobile */
	}
}