.live-entry svg{width:19px;height:19px;display:block}
.live-stations{display:grid;grid-template-columns:1fr;gap:12px}
.live-station{position:relative;display:block;overflow:hidden;width:100%;min-height:220px;padding:0;border:1px solid var(--line);border-radius:16px;background:#183c2d;text-align:right;color:#fff;box-shadow:0 5px 16px rgba(22,47,34,.14)}
.live-station img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.live-station:hover img{transform:scale(1.025)}
.live-station-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,28,20,.06) 22%,rgba(10,28,20,.82) 100%)}
.live-station-copy{position:absolute;inset:auto 16px 15px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.live-station-copy strong{font:21px 'Amiri Quran',serif;color:#fff}
.live-station-copy em{margin-top:5px;font-size:10px;font-style:normal;color:#fff;opacity:.9}
.live-pill{position:absolute;top:13px;right:13px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.32);border-radius:20px;background:rgba(13,48,34,.78);color:#fff;font-size:11px;font-weight:700}
.live-pill>span{width:7px;height:7px;border-radius:50%;background:#e3433d;box-shadow:0 0 0 3px rgba(227,67,61,.2);animation:live-pulse 1.7s infinite}
.live-pill-inline{position:static;padding:4px 9px;border-color:rgba(161,122,44,.35);background:rgba(161,122,44,.1);color:var(--accent)}
.live-pill-inline>span{width:7px;height:7px}
.more-card.live-player-card{position:relative;left:50%;width:min(calc(100vw - 32px),1054px);padding:12px;transform:translateX(-50%)}
.live-player-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.live-player-heading h3{margin:6px 0 1px;font:19px 'Amiri Quran',serif;color:var(--accent)}
.live-back-button{flex:0 0 auto;min-height:36px;padding:6px 9px;color:var(--accent);font-size:11px}
.live-frame-shell{position:relative;overflow:hidden;width:min(100%,1020px);min-height:202px;aspect-ratio:1020/482;margin-inline:auto;border:1px solid rgba(161,122,44,.45);border-radius:12px;background:#080d0a;overscroll-behavior:contain}
.live-frame-shell iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:200px;border:0;background:#080d0a}
.live-frame-shell:fullscreen{width:100vw;height:100vh;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:#000}
.live-frame-shell:fullscreen iframe{width:100%;height:100%;min-height:0}
.live-control-strip{display:flex;align-items:center;gap:7px;min-height:42px;margin-top:6px}
.live-volume-note{display:flex;align-items:center;gap:6px;flex:1;min-width:0;color:var(--mute)}
.live-volume-note svg,.live-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-volume-note svg{color:var(--gold);flex:0 0 auto}
.live-volume-note small{font-size:10px}
.live-icon-button{display:grid;place-items:center;width:38px;height:36px;flex:0 0 38px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--accent)}
.live-player-status{margin:5px 1px;padding:8px 10px;border:1px solid rgba(161,122,44,.3);border-radius:9px;background:rgba(161,122,44,.08);color:var(--ink);font-size:11px;line-height:1.7}
.live-player-status[data-state=ready]{display:none}
.live-player-status[data-state=error],.live-player-status[data-state=warning]{border-color:#c2761a;background:rgba(194,118,26,.08)}
body.dark .live-pill-inline{color:#e7efe8;background:rgba(212,181,108,.12)}
body.dark .live-player-heading h3{color:#e7efe8}
body.dark .live-player-status{color:var(--ink)}
@keyframes live-pulse{50%{box-shadow:0 0 0 5px rgba(227,67,61,.05)}}
@media(min-width:620px){.live-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.live-station{min-height:260px}}
@media(max-width:420px){.live-player-heading h3{font-size:17px}.live-station{min-height:205px}.live-station-copy{inset-inline:13px;bottom:13px}.live-station-copy strong{font-size:19px}.live-control-strip{min-height:38px}.live-icon-button{width:36px;height:34px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){.live-station img,.live-pill>span{transition:none;animation:none}}