/* MOBILE FAITH UNIFIED PLAYER — 2026-07-15 v15 responsive rebuild One authoritative stylesheet replaces the accumulated v5/v6/v7 layers. Desktop: above 1100px. Approved 2026-07-12 mobile design: 1100px and below. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{ --mfs-gold:#f7c844; --mfs-gold-deep:#d59c1c; --mfs-ink:#061217; --mfs-teal:#0b5256; --mfs-line:rgba(255,255,255,.18); --mfs-line-soft:rgba(255,255,255,.10); --mfs-hover:rgba(247,200,68,.13); --mfs-focus:rgba(247,200,68,.82); color:#fff!important; background:linear-gradient(105deg,#04191d 0%,#083f43 55%,#061f23 100%)!important; background-image:linear-gradient(105deg,#04191d 0%,#083f43 55%,#061f23 100%)!important; border:0!important; border-top:1px solid rgba(247,200,68,.48)!important; border-radius:0!important; box-shadow:0 -14px 36px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important; overflow:visible!important; isolation:isolate!important; } /* COLLAPSIBLE SITEWIDE PLAYER — 2026-07-18 Compact state preserves playback and the essential play/title controls. */ #siteRadioDock .mfs-player-collapse-toggle{ position:absolute!important;z-index:90!important;top:8px!important;right:10px!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important; min-width:84px!important;height:30px!important;margin:0!important;padding:4px 9px!important; border:1px solid rgba(247,200,68,.58)!important;border-radius:999px!important; background:rgba(3,20,24,.9)!important;color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.24)!important; font:900 10px/1 Arial,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase!important;cursor:pointer!important; } #siteRadioDock .mfs-player-collapse-toggle b{color:#f7c844!important;font-size:16px!important;line-height:1!important} #siteRadioDock .mfs-player-collapse-toggle:focus-visible{outline:3px solid rgba(247,200,68,.55)!important;outline-offset:2px!important} #siteRadioDock.mfs-player-collapsed{ left:50%!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important; width:min(390px,calc(100vw - 20px))!important;height:68px!important;min-height:68px!important; padding:8px 44px 8px 8px!important;border:1px solid rgba(247,200,68,.55)!important;border-radius:20px!important; overflow:visible!important;transform:translateX(-50%)!important; box-shadow:0 12px 34px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07)!important; } #siteRadioDock.mfs-player-collapsed .mfs-player-collapse-toggle{ top:50%!important;right:7px!important;width:32px!important;min-width:32px!important;height:48px!important; padding:0!important;transform:translateY(-50%)!important;border-radius:13px!important; } #siteRadioDock.mfs-player-collapsed .mfs-player-collapse-toggle .mfs-collapse-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important} #siteRadioDock.mfs-player-collapsed .mfs-player-collapse-toggle b{font-size:22px!important} #siteRadioDock.mfs-player-collapsed .site-radio-inner{ display:grid!important;grid-template-columns:50px 46px minmax(0,1fr)!important;grid-template-rows:50px!important; align-items:center!important;gap:8px!important;width:100%!important;height:50px!important;margin:0!important;padding:0!important; } #siteRadioDock.mfs-player-collapsed .site-radio-transport{grid-column:1!important;grid-row:1!important;width:50px!important;height:50px!important;display:grid!important;place-items:center!important} #siteRadioDock.mfs-player-collapsed .site-radio-skip-button{display:none!important} #siteRadioDock.mfs-player-collapsed .site-radio-play{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-width:2px!important;font-size:19px!important;box-shadow:none!important} #siteRadioDock.mfs-player-collapsed .site-radio-cover{grid-column:2!important;grid-row:1!important;display:block!important;width:46px!important;height:46px!important;margin:0!important;border-radius:10px!important} #siteRadioDock.mfs-player-collapsed .site-radio-copy{grid-column:3!important;grid-row:1!important;display:flex!important;width:auto!important;height:48px!important;min-width:0!important;padding:2px 0!important;justify-content:center!important} #siteRadioDock.mfs-player-collapsed .site-radio-copy small,#siteRadioDock.mfs-player-collapsed .site-radio-copy em,#siteRadioDock.mfs-player-collapsed .site-radio-copy .site-radio-album,#siteRadioDock.mfs-player-collapsed .site-radio-return,#siteRadioDock.mfs-player-collapsed .site-radio-progress-row,#siteRadioDock.mfs-player-collapsed .site-radio-actions,#siteRadioDock.mfs-player-collapsed .site-radio-bible-tools,#siteRadioDock.mfs-player-collapsed .site-radio-lyrics-panel,#siteRadioDock.mfs-player-collapsed .site-radio-key-panel,#siteRadioDock.mfs-player-collapsed .site-radio-offline-panel,#siteRadioDock.mfs-player-collapsed .site-radio-playlists-panel{display:none!important} #siteRadioDock.mfs-player-collapsed .site-radio-copy strong{display:block!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #siteRadioDock.mfs-player-collapsed .site-radio-copy>span:not(.site-radio-album){display:block!important;font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} body.mfs-site-player-collapsed,body.mfs-site-player-collapsed.has-site-radio,body.mfs-site-player-collapsed.site-radio-fullwidth-mode{padding-bottom:0!important} body.mfs-site-player-collapsed .site-footer{margin-bottom:0!important;padding-bottom:calc(122px + env(safe-area-inset-bottom,0px))!important} @media(max-width:420px){ #siteRadioDock.mfs-player-collapsed{width:calc(100vw - 14px)!important;height:64px!important;min-height:64px!important;padding:7px 41px 7px 7px!important;border-radius:17px!important} #siteRadioDock.mfs-player-collapsed .site-radio-inner{grid-template-columns:46px 42px minmax(0,1fr)!important;grid-template-rows:48px!important;height:48px!important;gap:6px!important} #siteRadioDock.mfs-player-collapsed .site-radio-transport{width:46px!important;height:48px!important} #siteRadioDock.mfs-player-collapsed .site-radio-play{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} #siteRadioDock.mfs-player-collapsed .site-radio-cover{width:42px!important;height:42px!important} } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"], #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] *{box-sizing:border-box!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-inner{ position:relative!important; overflow:visible!important; background:transparent!important; background-image:none!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-cover{ display:block!important; object-fit:cover!important; border:1px solid rgba(255,255,255,.19)!important; border-radius:10px!important; box-shadow:0 9px 24px rgba(0,0,0,.28)!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important; min-width:0!important; overflow:hidden!important; text-align:left!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-topline{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-width:0!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-more{display:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy small{ color:var(--mfs-gold)!important; font-weight:1000!important; letter-spacing:.09em!important; text-transform:uppercase!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy strong, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy span, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy em{ display:block!important; min-width:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy strong{color:#fff!important;font-weight:1000!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy span{color:#efe5d5!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy em{color:#b9d8d8!important} /* Playback transport */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-transport{ position:relative!important; z-index:15!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:clamp(10px,1.7vw,22px)!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; transform:none!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button{ position:relative!important; display:grid!important; place-items:center!important; width:clamp(48px,4.7vw,62px)!important; height:clamp(48px,4.7vw,62px)!important; min-width:48px!important; min-height:48px!important; padding:0!important; margin:0!important; border:1px solid transparent!important; border-radius:14px!important; background:transparent!important; box-shadow:none!important; color:#fff!important; overflow:visible!important; text-indent:0!important; font-size:0!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button:focus-visible{ color:var(--mfs-gold)!important; background:rgba(255,255,255,.06)!important; border-color:rgba(247,200,68,.42)!important; outline:0!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button::before, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button::after{content:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .mfs-transport-icon{ display:block!important; width:clamp(31px,3.2vw,42px)!important; height:clamp(31px,3.2vw,42px)!important; fill:currentColor!important; stroke:currentColor!important; stroke-width:1.9!important; pointer-events:none!important; filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play{ display:grid!important; place-items:center!important; width:clamp(68px,6.6vw,88px)!important; height:clamp(68px,6.6vw,88px)!important; min-width:68px!important; min-height:68px!important; padding:0 0 0 4px!important; border:3px solid var(--mfs-gold)!important; border-radius:50%!important; background:rgba(5,35,38,.92)!important; color:var(--mfs-gold)!important; font-size:clamp(26px,2.6vw,32px)!important; box-shadow:0 0 0 7px rgba(247,200,68,.045),inset 0 1px rgba(255,255,255,.09),0 10px 24px rgba(0,0,0,.25)!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play:focus-visible{ background:var(--mfs-gold)!important; color:var(--mfs-ink)!important; outline:0!important; } /* Real timeline: JS controls the separate gold fill; the range stays transparent. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row{ position:relative!important; z-index:20!important; display:grid!important; grid-template-columns:42px minmax(0,1fr) 48px!important; align-items:center!important; gap:8px!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; overflow:visible!important; transform:none!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row>span{ display:block!important; color:#fff!important; font-size:12px!important; font-weight:900!important; line-height:1!important; text-align:center!important; font-variant-numeric:tabular-nums!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-timeline-shell{ position:relative!important; z-index:21!important; display:flex!important; align-items:center!important; width:100%!important; min-width:0!important; height:34px!important; overflow:visible!important; isolation:isolate!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-timeline-track{ position:absolute!important; left:0!important; right:0!important; top:50%!important; height:8px!important; transform:translateY(-50%)!important; border:1px solid rgba(255,255,255,.31)!important; border-radius:999px!important; background:rgba(255,255,255,.22)!important; overflow:hidden!important; pointer-events:none!important; z-index:1!important; box-shadow:inset 0 1px 3px rgba(0,0,0,.34)!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-timeline-track>b{ display:block!important; width:var(--mfs-seek-progress,0%); height:100%!important; border-radius:inherit!important; background:linear-gradient(90deg,var(--mfs-gold),var(--mfs-gold-deep))!important; transition:width .08s linear!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek{ position:absolute!important; inset:0!important; z-index:5!important; width:100%!important; min-width:0!important; height:34px!important; min-height:34px!important; margin:0!important; padding:0!important; -webkit-appearance:none!important; appearance:none!important; background:transparent!important; background-image:none!important; border:0!important; outline:0!important; cursor:pointer!important; touch-action:pan-y!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-webkit-slider-runnable-track{height:8px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-webkit-slider-thumb{-webkit-appearance:none!important;width:18px!important;height:18px!important;margin-top:-5px!important;border:2px solid var(--mfs-ink)!important;border-radius:50%!important;background:var(--mfs-gold)!important;box-shadow:0 0 0 2px rgba(255,255,255,.28),0 3px 9px rgba(0,0,0,.44)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-moz-range-track{height:8px!important;border:0!important;border-radius:999px!important;background:transparent!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-moz-range-progress{background:transparent!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-moz-range-thumb{width:18px!important;height:18px!important;border:2px solid var(--mfs-ink)!important;border-radius:50%!important;background:var(--mfs-gold)!important;box-shadow:0 0 0 2px rgba(255,255,255,.28),0 3px 9px rgba(0,0,0,.44)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-chapter-markers{position:absolute!important;inset:0!important;z-index:4!important;width:100%!important;height:34px!important;pointer-events:none!important} /* One professional feature console. Every control stretches to its full grid cell. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ position:relative!important; z-index:18!important; display:grid!important; align-items:stretch!important; justify-items:stretch!important; justify-content:stretch!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; gap:0!important; background:rgba(0,0,0,.055)!important; border-top:1px solid var(--mfs-line)!important; border-bottom:1px solid var(--mfs-line-soft)!important; border-radius:0!important; overflow:visible!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{display:contents!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button{ position:relative!important; align-self:stretch!important; justify-self:stretch!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; min-width:0!important; min-height:0!important; margin:0!important; padding:5px 4px!important; border:0!important; border-radius:0!important; background:transparent!important; color:rgba(255,255,255,.91)!important; box-shadow:none!important; line-height:1!important; overflow:hidden!important; white-space:nowrap!important; transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button:focus-visible{ background:linear-gradient(180deg,rgba(247,200,68,.16),rgba(247,200,68,.08))!important; color:#fff!important; box-shadow:inset 0 -3px var(--mfs-gold)!important; outline:0!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button:focus-visible{box-shadow:inset 0 -3px var(--mfs-gold),inset 0 0 0 2px var(--mfs-focus)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button.is-active, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions button[aria-pressed="true"], #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute.is-muted{ background:rgba(247,200,68,.09)!important; color:var(--mfs-gold)!important; box-shadow:inset 0 -3px var(--mfs-gold)!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions .mfs-player-action-icon, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions .mfs-feedback-icon{ display:block!important; width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-key-button>span:first-child{font-size:29px!important;line-height:.8!important;font-weight:600!important;letter-spacing:-.08em!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-action-text{ position:static!important; display:block!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; clip-path:none!important; opacity:1!important; color:inherit!important; font-size:9px!important; line-height:1!important; font-weight:900!important; letter-spacing:.045em!important; text-transform:uppercase!important; white-space:nowrap!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-user-mark{display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mfs-gold)!important;font-size:27px!important;line-height:.82!important;font-weight:1000!important;font-family:Arial,sans-serif!important} /* Mute and volume are one integrated console cell. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; align-items:stretch!important; justify-items:stretch!important; gap:0!important; width:100%!important; height:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume #siteRadioMute{ width:100%!important; min-width:0!important; height:100%!important; min-height:0!important; padding:5px 3px!important; border:0!important; border-right:1px solid var(--mfs-line-soft)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume #siteRadioMute:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume #siteRadioMute:focus-visible{background:linear-gradient(180deg,rgba(247,200,68,.16),rgba(247,200,68,.08))!important;box-shadow:inset 0 -3px var(--mfs-gold)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume .mfs-player-action-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .mfs-volume-muted{display:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute.is-muted .mfs-volume-waves{display:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute.is-muted .mfs-volume-muted{display:block!important} /* V11 mute control: a line-only studio-fader mark, never a font or emoji glyph. */ #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute::before, #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute::after{ content:none!important; display:none!important; } #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute{ font-family:Arial,Helvetica,sans-serif!important; font-size:0!important; text-indent:0!important; } #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute .mfs-clean-mute-icon{ display:block!important; width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; pointer-events:none!important; } #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute .mfs-clean-mute-faders, #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute .mfs-clean-mute-cut{ vector-effect:non-scaling-stroke!important; transition:opacity .16s ease!important; } #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute .mfs-clean-mute-cut{opacity:0!important} #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute.is-muted .mfs-clean-mute-faders{opacity:.38!important} #siteRadioDock[data-mute-control="line-v15"] #siteRadioMute.is-muted .mfs-clean-mute-cut{opacity:1!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume input{ align-self:center!important; width:calc(100% - 26px)!important; min-width:0!important; height:28px!important; min-height:28px!important; margin:0 13px!important; padding:0!important; accent-color:var(--mfs-gold)!important; cursor:pointer!important; } /* Feature locations are identical in compact and desktop modes. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline{grid-column:1!important;grid-row:1!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike{grid-column:2!important;grid-row:1!important;border-left:1px solid var(--mfs-line-soft)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{grid-column:3!important;grid-row:1!important;border-left:1px solid var(--mfs-line-soft)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{grid-column:4!important;grid-row:1!important;border-left:1px solid var(--mfs-line-soft)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey{grid-column:5!important;grid-row:1!important;border-left:1px solid var(--mfs-line-soft)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist{grid-column:1!important;grid-row:2!important;border-top:1px solid var(--mfs-line)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{grid-column:2!important;grid-row:2!important;border-top:1px solid var(--mfs-line)!important;border-left:1px solid var(--mfs-line-soft)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{grid-column:3 / 6!important;grid-row:2!important;border-top:1px solid var(--mfs-line)!important;border-left:1px solid var(--mfs-line-soft)!important} /* Stem Mix stays available and uses the same line-based visual language. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls{ z-index:90030!important; display:flex!important; align-items:stretch!important; justify-content:center!important; gap:0!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-top:1px solid rgba(247,200,68,.52)!important; border-bottom:1px solid var(--mfs-line)!important; border-radius:0!important; background:rgba(5,31,35,.99)!important; box-shadow:0 -12px 30px rgba(0,0,0,.24)!important; flex-wrap:nowrap!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{display:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls button{display:flex!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 8px!important;border:0!important;border-left:1px solid var(--mfs-line-soft)!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:10px!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls button:first-child{border-left:0!important;color:var(--mfs-gold)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls button:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls button:focus-visible{background:var(--mfs-hover)!important;box-shadow:inset 0 -3px var(--mfs-gold)!important;outline:0!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls button[aria-pressed="true"], #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls .is-active{background:rgba(247,200,68,.09)!important;color:var(--mfs-gold)!important;box-shadow:inset 0 -3px var(--mfs-gold)!important} /* DESKTOP */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"]{height:178px!important;min-height:178px!important;max-height:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-inner{ width:100%!important; max-width:none!important; height:178px!important; min-height:178px!important; margin:0!important; padding:17px clamp(12px,1.4vw,20px)!important; display:grid!important; grid-template-columns:clamp(98px,8.2vw,128px) minmax(210px,1fr) minmax(300px,.95fr) minmax(410px,1.35fr)!important; grid-template-rows:96px 48px!important; grid-template-areas:"cover copy transport actions" "cover copy progress actions"!important; column-gap:0!important; row-gap:0!important; align-items:center!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-cover{grid-area:cover!important;width:clamp(92px,7.6vw,116px)!important;height:clamp(92px,7.6vw,116px)!important;min-width:92px!important;min-height:92px!important;max-width:116px!important;max-height:116px!important;align-self:center!important;justify-self:center!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-copy{grid-area:copy!important;height:144px!important;padding:0 clamp(16px,2vw,28px) 0 clamp(12px,1.4vw,18px)!important;border-right:1px solid var(--mfs-line)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-copy small{font-size:11px!important;margin-bottom:6px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-copy strong{font-size:clamp(15px,1.3vw,18px)!important;line-height:1.12!important;margin-bottom:7px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-copy span{font-size:clamp(12px,1vw,14px)!important;line-height:1.28!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-copy em{font-size:12px!important;line-height:1.2!important;margin-top:4px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-transport{grid-area:transport!important;align-self:end!important;padding:0 clamp(10px,1.5vw,20px) 1px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-progress-row{grid-area:progress!important;align-self:start!important;padding:0 clamp(14px,1.8vw,27px)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-actions{grid-area:actions!important;height:144px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:72px 72px!important;margin-left:clamp(10px,1.35vw,18px)!important;border-left:1px solid var(--mfs-line)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="desktop"] .site-radio-stem-controls{position:absolute!important;right:0!important;bottom:calc(100% + 1px)!important;width:min(560px,calc(100vw - 20px))!important} /* MOBILE + TABLET REMOVED — rebuilt below as the single v15 responsive system. */ @media (max-width:1100px){ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{ position:fixed!important;left:50%!important;right:auto!important; bottom:calc(max(var(--mfs-visual-bottom,0px),env(safe-area-inset-bottom,0px)) + 10px)!important; width:min(720px,calc(100vw - 16px))!important;height:auto!important;min-height:0!important; padding:0!important;border:1px solid rgba(247,200,68,.46)!important;border-radius:28px!important; transform:translateX(-50%)!important;z-index:2147483000!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-inner{ width:100%!important;height:auto!important;min-height:0!important;padding:12px!important; display:grid!important;grid-template-columns:76px minmax(0,1fr)!important; grid-template-areas:"cover copy" "progress progress" "transport transport" "actions actions"!important; gap:8px 12px!important;align-items:center!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-cover{grid-area:cover!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy{grid-area:copy!important;height:76px!important;padding:0!important;border:0!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy small{font-size:10px!important;margin:0 0 3px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy strong{font-size:18px!important;line-height:1.12!important;margin:0 0 3px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy span{font-size:13px!important;line-height:1.2!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy em{display:none!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row{grid-area:progress!important;width:100%!important;height:24px!important;padding:0 3px!important;margin:0!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-transport{grid-area:transport!important;height:62px!important;gap:18px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;font-size:22px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-area:actions!important;position:relative!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important; display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:40px!important; gap:6px!important;border:0!important;overflow:visible!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions>button, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback>button, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ width:100%!important;height:40px!important;min-width:0!important;min-height:40px!important;margin:0!important;padding:3px!important; border:1px solid var(--mfs-line)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;color:#fff!important; } #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions>button:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback>button:hover, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button:hover{background:var(--mfs-hover)!important;border-color:var(--mfs-gold)!important;color:var(--mfs-gold)!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-lyrics-button{grid-column:1!important;grid-row:1!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{grid-column:2/4!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-offline-button{grid-column:4!important;grid-row:1!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{grid-column:5!important;grid-row:1!important;display:flex!important;align-items:center!important;padding:4px 6px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-key-button{grid-column:1!important;grid-row:2!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-playlist-quick-add{grid-column:2/4!important;grid-row:2!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-playlists-button{grid-column:4/6!important;grid-row:2!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls{grid-column:1/6!important;grid-row:3!important;position:static!important;width:100%!important;height:40px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;background:none!important;border:0!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-action-text{display:block!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions svg{width:17px!important;height:17px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume button{width:30px!important;min-width:30px!important;height:30px!important;padding:4px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume input{display:block!important;min-width:0!important;width:100%!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-lyrics-panel, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-key-panel, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-offline-panel, #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-playlists-panel{bottom:calc(100% + 8px)!important;max-height:min(58vh,460px)!important} } @media (max-width:430px){ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{width:calc(100vw - 8px)!important;bottom:calc(max(var(--mfs-visual-bottom,0px),env(safe-area-inset-bottom,0px)) + 5px)!important;border-radius:22px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-inner{grid-template-columns:62px minmax(0,1fr)!important;padding:8px!important;gap:5px 8px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-cover{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy{height:62px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy strong{font-size:16px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-transport{height:54px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{grid-auto-rows:36px!important;gap:4px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions>button,#siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback>button,#siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume,#siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{height:36px!important;min-height:36px!important;border-radius:8px!important} #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls{height:36px!important;gap:4px!important} } /* PHONE REFERENCE MATCH — 2026-07-16 This selector deliberately outranks the historic full-width phone rules in style.css. Those rules capped the dock at --mfs-phone-player-h and clipped the feature console after the v15 layout had already grown taller. */ @media (max-width:760px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"], body.mfs-player-shell #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"], body.site-radio-fullwidth-mode #siteRadioDock.site-radio-dock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="phone"], body:not(.site-player-expanded-top) #siteRadioDock.site-radio-dock[data-player-build="20260715-v15-responsive-rebuild"][data-player-layout="phone"]{ left:50%!important; right:auto!important; bottom:calc(max(var(--mfs-visual-bottom,0px),env(safe-area-inset-bottom,0px)) + 4px)!important; width:calc(100vw - 12px)!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; transform:translateX(-50%)!important; border:1px solid rgba(247,200,68,.78)!important; border-radius:16px!important; background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 24%), linear-gradient(135deg,rgba(8,31,36,.98),rgba(6,50,54,.98) 52%,rgba(3,27,31,.99))!important; box-shadow:0 -12px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.20)!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-inner{ width:100%!important; height:auto!important; min-height:0!important; padding:10px 10px 11px!important; display:grid!important; grid-template-columns:82px minmax(0,1fr)!important; grid-template-rows:52px 30px 44px auto!important; grid-template-areas:"cover copy" "cover progress" "transport transport" "actions actions"!important; gap:5px 10px!important; overflow:visible!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-cover{ grid-area:cover!important; width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important; border-radius:12px!important;align-self:start!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy{ grid-area:copy!important;height:52px!important;justify-content:start!important;padding:1px 0 0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy small{font-size:9px!important;margin:0 0 3px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy strong{font-size:16px!important;line-height:1.08!important;margin:0 0 3px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy span{font-size:12px!important;line-height:1.12!important;color:#7ff8f2!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy .site-radio-album, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-copy em{display:none!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row{ grid-area:progress!important;height:30px!important;grid-template-columns:34px minmax(0,1fr) 38px!important;gap:6px!important;padding:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row>span{font-size:10px!important;color:var(--mfs-gold)!important;text-align:left!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-progress-row>span:last-child{text-align:right!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-timeline-shell{height:26px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-timeline-track{height:5px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek{height:26px!important;min-height:26px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-seek::-webkit-slider-thumb{width:13px!important;height:13px!important;margin-top:-4px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-transport{ grid-area:transport!important;height:44px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play{ width:100%!important;height:40px!important;min-width:0!important;min-height:40px!important;margin:0!important;border-radius:7px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-skip-button{border:1px solid var(--mfs-gold-deep)!important;background:rgba(0,0,0,.16)!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-play{border:1px solid #ffd969!important;background:linear-gradient(180deg,#f7c844,#dfa51f)!important;color:#061217!important;box-shadow:inset 0 1px rgba(255,255,255,.38)!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .mfs-transport-icon{width:25px!important;height:25px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-area:actions!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:40px 30px 38px!important;grid-auto-rows:38px!important;gap:4px!important;height:auto!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions>button, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback>button, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ height:100%!important;min-height:0!important;border-radius:4px!important;padding:3px 2px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{grid-column:2/4!important;grid-row:1!important;gap:0!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback>button{border-radius:0!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-lyrics-button{grid-column:1!important;grid-row:1!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-offline-button{grid-column:4!important;grid-row:1!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{grid-column:5!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:2px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume input{display:none!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume button{width:100%!important;height:22px!important;min-width:0!important;min-height:22px!important;padding:2px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-key-button{grid-column:1/3!important;grid-row:2!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-playlist-quick-add{grid-column:3/5!important;grid-row:2!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-playlists-button{grid-column:5!important;grid-row:2!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls{grid-column:1/6!important;grid-row:3!important;height:38px!important;gap:0!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-action-text{display:block!important;font-size:8px!important;line-height:1!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions svg{width:17px!important;height:17px!important} } /* PHONE CONTROL GRID HOTFIX — 2026-07-16 ID-specific desktop placement rules use two IDs and were outranking the phone class rules above. Keep every phone control in one unambiguous cell. */ @media (max-width:760px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-template-columns:repeat(10,minmax(0,1fr))!important; grid-template-rows:42px 34px 38px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{ grid-column:1 / 3!important;grid-row:1!important;border-left:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ grid-column:3 / 7!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline{ grid-column:7 / 9!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ grid-column:9 / 11!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey{ grid-column:1 / 4!important;grid-row:2!important;border-left:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist{ grid-column:4 / 7!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ grid-column:7 / 11!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ flex-direction:row!important;gap:5px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{ display:grid!important;grid-column:1 / 11!important;grid-row:3!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; visibility:visible!important;opacity:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-action-text{ position:static!important;width:auto!important;height:auto!important;margin:0!important; clip:auto!important;clip-path:none!important;opacity:1!important; display:block!important;overflow:visible!important;font-size:9px!important;line-height:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists .site-radio-action-text{ margin-left:5px!important; } } /* PHONE REFERENCE ICON MATCH — 2026-07-16 */ @media (max-width:760px){ body.mfs-player-shell #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{ width:calc(100vw - 28px)!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-template-rows:40px 32px 36px!important; gap:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; overflow:hidden!important;gap:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute{ border:1px solid rgba(255,255,255,.28)!important;border-radius:3px!important; background:rgba(0,0,0,.10)!important;gap:1px!important;padding:2px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute svg{ width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important; stroke-width:1.75!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute .site-radio-action-text{ font-size:8.5px!important;line-height:8.5px!important;height:8.5px!important;min-height:8.5px!important; font-weight:700!important;text-transform:none!important;letter-spacing:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{height:36px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ height:36px!important;min-height:36px!important;font-size:9px!important;text-transform:none!important; } } /* PHONE CONTROL CONTENT HOTFIX — 2026-07-16 Historic icon-only and large-icon selectors were still shrinking individual buttons and pushing their labels outside the new grid cells. */ @media (max-width:760px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute{ width:100%!important;max-width:none!important;height:100%!important;min-width:0!important;min-height:0!important; display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important; gap:2px!important;padding:2px!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute svg{ position:static!important;display:block!important;width:17px!important;height:17px!important; min-width:17px!important;min-height:17px!important;margin:0!important;transform:none!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute .site-radio-action-text{ position:static!important;display:block!important;width:auto!important;height:9px!important;min-height:9px!important; margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important;opacity:1!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; font-size:9px!important;line-height:9px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ width:100%!important;max-width:none!important;height:100%!important;min-width:0!important;min-height:0!important; padding:3px 6px!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey>span:first-child{font-size:19px!important;line-height:1!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists .site-radio-user-mark{font-size:18px!important;line-height:1!important;width:auto!important;height:auto!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists .site-radio-action-text{ position:static!important;width:auto!important;height:auto!important;margin:0!important; clip:auto!important;clip-path:none!important;opacity:1!important;overflow:hidden!important; text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:1!important; } } /* FINAL PHONE REFERENCE OVERRIDES — keep this after all compatibility rules. */ @media (max-width:760px){ body.mfs-player-shell #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{ width:calc(100vw - 28px)!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-template-rows:42px 32px 36px!important;gap:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; overflow:hidden!important;gap:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute{ border:1px solid rgba(255,255,255,.28)!important;border-radius:3px!important; background:rgba(0,0,0,.10)!important;gap:1px!important;padding:2px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute svg{ width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important; stroke-width:1.75!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline .site-radio-action-text, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute .site-radio-action-text{ font-size:8.5px!important;line-height:8.5px!important;height:8.5px!important;min-height:8.5px!important; font-weight:700!important;text-transform:none!important;letter-spacing:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{ width:calc(100% + 3px)!important;max-width:calc(100% + 3px)!important; position:relative!important;z-index:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; justify-content:stretch!important;justify-items:stretch!important; gap:0!important;padding:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{ width:100%!important;max-width:none!important;min-width:0!important; justify-self:stretch!important;margin:0!important; } } /* TABLET CONTROL GRID — 2026-07-16 The compact player remains active through 1100px, so tablets need their own final placement rules instead of inheriting the historic desktop IDs. */ @media (min-width:761px) and (max-width:1100px){ body.mfs-player-shell #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]{ left:50%!important;right:auto!important;bottom:8px!important; width:min(720px,calc(100vw - 24px))!important;max-width:720px!important; height:auto!important;min-height:0!important;max-height:none!important; transform:translateX(-50%)!important;overflow:visible!important; border:1px solid rgba(247,200,68,.70)!important;border-radius:20px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important; grid-template-rows:48px 44px 42px!important;grid-auto-rows:42px!important; gap:4px!important;width:100%!important;height:auto!important;overflow:visible!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{ grid-column:1 / 3!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-column:3 / 7!important;grid-row:1!important; justify-content:stretch!important;justify-items:stretch!important; width:100%!important;min-width:0!important;gap:4px!important;margin:0!important;padding:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline{ grid-column:7 / 9!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ grid-column:9 / 11!important;grid-row:1!important; width:100%!important;max-width:none!important;min-width:0!important;height:48px!important; display:flex!important;align-items:center!important;justify-content:center!important;padding:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume input{display:none!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey{ grid-column:1 / 4!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist{ grid-column:4 / 7!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ grid-column:7 / 11!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{ display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-column:1 / 11!important;grid-row:3!important; position:static!important;width:100%!important;height:42px!important; visibility:visible!important;opacity:1!important;gap:4px!important;margin:0!important;padding:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ width:100%!important;max-width:none!important;min-width:0!important; height:100%!important;min-height:0!important;margin:0!important;padding:4px!important; overflow:hidden!important;justify-self:stretch!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{ justify-self:stretch!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-action-text{ position:static!important;width:auto!important;height:auto!important;margin:0!important; clip:auto!important;clip-path:none!important;opacity:1!important; display:block!important;overflow:hidden!important;text-overflow:ellipsis!important; white-space:nowrap!important;font-size:10px!important;line-height:1!important; } } /* SAFE FLOATING CONTROLS V36 — keep Collapse in a reserved player lane. */ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]:not(.mfs-player-collapsed) .mfs-player-collapse-toggle{ top:10px!important; right:12px!important; } @media(max-width:1100px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]:not(.mfs-player-collapsed) .site-radio-copy{ padding-right:96px!important; } } @media(min-width:1101px){ #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"]:not(.mfs-player-collapsed) .site-radio-inner{ padding-right:112px!important; } } /* FINAL PHONE EQUAL DISTRIBUTION — five equal controls, then three equal controls. */ @media (max-width:760px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-template-columns:repeat(15,minmax(0,1fr))!important; grid-template-rows:42px 32px 36px!important; gap:3px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{ grid-column:1 / 4!important;grid-row:1!important; width:100%!important;max-width:none!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ grid-column:4 / 10!important;grid-row:1!important; display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important;max-width:none!important;min-width:0!important; height:42px!important;gap:3px!important;margin:0!important;padding:0!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike{ grid-column:1!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{ grid-column:2!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline{ grid-column:10 / 13!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ grid-column:13 / 16!important;grid-row:1!important; box-sizing:border-box!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important; width:100%!important;max-width:none!important;min-width:0!important;height:42px!important; gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume #siteRadioMute{ flex:0 0 100%!important;width:100%!important;max-width:none!important;min-width:0!important; height:42px!important;min-height:42px!important;margin:0!important;padding:2px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey{ grid-column:1 / 6!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist{ grid-column:6 / 11!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ grid-column:11 / 16!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{ grid-column:1 / 16!important;grid-row:3!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important; } } /* Let the measured player height clear page content instead of stale constants. */ body.has-site-radio, body.site-radio-fullwidth-mode, body.floating-radio-only, body.site-player-expanded-top, body.site-player-compact-bottom, body.site-player-hero-break, body.site-player-bottom-dock{padding-bottom:calc(var(--mfs-player-measured-h,178px) + env(safe-area-inset-bottom,0px) + 14px)!important} body.has-site-radio .site-footer, body.site-radio-fullwidth-mode .site-footer, body.floating-radio-only .site-footer{margin-bottom:calc(var(--mfs-player-measured-h,178px) + env(safe-area-inset-bottom,0px) + 14px)!important} /* iOS Safari-safe download mark. Unlike the inherited SVG stroke, this mark keeps its shape and color inside the compact phone control. */ .mfs-ios-download-mark{display:none} @media (max-width:760px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline>svg{display:none!important} body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline>.mfs-ios-download-mark{ position:relative!important;display:block!important;flex:0 0 24px!important; width:24px!important;height:24px!important;margin:0!important;padding:0 0 4px!important; color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:25px!important; font-weight:400!important;line-height:20px!important;text-align:center!important; opacity:1!important;visibility:visible!important;overflow:visible!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline>.mfs-ios-download-mark::after{ content:""!important;position:absolute!important;left:3px!important;right:3px!important;bottom:1px!important; height:4px!important;border:1.7px solid #fff!important;border-top:0!important;border-radius:0 0 2px 2px!important; } } /* FINAL TABLET EQUAL-CONTROL OVERRIDES — keep last. */ @media (min-width:761px) and (max-width:1100px){ body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-actions{ grid-template-columns:repeat(15,minmax(0,1fr))!important; grid-template-rows:50px 44px 42px!important; gap:4px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics{ grid-column:1 / 4!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-feedback{ grid-column:4 / 10!important;grid-row:1!important; display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important;justify-items:stretch!important; width:100%!important;max-width:none!important;min-width:0!important;height:50px!important; gap:4px!important;margin:0!important;padding:0!important;overflow:visible!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline{ grid-column:10 / 13!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ grid-column:13 / 16!important;grid-row:1!important;height:50px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey{ grid-column:1 / 6!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist{ grid-column:6 / 11!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ grid-column:11 / 16!important;grid-row:2!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls[hidden]{ grid-column:1 / 16!important;grid-row:3!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute{ box-sizing:border-box!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important; width:100%!important;max-width:none!important;min-width:0!important; height:50px!important;min-height:0!important;margin:0!important;padding:4px!important; gap:2px!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{ justify-self:stretch!important;align-self:stretch!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike{ grid-column:1!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike{ grid-column:2!important;grid-row:1!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume{ box-sizing:border-box!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important; padding:0!important;gap:0!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-volume #siteRadioMute{ flex:0 0 100%!important;width:100%!important;max-width:none!important;height:50px!important;min-height:50px!important; padding:4px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLyrics svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioLike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioDislike svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioOffline svg, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute svg{ position:static!important;display:block!important;width:22px!important;height:22px!important; min-width:22px!important;min-height:22px!important;flex:0 0 22px!important;margin:0!important;transform:none!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioMute .site-radio-action-text{ position:static!important;display:block!important;width:auto!important;height:12px!important;min-height:12px!important; flex:0 0 12px!important;margin:0!important;padding:0!important;clip:auto!important;clip-path:none!important; opacity:1!important;overflow:visible!important;white-space:nowrap!important; font-size:10px!important;line-height:12px!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioKey, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioQuickAddPlaylist, body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] #siteRadioPlaylists{ box-sizing:border-box!important;display:flex!important;flex-direction:row!important; align-items:center!important;justify-content:center!important; width:100%!important;max-width:none!important;min-width:0!important; height:44px!important;min-height:0!important;margin:0!important;padding:5px 8px!important; gap:6px!important;overflow:hidden!important; } body #siteRadioDock[data-player-build="20260715-v15-responsive-rebuild"] .site-radio-stem-controls>button{ box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important; height:42px!important;min-height:0!important;margin:0!important;padding:4px!important; display:flex!important;align-items:center!important;justify-content:center!important; overflow:hidden!important;font-size:10px!important; } }