/* CelebIsland — iPhone go-live Safari fallback panel */
.ci-rtc-panel{
  /* Fixed + centered rather than left in normal flow: the live page's own
     .tag_live_sidebar (position:fixed, z-index:950, full-width on mobile)
     sits in a stacking context this in-place panel can't out-rank with a
     plain z-index bump, so it becomes its own top-level overlay instead —
     same treatment .ci-rtc-sheet already uses for the button-click path. */
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10601;
  width:min(92vw,340px);background:#14161c;border:1px solid rgba(81,194,60,.45);
  border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);
  padding:30px 24px;text-align:center;
  font-family:Inter,-apple-system,Arial,sans-serif;color:#F7F7F3;
}
.ci-rtc-panel .ci-rtc-icon{
  width:52px;height:52px;line-height:52px;margin:0 auto 18px;border-radius:50%;
  background:rgba(81,194,60,.14);color:#51C23C;font-size:26px;
}
.ci-rtc-panel h3{
  margin:0 0 12px;font:400 21px "Arial Black",Impact,sans-serif;color:#F7F7F3;
}
.ci-rtc-panel p{
  margin:0 0 22px;font-size:15px;line-height:1.55;color:rgba(247,247,243,.80);
}
.ci-rtc-panel .ci-rtc-go{
  display:block;width:100%;padding:14px;border:0;border-radius:10px;
  background:#51C23C;color:#07080C;font-size:16px;font-weight:700;cursor:pointer;
}
.ci-rtc-panel .ci-rtc-go:active{background:#45a833}
.ci-rtc-panel .ci-rtc-note{
  display:block;margin-top:14px;font-size:13px;color:rgba(247,247,243,.45);
}