/* «Карта площадки» — атлас карт ВЭФ с переключателем уровней + маркер «Вы здесь».
   Маркер показывается только на «домашней» карте выбранной стелы (по координатам). */


.map-back { position: absolute; left: 32px; top: 226px; white-space: pre; cursor: pointer;
  font-weight: 500; font-size: 28px; line-height: 1.2; color: rgba(255,255,255,0.85); }

.map-title { position: absolute; left: 32px; top: 290px; width: 776px;
  font-weight: 700; font-size: 48px; line-height: 1.16; color: #fff; }

.map-sub { position: absolute; left: 32px; top: 356px; width: 1016px;
  font-weight: 400; font-size: 26px; line-height: 1.2; color: #90d9f4;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Переключатель карт (чипы, .chip из prog.css) — 2 ряда (перенос), без скролла */
.map-chips { position: absolute; left: 32px; top: 404px; width: 1016px;
  display: flex; flex-wrap: wrap; gap: 12px; }
.map-chips .chip { flex: none; }
/* чип, на схеме которого есть пункт назначения — зелёная обводка */
.map-chips .chip.dest { border-color: #1f9d57; box-shadow: 0 0 0 2px rgba(31,157,87,0.55); }
.map-chips .chip.dest:not(.active) { color: #6fe0a6; }
/* чип, на схеме которого есть точка «Вы здесь» — красная метка */
.map-chips .chip.has-here::before { content: '•'; margin-right: 6px; color: #e2231a; font-size: 20px; line-height: 0; vertical-align: middle; }

.map-wrap { position: absolute; left: 32px; top: 560px; width: 1016px; height: 820px;
  /* Подложки нет: схемы разных пропорций, иначе вокруг картинки видна пустая коробка */
  overflow: hidden; }
.map-wrap img { width: 100%; height: 100%; display: block; object-fit: contain; border-radius: 20px; }

/* Маркер «Вы здесь» */
.map-here { position: absolute; width: 0; height: 0; }
.map-here .dot { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px;
  border-radius: 50%; background: #e2231a; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.45); }
.map-here .ring { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px;
  border-radius: 50%; border: 3px solid rgba(226,35,26,0.65); animation: mapPulse 1.8s ease-out infinite; }
@keyframes mapPulse { 0% { transform: scale(1); opacity: 0.85; } 100% { transform: scale(3.4); opacity: 0; } }
.map-here .lbl { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
  background: #e2231a; color: #fff; font-weight: 600; font-size: 24px; padding: 9px 18px;
  border-radius: 12px; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,0.4); }
.map-here .lbl::after { content: ''; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%);
  border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #e2231a; }

/* Маркер «Куда идти» (пункт назначения) — зелёный */
.map-dest { position: absolute; width: 0; height: 0; }
.map-dest .dot { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px;
  border-radius: 50%; background: #1f9d57; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.45); }
.map-dest .ring { position: absolute; left: -15px; top: -15px; width: 30px; height: 30px;
  border-radius: 50%; border: 3px solid rgba(31,157,87,0.7); animation: mapPulse 1.8s ease-out infinite; }
.map-dest .lbl { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
  background: #1f9d57; color: #fff; font-weight: 600; font-size: 24px; padding: 9px 18px;
  border-radius: 12px; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,0.4); }
.map-dest .lbl::after { content: ''; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%);
  border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #1f9d57; }

/* Линия маршрута (поверх карты) */
.map-route { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.map-route polyline { fill: none; stroke: #ffd23f; stroke-width: 4; stroke-linejoin: round;
  stroke-linecap: round; stroke-dasharray: 10 8; vector-effect: non-scaling-stroke; }