/* Polegares Neon V10. Isolado do CSS existente da rádio. */
.neon-vote-play{
  display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.5vw,24px);
  width:max-content;justify-self:center;position:relative;
}
.neon-vote{
  --vote-color:#ff547f;--vote-soft:rgba(255,67,115,.25);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:54px;min-height:79px;gap:5px;
  border:0;background:transparent;color:var(--vote-color);cursor:pointer;
  padding:4px;line-height:1;transition:filter .17s,transform .17s;
}
.neon-vote-up{--vote-color:#1ef3dc;--vote-soft:rgba(0,236,204,.26)}
.neon-vote svg{
  width:48px;height:48px;padding:11px;border-radius:50%;
  stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  border:2px solid currentColor;background:rgba(11,13,34,.82);
  box-shadow:0 0 16px var(--vote-soft),inset 0 0 10px var(--vote-soft);
}
.neon-vote-count{
  font:800 18px/1 'Barlow Condensed',Inter,Arial,sans-serif;
  text-shadow:0 0 9px var(--vote-soft);min-width:2ch;text-align:center;
}
.neon-vote:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.25)}
.neon-vote[aria-pressed="true"] svg{
  fill:var(--vote-color);fill-opacity:.27;
  box-shadow:0 0 22px var(--vote-soft),0 0 0 3px var(--vote-soft),inset 0 0 13px var(--vote-soft);
}
.neon-vote:disabled{cursor:default;opacity:.48}
/* Conservar as cinco colunas do rodapé: volume | instalar | votos+PLAY | ouvintes | volume. */
@media(max-width:690px){
  .neon-vote-play{gap:clamp(4px,1.2vw,9px)}
  .neon-vote{min-width:34px;min-height:61px;gap:2px;padding:0}
  .neon-vote svg{width:34px;height:34px;padding:7px;stroke-width:1.8}
  .neon-vote-count{font-size:12px}
}
@media(max-width:420px){
  .neon-vote-play{gap:3px}
  .neon-vote{min-width:29px;min-height:55px}
  .neon-vote svg{width:29px;height:29px;padding:6px}
  .neon-vote-count{font-size:11px}
  /* Reduzir somente o espaçamento interno do grupo em telefones estreitos. */
  .neon-vote-play .main-play{width:clamp(52px,15vw,64px);height:clamp(52px,15vw,64px)}
}
/* Retrato compacto: mantém todos os controles visíveis, sem apertar os polegares. */
@media(max-width:480px){
  .controls-row{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    grid-template-rows:40px 25px;column-gap:5px;row-gap:3px;
    min-height:68px;margin-top:9px;
  }
  .controls-row #neonInstallBtn{grid-column:1;grid-row:1;justify-self:start}
  .controls-row .neon-vote-play{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center}
  .controls-row #listeners{grid-column:3;grid-row:1;justify-self:end}
  .controls-row #muteBtn{grid-column:1;grid-row:2;justify-self:start}
  .controls-row .volume-display{grid-column:3;grid-row:2;justify-self:end}
  .controls-row #neonInstallBtn,.controls-row #listeners{max-width:100%;font-size:10px}
  .controls-row #neonInstallBtn svg,.controls-row #listeners svg{flex:none}
  .player-controls{bottom:clamp(14px,3vh,30px)}
}
@media(max-width:340px){
  .controls-row #neonInstallBtn{padding:5px 4px;font-size:9px}
  .controls-row #listeners{padding:5px 3px;font-size:9px}
  .neon-vote-play .main-play{width:50px;height:50px}
  .neon-vote-play .neon-vote{min-width:25px}
  .neon-vote-play .neon-vote svg{width:25px;height:25px;padding:5px}
}