.route-km-box{
  display:inline-block;
  background:#EDF8ED;
  border:1px solid #B7E0B7;
  color:#1E5D1E;
  padding:12px 18px;
  border-radius:10px;
  font-size:18px;
  font-weight:600;
  margin:20px 0;
}

.route-container{
  position:relative;
  max-width:1000px;
  margin:30px auto;
}

.route-container #map{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.route-overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
}

#routeBase{
  fill:none;
  stroke:rgba(120,120,120,0.55);
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#routeProgress{
  fill:none;
  stroke:#2F8F46;
  stroke-width:8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#car{
  position:absolute;
  width:38px;
  height:auto;
  transform:translate(-50%, -50%);
  z-index:3;
}