/* legendas: só aparecem com #player.com-legenda */
.leg{position:absolute;left:110px;right:110px;bottom:116px;z-index:3;display:none;justify-content:center;pointer-events:none}
.player.com-legenda .leg{display:flex}
.leg.sem-rod{bottom:92px}
.leg.vazia{visibility:hidden}
.leg-cx{position:relative;max-width:1460px;background:rgba(14,20,28,.84);border-radius:8px;padding:14px 34px 20px;box-shadow:0 6px 18px rgba(14,20,28,.14);overflow:hidden;opacity:0}
.leg-tx{font:600 38px/1.32 Inter,system-ui,sans-serif;color:rgba(255,255,255,.8);text-align:center;letter-spacing:.1px;will-change:transform,opacity}
.lw{white-space:nowrap;border-radius:4px}
.lw.ja{color:#fff}
.lw.at{color:var(--ink);background:#fff;box-shadow:4px 0 0 #fff,-4px 0 0 #fff}
.leg-br{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.42);transform-origin:0 50%;transform:scaleX(0)}
/* telas estreitas: letra maior no palco para continuar legível depois da escala */
.leg.leg-media .leg-tx{font-size:50px}
.leg.leg-media .leg-cx{max-width:1640px}
.leg.leg-grande{left:40px;right:40px}
.leg.leg-grande .leg-tx{font-size:62px;line-height:1.25}
.leg.leg-grande .leg-cx{max-width:1840px;padding:16px 28px 22px}
.leg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.leg-tx{will-change:auto}}
/* controles visíveis (não ocioso): a legenda sobe para não ficar atrás da barra; no celular o palco encolhe, então sobe mais */
.player:not(.ocioso) .leg{bottom:200px}
@media (max-width:700px){.player:not(.ocioso) .leg{bottom:330px}}