/* LETROU v1.10.1 — Modo Palco: controles discretos + rolagem baixa precisa */
.letrou-stage .letrou-stage-top,
.letrou-stage .letrou-stage-controls{
  transition:opacity .38s ease,transform .38s ease,background-color .38s ease,box-shadow .38s ease,border-color .38s ease!important;
  will-change:opacity,transform;
}
.letrou-stage.is-controls-idle .letrou-stage-controls{
  opacity:.20!important;
  transform:translateX(-50%) translateY(9px)!important;
  background:rgba(14,18,25,.50)!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
.letrou-stage.is-controls-idle .letrou-stage-top{
  opacity:.42!important;
  background:rgba(8,11,16,.58)!important;
}
.letrou-stage.is-controls-idle .letrou-stage-controls:hover,
.letrou-stage.is-controls-idle .letrou-stage-controls:focus-within,
.letrou-stage.is-controls-idle .letrou-stage-top:hover,
.letrou-stage.is-controls-idle .letrou-stage-top:focus-within{
  opacity:1!important;
}
.letrou-stage .letrou-stage-controls{
  padding:8px!important;
  gap:8px!important;
  border-radius:14px!important;
}
.letrou-stage .letrou-stage-action,
.letrou-stage .letrou-stage-speed-control button{
  height:42px!important;
  min-width:42px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.letrou-stage .letrou-stage-speed-control{
  grid-template-columns:auto 42px 48px 42px!important;
  gap:6px!important;
  font-size:11px!important;
}
.letrou-stage .letrou-stage-speed-control output{
  height:42px!important;
  font-size:16px!important;
}
@media(max-width:800px){
  .letrou-stage.is-controls-idle .letrou-stage-controls{opacity:.16!important;transform:translateX(-50%) translateY(7px)!important}
  .letrou-stage.is-controls-idle .letrou-stage-top{opacity:.34!important}
  .letrou-stage .letrou-stage-controls{padding:6px!important;gap:5px!important}
  .letrou-stage .letrou-stage-action,.letrou-stage .letrou-stage-speed-control button{height:40px!important;min-width:40px!important}
  .letrou-stage .letrou-stage-speed-control{grid-template-columns:40px 46px 40px!important}
  .letrou-stage .letrou-stage-speed-control output{height:40px!important}
}
@media(prefers-reduced-motion:reduce){
  .letrou-stage .letrou-stage-top,.letrou-stage .letrou-stage-controls{transition:none!important}
}