/* ASYLUM RADIO LIVE — compact broadcast console (staging only)
   Presentation only: no stream, status, metadata, audio, or button logic changes.
   Preserves touch-friendly controls and desktop/mobile layouts. */
body.home-page .hero .radio-player {
  padding:clamp(12px,1.55vw,18px)!important;
  margin-top:12px!important;
  margin-bottom:14px!important;
  border-radius:19px!important;
}
body.home-page .hero .radio-player::before {
  inset-inline:16px!important;
}
body.home-page .hero .radio-player-topline {
  margin-bottom:9px!important;
  padding-bottom:8px!important;
  gap:7px!important;
}
body.home-page .hero .radio-player-main {
  grid-template-columns:98px minmax(0,1fr) minmax(104px,124px)!important;
  min-height:92px!important;
  gap:clamp(9px,1.35vw,14px)!important;
}
body.home-page .hero #radio-play,
body.home-page .hero #radio-play.arl-dj-art-active {
  width:98px!important;
  height:92px!important;
  padding:6px 6px 5px!important;
  gap:3px!important;
  border-radius:14px!important;
}
body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
  height:57px!important;
  flex:0 1 57px!important;
}
body.home-page .hero #radio-play .radio-play-label,
body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {
  font-size:9px!important;
}
body.home-page .hero .radio-player-details strong {
  font-size:clamp(15px,1.6vw,20px)!important;
  line-height:1.16!important;
}
body.home-page .hero .radio-volume {
  padding:10px 10px!important;
  border-radius:10px!important;
}
body.home-page .hero .radio-volume input {
  margin-top:5px!important;
  min-height:22px!important;
}
body.home-page .hero .stream-readout {
  margin-top:10px!important;
  padding:10px 13px!important;
  gap:9px!important;
  border-radius:11px!important;
}
body.home-page .hero .stream-readout-music>span {
  margin-bottom:3px!important;
}
body.home-page .hero #stream-track {
  font-size:clamp(12px,1.2vw,15px)!important;
}
body.home-page .hero .stream-equalizer {height:30px!important}
@media(max-width:820px) {
  body.home-page .hero .radio-player-main {
    grid-template-columns:98px minmax(0,1fr)!important;
    min-height:0!important;
    gap:9px!important;
  }
  body.home-page .hero .radio-volume {
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px 10px!important;
  }
  body.home-page .hero .radio-volume input {margin-top:3px!important}
}
@media(max-width:450px) {
  body.home-page .hero .radio-player {
    padding:11px!important;
    margin-top:8px!important;
    margin-bottom:12px!important;
    border-radius:15px!important;
  }
  body.home-page .hero .radio-player-topline {
    margin-bottom:8px!important;
    padding-bottom:7px!important;
  }
  body.home-page .hero .radio-player-main {
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.home-page .hero #radio-play,
  body.home-page .hero #radio-play.arl-dj-art-active {
    width:84px!important;
    height:82px!important;
    padding:5px 4px!important;
  }
  body.home-page .hero #radio-play .radio-play-symbol.arl-dj-art {
    height:50px!important;
    flex:0 1 50px!important;
  }
  body.home-page .hero #radio-play .radio-play-label,
  body.home-page .hero #radio-play.arl-dj-art-active .radio-play-label {
    font-size:8px!important;
    letter-spacing:.02em!important;
  }
  body.home-page .hero .radio-player-details strong {font-size:16px!important}
  body.home-page .hero .radio-player-details #radio-status {font-size:11px!important}
  body.home-page .hero .stream-readout {
    padding:9px!important;
    gap:7px!important;
    margin-top:8px!important;
  }
}