/**
 * 2.5D Visual Effects Styling for WarMap
 *
 * Pseudo-extrusion and altitude visual effects for nation borders
 * and aerial routes. Maintains tactical, premium aesthetic without
 * introducing flashy or arcade-like visuals.
 *
 * Design tokens consumed:
 * - --wm-color-primary: primary accent color
 * - --wm-color-accent: secondary accent
 * - --wm-shadow-sm: subtle shadow
 * - --wm-border-radius: standard border radius
 */
#warmap-pane-terr-extrusion-shadow,
#warmap-pane-terr-borders,
#warmap-pane-terr-highlight {
  pointer-events: none;
}

#warmap-pane-aerial-shadows,
#warmap-pane-aerial-mains {
  pointer-events: none;
}

.warmap-2d5-shadow {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
  opacity: 0.4;
}
.warmap-2d5-shadow:hover {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
}

.warmap-2d5-nation-border {
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 0.5px rgba(0, 0, 0, 0.2));
}
.warmap-2d5-nation-border:hover, .warmap-2d5-nation-border:active {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.1));
}

.warmap-2d5-highlight {
  stroke-dasharray: 2, 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.25;
  mix-blend-mode: screen;
}
.warmap-2d5-highlight:hover {
  opacity: 0.2;
}

.warmap-2d5-aerial-shadow {
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: blur(0.5px);
  opacity: 0.15;
}

.warmap-2d5-aerial-main {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.warmap-2d5-aerial-main[data-altitude=low] {
  filter: drop-shadow(0 0 1px rgba(100, 150, 255, 0.3));
}
.warmap-2d5-aerial-main[data-altitude=mid] {
  filter: drop-shadow(0 0 2px rgba(100, 180, 255, 0.4));
}
.warmap-2d5-aerial-main[data-altitude=high] {
  filter: drop-shadow(0 0 3px rgba(100, 200, 255, 0.5));
}
.warmap-2d5-aerial-main:hover[data-altitude=low] {
  filter: drop-shadow(0 0 2px rgba(100, 150, 255, 0.5));
}
.warmap-2d5-aerial-main:hover[data-altitude=mid] {
  filter: drop-shadow(0 0 3px rgba(100, 180, 255, 0.6));
}
.warmap-2d5-aerial-main:hover[data-altitude=high] {
  filter: drop-shadow(0 0 4px rgba(100, 200, 255, 0.7));
}

@media (max-width: 600px) {
  .warmap-2d5-shadow,
  .warmap-2d5-highlight,
  .warmap-2d5-aerial-shadow {
    opacity: 0;
  }
}
@media (prefers-color-scheme: dark) {
  .warmap-2d5-nation-border {
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.15));
  }
  .warmap-2d5-highlight {
    mix-blend-mode: lighten;
    opacity: 0.2;
  }
  .warmap-2d5-aerial-shadow {
    filter: blur(0.5px) drop-shadow(0 0 0.5px rgba(0, 0, 0, 0.4));
    opacity: 0.25;
  }
  .warmap-2d5-aerial-main[data-altitude=low] {
    filter: drop-shadow(0 0 1px rgba(150, 180, 255, 0.4));
  }
  .warmap-2d5-aerial-main[data-altitude=mid] {
    filter: drop-shadow(0 0 2px rgba(150, 200, 255, 0.5));
  }
  .warmap-2d5-aerial-main[data-altitude=high] {
    filter: drop-shadow(0 0 3px rgba(150, 220, 255, 0.6));
  }
}

/*# sourceMappingURL=map-2d5-effects.css.map */