/* ИСТОРИЧЕСКИЙ КОД — «стеклянная» карта (эксперимент map-glass).
   Скин подключается ПОСЛЕ map.css и перекрывает только вид: геометрия,
   проекция и разметка целиком в ussr-map.js/map.css.
   Тема v2 — светлое стекло на бледно-зелёном фоне (по фидбеку: фон бледный,
   не тёмный; пунктирные связи ярче; маркеры оранжевые).
   Версия обязательна (nginx immutable): правки → поднять ?v= в map-glass.html. */

/* ---------- Обёртка и тулбар: светлое стекло ---------- */

.ussr-map-wrap {
  background: linear-gradient(160deg, rgba(255, 255, 255, .62), rgba(242, 245, 238, .5));
  border: 1px solid rgba(23, 99, 63, .18);
  box-shadow:
    0 18px 44px -18px rgba(20, 40, 25, .22),
    inset 0 1px 0 rgba(255, 255, 255, .65);
}

.ussr-map-toolbar {
  border-bottom: 1px solid rgba(23, 99, 63, .14);
}

.ussr-map-toolbar h3 {
  color: var(--on-surface, #1c221d);
  letter-spacing: .01em;
}

/* ---------- Канва: бледно-зелёный, светлые пятна, мягкая виньетка ---------- */

.ussr-map {
  background:
    radial-gradient(ellipse 55% 50% at 26% 24%, rgba(255, 255, 255, .8), transparent 55%),
    radial-gradient(ellipse 60% 55% at 74% 70%, rgba(214, 235, 220, .75), transparent 60%),
    radial-gradient(ellipse 130% 100% at 50% 50%, #eaf1e6 55%, #dfeade 100%);
}

/* ---------- Суша: тёмная тонированная «стеклянная» пластина на бледном фоне ---------- */

.ussr-map-svg .ussr-land {
  fill: rgba(14, 58, 38, .72);
  stroke: rgba(120, 220, 160, .55);
  stroke-width: 1;
  filter: drop-shadow(0 0 8px rgba(23, 99, 63, .35));
}

/* ---------- Связи: светлый пунктир — читается на тёмной суше ---------- */

.ussr-map-wires .ussr-wire {
  stroke: rgba(190, 240, 210, .85);
  stroke-opacity: .9;
  stroke-width: 1.5;
  stroke-dasharray: 2 7;
  stroke-linecap: round;
}

/* ---------- Маркеры: оранжевые с янтарным свечением ---------- */

.ussr-marker-dot {
  background: radial-gradient(circle at 35% 32%, #ffd9a8, #ff8c42 65%);
  border: 2px solid rgba(122, 58, 12, .85);
  box-shadow:
    0 1px 3px rgba(20, 40, 25, .22),
    0 0 10px rgba(255, 150, 60, .55);
}

/* Крупные центры — ярче и «горячее» */
.ussr-marker-major .ussr-marker-dot {
  background: radial-gradient(circle at 35% 32%, #ffe8c4, #ff7a1f 62%);
  box-shadow:
    0 1px 3px rgba(20, 40, 25, .22),
    0 0 14px rgba(255, 150, 60, .7);
}

/* Пульс — оранжевое расходящееся кольцо. Анимируются только transform и
   opacity: это считается композитором без перерисовки (в отличие от
   box-shadow в ussr-pulse из map.css) — 17 бесконечных пульсов перестают
   грузить CPU/GPU; фон под точкой не перекрашивается каждый кадр. */
.ussr-marker-dot::after {
  border: 2px solid rgba(255, 150, 60, .6);
  animation-name: ussr-glass-pulse;
}

@keyframes ussr-glass-pulse {
  0% { opacity: .9; transform: scale(1); }
  70%, 100% { opacity: 0; transform: scale(2.1); }
}

.ussr-marker:hover .ussr-marker-dot,
.ussr-marker:focus .ussr-marker-dot,
.ussr-marker.active .ussr-marker-dot {
  box-shadow:
    0 1px 3px rgba(20, 40, 25, .22),
    0 0 16px rgba(255, 140, 43, .85);
}

.ussr-marker:focus-visible .ussr-marker-dot {
  outline: 2px solid #ff7a1f;
  outline-offset: 3px;
}

/* Подписи городов — светлые пилюли с тёмным текстом (стиль сайта) */
.ussr-marker-label {
  color: var(--on-surface, #1c221d);
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(23, 99, 63, .3);
  box-shadow: 0 2px 8px rgba(20, 40, 25, .12);
}

/* ---------- Попап: светлое стекло, оранжевый акцент ---------- */

.ussr-map-popup {
  background: rgba(255, 255, 255, .92);
  color: var(--on-surface, #1c221d);
  border: 1px solid rgba(23, 99, 63, .2);
  border-left: 3px solid #ff8c42;
  box-shadow:
    0 14px 36px rgba(20, 40, 25, .18),
    inset 0 1px 0 rgba(255, 255, 255, .8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.ussr-map-popup b {
  color: var(--on-surface, #1c221d);
}

.ussr-map-popup em {
  color: var(--on-surface-variant, #4d574e);
}

.ussr-map-popup span {
  color: var(--on-surface, #1c221d);
}

.ussr-map-popup small {
  color: var(--map-primary, #17633f);
}

/* ---------- Маршруты экспедиций: тёплый пунктир ---------- */

.ussr-expedition-route {
  stroke: rgba(214, 96, 14, .8);
  filter: drop-shadow(0 0 3px rgba(255, 150, 60, .3));
}

/* ---------- Легенда: оранжевая шкала (!important — map.css тоже важный) ---------- */

.ussr-map-legend {
  border-top: 1px solid rgba(23, 99, 63, .14);
  color: var(--on-surface-variant, #4d574e);
}

.ussr-map-legend span:nth-child(1) .dot {
  background: radial-gradient(circle at 35% 32%, #ffe8c4, #ff7a1f 62%) !important;
  box-shadow: 0 0 10px rgba(255, 150, 60, .55) !important;
}

.ussr-map-legend span:nth-child(2) .dot {
  background: radial-gradient(circle at 35% 32%, #ffd9a8, #ff8c42 65%) !important;
  opacity: 1 !important;
}

.ussr-map-legend span:nth-child(3) .dot {
  background: rgba(23, 99, 63, .8) !important;
  opacity: 1 !important;
}