/* Карта — стили контейнера и слоёв OpenLayers */
#map { position: absolute; inset: 0; z-index: 1; background: var(--bg); }

/* OpenLayers перебиваем под нашу тему */
.ol-viewport { background: var(--bg) !important; }
.ol-layer canvas { will-change: auto; }

/* Скрываем чужой копирайт OL */
.ol-attribution, .ol-zoom { display: none !important; }

/* Наш игрок — иконка команды */
.ol-layer__player.hidden { display: none; }

/* Регионы: включаем прозрачность из настроек через --opacity */
.ol-layer__regions { opacity: var(--regions-opacity, 0.4); }

/* Круги RANGE: подсветка границы */
.ol-layer__player canvas { pointer-events: none; }

/* --- popup info — оставим на popups.css, но карта должна знать точки --- */
/* При touch на карту — выделение не мешает */
#map .ol-selectable { cursor: grab; }

/* Заглушка загрузки карты */
#map::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--bg);
  z-index: -1;
}

@media (max-width: 480px) {
  #map { background: var(--bg); }
}