/* =========================================================
   RADIO XXL® TV 6.11 — CAMERA PAUSE, BROADCAST CONTINUES
   ========================================================= */
.camera-pause-panel{
    position:absolute;
    inset:0;
    z-index:18;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px;
    text-align:center;
    border-radius:inherit;
    background:
      radial-gradient(circle at 50% 38%,rgba(148,73,243,.20),transparent 30%),
      radial-gradient(circle at 15% 75%,rgba(34,211,238,.07),transparent 28%),
      linear-gradient(145deg,#0b0910,#060508 72%);
}
.camera-pause-panel[hidden]{display:none!important}
.camera-pause-live{
    display:inline-flex;align-items:center;gap:7px;
    padding:7px 10px;margin-bottom:16px;
    border:1px solid rgba(255,52,95,.20);border-radius:999px;
    background:rgba(255,52,95,.07);
    color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.12em
}
.camera-pause-live i{
    width:7px;height:7px;border-radius:50%;
    background:#ff345f;box-shadow:0 0 13px rgba(255,52,95,.8)
}
.camera-pause-logo{
    width:118px;height:118px;display:grid;place-items:center;
    margin-bottom:13px;border-radius:50%;
    background:radial-gradient(circle,rgba(148,73,243,.15),transparent 67%);
    border:1px solid rgba(148,73,243,.14)
}
.camera-pause-logo img{
    width:76%;height:76%;object-fit:contain;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.46)) drop-shadow(0 0 20px rgba(148,73,243,.20))
}
.camera-pause-panel>span{
    color:#c8a5ff;font-size:.65rem;font-weight:900;letter-spacing:.15em
}
.camera-pause-panel h2{
    max-width:720px;margin:8px 0 7px;
    color:#fff;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.05em
}
.camera-pause-panel p{
    margin:0;color:#aaa0b2;font-size:.92rem;line-height:1.55
}

/* While only camera is paused, do not show the normal graphical hero over this panel. */
body.camera-paused .tv-stage>.hero,
body.camera-paused .tv-stage>.badge,
body.camera-paused .tv-stage>.clock,
body.camera-paused .tv-stage>.sound-gate{
    visibility:hidden!important;
}
body.camera-paused .camera-pause-panel{
    visibility:visible!important;
}

@media(max-width:700px){
    body.camera-paused .tv-stage{
        width:100%!important;
        min-height:0!important;
        height:auto!important;
        aspect-ratio:16/9!important;
        padding:0!important;
        overflow:hidden!important;
        border-radius:20px!important;
    }
    .camera-pause-panel{padding:18px 15px}
    .camera-pause-live{margin-bottom:10px;padding:6px 9px;font-size:.54rem}
    .camera-pause-logo{width:72px;height:72px;margin-bottom:9px}
    .camera-pause-panel>span{font-size:.52rem;letter-spacing:.11em}
    .camera-pause-panel h2{
        margin:7px 0 5px;
        font-size:clamp(1.45rem,7vw,2rem);
        max-width:330px
    }
    .camera-pause-panel p{max-width:310px;font-size:.72rem;line-height:1.42}
}