/* Black & White map with red features - OPTIMIZED VERSION */

/* ============================================
   PERFORMANCE NOTES:
   - Terrain colors are pre-calculated grayscale (no runtime filter!)
   - Shape filter only applies to small number of elements
   - Feature filter uses will-change for GPU acceleration
   ============================================ */

/* Grayscale terrain colors - pre-calculated for performance */
/* These replace the colored fills with their luminance-equivalent grays */
.terrain-flat-desert-rocky { fill: #dadada !important; }
.terrain-flat-desert-sandy { fill: #e7e7e7 !important; }
.terrain-flat-farmland { fill: #bababa !important; }
.terrain-flat-forest-deciduous { fill: #ababab !important; }
.terrain-flat-forest-deciduous-heavy { fill: #ababab !important; }
.terrain-flat-forest-evergreen { fill: #959595 !important; }
.terrain-flat-forest-evergreen-heavy { fill: #575757 !important; }
.terrain-flat-forest-jungle { fill: #818181 !important; }
.terrain-flat-forest-jungle-heavy { fill: #747474 !important; }
.terrain-hills { fill: #c8c8c8 !important; }
.terrain-hills-forest-deciduous { fill: #a2a2a2 !important; }
.terrain-hills-forest-evergreen { fill: #696969 !important; }
.terrain-hills-forest-jungle { fill: #6c6c6c !important; }
.terrain-mountain-volcano { fill: #949494 !important; }
.terrain-mountain-volcano-dormant { fill: #8f8f8f !important; }
.terrain-mountains { fill: #808080 !important; }
.terrain-mountains-forest-deciduous { fill: #8e8e8e !important; }
.terrain-mountains-forest-evergreen { fill: #656565 !important; }
.terrain-mountains-forest-jungle { fill: #5c5c5c !important; }
.terrain-other-badlands { fill: #cfcfcf !important; }

/* Water terrains - black as requested */
.terrain-water-ocean,
.terrain-water-sea,
.terrain-water-shoals,
.terrain-water-deep-ocean,
.terrain-water-deep-sea,
.terrain-water-kelp,
.terrain-water-kelp-heavy {
    fill: #000000 !important;
}

/* Shapes: filter is OK here - typically only dozens of elements, not thousands */
.shape-layer {
    filter: grayscale(100%);
    will-change: filter;  /* GPU acceleration hint */
}

/* Red feature icons with GPU acceleration */
.feature-symbol {
    will-change: filter;  /* Hint browser to cache filtered result */
    filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(7404%) hue-rotate(8deg) brightness(103%) contrast(117%) !important;
}