/* Modo loop: led verde en la esquina inferior derecha del botón Play. */
#armonium .floating-element.transport[data-control="play"],
#mobilePlay,
#tPlay{
  -webkit-touch-callout:none;
  -webkit-user-select:none;user-select:none;
}
#mobilePlay,#tPlay{position:relative}
.armonio-loop-led{
  position:absolute;z-index:2;pointer-events:none;
  left:78%;top:79%;
  width:16%;aspect-ratio:1;height:auto;
  transform:translate(-50%,-50%) scale(.4);
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#d9ffd0 0%,#5cff4a 30%,#1fd11f 58%,#0f8a14 100%);
  box-shadow:0 0 3px 1px #39ff3acc,0 0 9px 2px #23e02a80,inset 0 -1px 1px #0b5d0e99;
  opacity:0;
  transition:opacity .18s ease,transform .18s ease;
}
.armonio-loop-on .armonio-loop-led{
  opacity:1;transform:translate(-50%,-50%) scale(1);
}
/* Mientras se mantiene pulsado Play, el led parpadea hasta los 3 s. */
.armonio-loop-arming:not(.armonio-loop-on) .armonio-loop-led{
  transform:translate(-50%,-50%) scale(.85);
  animation:armonio-loop-arming .5s ease-in-out infinite alternate;
}
@keyframes armonio-loop-arming{from{opacity:.12}to{opacity:.75}}
/* Con el loop activo, mantener pulsado hace parpadear el led antes de apagarse. */
.armonio-loop-arming.armonio-loop-on .armonio-loop-led{
  animation:armonio-loop-disarming .5s ease-in-out infinite alternate;
}
@keyframes armonio-loop-disarming{from{opacity:1}to{opacity:.2}}
/* Botón redondo del móvil: el led queda en el borde inferior derecho. */
#mobilePlay .armonio-loop-led{left:80%;top:80%;width:18%;min-width:7px;max-width:11px}
#tPlay .armonio-loop-led{left:80%;top:80%;width:20%;min-width:6px;max-width:10px}
/* Ayuda: led decorativo junto al título. */
.armonio-loop-help h2{display:flex;align-items:center;gap:10px}
.armonio-loop-help-led{
  flex:0 0 auto;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#d9ffd0 0%,#5cff4a 30%,#1fd11f 58%,#0f8a14 100%);
  box-shadow:0 0 4px 1px #39ff3acc,0 0 10px 2px #23e02a66;
}
@media(prefers-reduced-motion:reduce){
  .armonio-loop-led{transition:none}
  .armonio-loop-arming .armonio-loop-led{animation:none;opacity:.6}
}
