/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/* Mini-carte styles */
.minimap-container {
  cursor: crosshair;
  transition: all 0.2s ease;
}

.minimap-container:hover {
  border-color: rgba(59, 130, 246, 0.5) !important;
}

.minimap-viewport {
  transition: all 0.3s ease;
  pointer-events: none;
}



.minimap-special-territory {
  transition: all 0.2s ease;
  z-index: 5;
}

.minimap-other-player {
  transition: all 0.2s ease;
  z-index: 5;
}

/* Animation pour les indicateurs de la mini-carte */
@keyframes minimap-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* Styles pour les boutons de navigation rapide */
.minimap-nav-button {
  transition: all 0.2s ease;
}

.minimap-nav-button:hover {
  transform: scale(1.05);
}

/* Styles pour les territoires visibles sur la mini-carte */
.minimap-visible-territory {
  border-radius: 1px;
  transition: opacity 0.2s ease;
  z-index: 3;
}

.minimap-visible-territory:hover {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1.5) !important;
}