/* EcoRutal V11.3: solamente orientación de los vehículos y botón Opciones.
   No redibuja escenas, flora, fauna, rutas ni modifica interacción. */

/* 🚙 La portada (visitante y usuario registrado) avanza siempre a la derecha.
   La vuelta al punto de partida es instantánea, no marcha atrás. */
#ecoGuestActions .eco-v10-map-car,
#ecoMemberActions .eco-v10-map-car {
  animation: ecoV113ForwardOnly 8s ease-in-out infinite normal !important;
  transform-origin: center center;
}
@keyframes ecoV113ForwardOnly {
  0% { left:18%; transform:translateY(3px) scaleX(-1); }
  100% { left:69%; transform:translateY(-3px) scaleX(-1); }
}

/* 🚴 La bicicleta original se mantiene, pero mira hacia donde avanza. */
.eco-rider-home .er-cyclist-motion > span {
  display:block;
  transform:scaleX(-1);
  transform-origin:center center;
  animation:ecoV113PedalRight .7s ease-in-out infinite alternate !important;
}
@keyframes ecoV113PedalRight {
  from {transform:scaleX(-1) translateY(0)}
  to   {transform:scaleX(-1) translateY(-3px)}
}

/* 🚙 EcoDriver: mantener el coche emoji y su rebote V3, mirando a la derecha.
   Este selector solo aplica al coche móvil emoji; no toca las apariciones. */
.eco-driver-scene .eco-driver-moving-car {
  transform-origin:center center;
  animation:ecoV113CarBobRight 1.2s ease-in-out infinite !important;
}
@keyframes ecoV113CarBobRight {
  0%,100% {transform:translateY(0) scaleX(-1)}
  50% {transform:translateY(-3px) scaleX(-1)}
}
/* Escena EcoDriver antigua: solamente orientación del icono estático. */
.eco-driver-visual > .eco-driver-road > span:nth-child(2) {
  transform:translateY(6px) scaleX(-1) !important;
}

/* El botón Opciones es hermano de Mi perfil, nunca hijo del HUD con blur.
   13px (margen) + 44px (avatar) + 16px (separación) = 73px. */
body.v16-live #v16PanelToggle {
  position:fixed !important;
  display:block !important;
  top:calc(env(safe-area-inset-top) + 18px) !important;
  right:73px !important;
  left:auto !important;
  bottom:auto !important;
  z-index:715 !important;
  width:auto !important;
  min-width:87px !important;
  max-width:calc(100vw - 89px) !important;
  height:36px !important;
  padding:7px 11px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:20px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  pointer-events:auto !important;
}
body.v16-live.v16-passenger.v20-radar-only #v16PanelToggle {display:none !important}

@media(prefers-reduced-motion:reduce){
  #ecoGuestActions .eco-v10-map-car,#ecoMemberActions .eco-v10-map-car,
  .eco-rider-home .er-cyclist-motion > span,.eco-driver-scene .eco-driver-moving-car {
    animation:none!important;
  }
  #ecoGuestActions .eco-v10-map-car,#ecoMemberActions .eco-v10-map-car {left:43%;transform:scaleX(-1)}
  .eco-rider-home .er-cyclist-motion > span,.eco-driver-scene .eco-driver-moving-car {transform:scaleX(-1)}
}