/* v2.46 support deputy feedback + campaign route readability */
.route-shadow {
  stroke: rgba(7, 5, 3, .94) !important;
  stroke-width: 9 !important;
}

.route-base {
  stroke-width: 5.4 !important;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9));
}

.route-highlight {
  stroke-width: 1.8 !important;
  stroke-dasharray: 2 2.5 !important;
  opacity: .98;
}

.route-frontier .route-base {
  stroke: #d8b967 !important;
}

.route-frontier .route-highlight {
  stroke: #fff0ba !important;
}

.route-neutral .route-base {
  stroke: #9a927a !important;
}

.route-neutral .route-highlight {
  stroke: rgba(244, 236, 209, .72) !important;
}

.route-group.selected-route .route-shadow {
  stroke-width: 11 !important;
}

.route-group.selected-route .route-base {
  stroke-width: 7.2 !important;
}

.route-group.selected-route .route-highlight {
  stroke-width: 2.4 !important;
  stroke-dasharray: 2.2 1.8 !important;
}

.route-group.active-route .route-base {
  stroke-width: 7.4 !important;
}

.battle-medical-recovery {
  display: grid;
  gap: 3px;
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(190, 220, 190, .42);
  border-radius: 10px;
  background: rgba(44, 72, 50, .28);
}

.battle-medical-recovery small {
  color: rgba(214, 237, 210, .72);
  font-weight: 700;
}

.battle-medical-recovery b {
  color: #e5f5df;
}

.battle-medical-recovery span {
  color: rgba(238, 246, 235, .66);
  font-size: 12px;
}

@media (max-width: 640px) {
  .route-shadow {
    stroke-width: 10 !important;
  }

  .route-base {
    stroke-width: 6 !important;
  }

  .route-highlight {
    stroke-width: 2 !important;
  }
}