html body .radio-page-content>.selected-radio-top-player[data-player-placement="header"]{position:absolute!important;left:-10000px!important;top:0!important;inset-inline-start:-10000px!important;width:1px!important;max-width:1px!important;height:1px!important;max-height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
html body .radio-page-content>.selected-radio-top-player[data-player-placement="header"]>iframe{width:1px!important;height:1px!important;min-height:1px!important;border:0!important}
.radio-header-has-controls .radio-header-visual{display:block!important}.radio-header-has-controls:not(.radio-header-is-playing) .radio-header-visual>:not(.rhv-controls):not(.rhv-control-status){visibility:hidden}
.rhv-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-width:0;width:100%;box-sizing:border-box}
html body .radio-top .rhv-controls button,.rhv-listeners{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:42px;min-height:42px;padding:8px 10px!important;margin:0!important;border:1px solid #3a5e78!important;border-radius:10px!important;background:#163249!important;color:#edf4ff!important;font:600 14px/1 system-ui!important;box-sizing:border-box;white-space:nowrap;flex:0 0 auto}
html body .radio-top .rhv-controls button[data-header-action="play"]{min-width:110px;background:#176bd3!important}.rhv-controls button[aria-pressed=true]:not([data-header-action=play]){border-color:#6bc9ff!important}.rhv-controls button:disabled{opacity:.5;cursor:default}.rhv-controls button>span:first-child{font-size:20px}.rhv-volume{display:flex;align-items:center;gap:6px;flex:0 0 120px;margin:0!important;min-width:0}.rhv-volume input{width:82px;min-width:0;accent-color:var(--rhv-color,#30bfff)}.rhv-volume output{min-width:32px;font:12px system-ui;color:#e6f1ff}.rhv-listeners{font-size:18px}.rhv-listeners strong{font-size:15px}.rhv-control-status{margin:7px 0 0!important;min-height:0!important;color:#d8ebff!important;font:12px/1.4 system-ui!important}.rhv-control-status:empty{display:none}.rhv-controls [hidden]{display:none!important}
@media(min-width:1000px){html body .radio-top.radio-header-has-controls .radio-brand-logo{flex:0 1 36%!important;min-width:0!important}.radio-header-has-controls .radio-header-visual{flex:1 1 58%;max-width:64%;padding-inline:10px}}
@media(max-width:999px){.radio-header-has-controls .radio-header-visual{max-width:100%;width:100%}.rhv-controls{gap:6px}html body .radio-top .rhv-controls button,.rhv-listeners{min-height:44px;height:44px;padding:8px!important}.rhv-volume{flex-basis:110px}.rhv-controls{margin-top:10px}}
/* Keep all ten controls aligned; use two deliberate rows on phones. */
html body .radio-top .rhv-controls{display:grid!important;grid-template-columns:104px 42px 42px minmax(90px,1fr) repeat(5,44px);gap:6px!important;align-items:center;justify-content:stretch;padding:0!important;margin-top:14px!important}
html body .radio-top .rhv-controls>button,html body .radio-top .rhv-controls>.rhv-listeners{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:6px!important;gap:4px!important;font:600 14px/1 system-ui!important}
html body .radio-top .rhv-controls>button[data-header-action=play]{min-width:0!important}
html body .radio-top .rhv-controls>.rhv-volume{display:flex!important;width:100%!important;min-width:0!important;gap:5px!important;padding:0 4px!important;box-sizing:border-box}
html body .radio-top .rhv-controls>.rhv-volume input{flex:1 1 auto!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important}
html body .radio-top .rhv-controls>.rhv-volume output{flex:0 0 31px;min-width:0!important;font-size:11px!important}
@media(min-width:1000px) and (max-width:1250px){html body .radio-top .rhv-controls{grid-template-columns:repeat(6,minmax(0,1fr))}html body .radio-top .rhv-controls>button[data-header-action=play]{grid-column:span 2}html body .radio-top .rhv-controls>.rhv-volume{grid-column:span 2}}
@media(max-width:650px){html body .radio-top .rhv-controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px!important}html body .radio-top .rhv-controls>button[data-header-action=play]{grid-column:span 2}html body .radio-top .rhv-controls>.rhv-volume{grid-column:span 2}html body .radio-top .rhv-controls>button>span:first-child{font-size:17px!important}html body .radio-top .rhv-controls>button,html body .radio-top .rhv-controls>.rhv-listeners{font-size:12px!important;gap:3px!important;padding:4px!important}}

@media(max-width:650px),(min-width:1000px) and (max-width:1250px){html body .radio-top .rhv-controls>button[data-header-action=tv]{grid-column:span 2}}
