/* =========================================================
   Broadcast Graphics Pack v1
   Wicket / Partnership / Milestone / Innings Break / Result
========================================================= */

.broadcast-graphics-layer{
  position:fixed;
  inset:0;
  z-index:20000;
  pointer-events:none;
  font-family:Impact, "Arial Black", Arial, sans-serif;
}

.broadcast-popup{
  position:absolute;
  left:50%;
  top:28%;
  transform:translate(-50%,-50%) scale(.85);
  min-width:520px;
  max-width:820px;
  padding:28px 36px;
  border-radius:24px;
  border:2px solid rgba(255,209,102,.85);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.18), transparent 42%),
    linear-gradient(180deg, rgba(8,15,28,.96), rgba(0,0,0,.92));
  color:#fff;
  text-align:center;
  box-shadow:0 0 50px rgba(0,0,0,.85), 0 0 32px rgba(255,209,102,.42);
  opacity:0;
  visibility:hidden;
}

.broadcast-popup.show{
  animation:broadcastPopIn 4.2s ease-in-out both;
  visibility:visible;
}

.broadcast-kicker{
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:1000;
  letter-spacing:4px;
  color:#ffd166;
  text-transform:uppercase;
}

.broadcast-title{
  margin-top:8px;
  font-size:78px;
  line-height:.94;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 7px 18px rgba(0,0,0,.9);
}

.broadcast-subtitle{
  margin-top:14px;
  font-family:Arial, sans-serif;
  font-size:23px;
  font-weight:900;
  color:rgba(255,255,255,.88);
  text-transform:uppercase;
}

.broadcast-meta{
  margin-top:14px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

.broadcast-pill{
  padding:7px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  font-family:Arial, sans-serif;
  font-size:14px;
  font-weight:900;
  color:#ffd166;
}

.broadcast-popup.wicket{
  border-color:rgba(255,40,40,.95);
  box-shadow:0 0 50px rgba(0,0,0,.85), 0 0 36px rgba(255,0,0,.48);
}

.broadcast-popup.wicket .broadcast-kicker,
.broadcast-popup.wicket .broadcast-title{
  color:#ff3b3b;
}

.broadcast-popup.partnership .broadcast-title{
  color:#ffd166;
}

.broadcast-popup.milestone .broadcast-title{
  color:#7dd3fc;
}

.broadcast-fullscreen{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center, rgba(255,209,102,.15), transparent 45%),
    linear-gradient(135deg, rgba(2,6,23,.92), rgba(0,0,0,.88));
  opacity:0;
  visibility:hidden;
}

.broadcast-fullscreen.show{
  visibility:visible;
  animation:fullScreenGraphic 7s ease-in-out both;
}

.fullscreen-card{
  min-width:760px;
  max-width:1100px;
  padding:44px 58px;
  border-radius:30px;
  border:2px solid rgba(255,209,102,.8);
  background:rgba(6,14,26,.75);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  text-align:center;
  color:#fff;
  box-shadow:0 0 70px rgba(0,0,0,.9),0 0 34px rgba(255,209,102,.35);
}

.fullscreen-logo{
  width:126px;
  height:126px;
  object-fit:contain;
  margin-bottom:18px;
  filter:drop-shadow(0 0 18px rgba(0,0,0,.8));
}

.fullscreen-kicker{
  font-family:Arial, sans-serif;
  font-size:18px;
  font-weight:1000;
  letter-spacing:5px;
  color:#ffd166;
  text-transform:uppercase;
}

.fullscreen-title{
  margin-top:10px;
  font-size:82px;
  line-height:1;
  font-weight:1000;
  text-transform:uppercase;
}

.fullscreen-score{
  margin-top:18px;
  font-size:44px;
  color:#ffd166;
}

.fullscreen-sub{
  margin-top:12px;
  font-family:Arial, sans-serif;
  font-size:24px;
  font-weight:900;
  color:rgba(255,255,255,.85);
}

body.theme-ipl-neon .broadcast-popup,
body.theme-ipl-neon .fullscreen-card{
  border-color:rgba(0,229,255,.8);
  box-shadow:0 0 50px rgba(0,0,0,.85),0 0 34px rgba(0,229,255,.35);
}
body.theme-ipl-neon .broadcast-kicker,
body.theme-ipl-neon .broadcast-pill,
body.theme-ipl-neon .fullscreen-kicker,
body.theme-ipl-neon .fullscreen-score{color:#00e5ff;}

body.theme-red-fire .broadcast-popup,
body.theme-red-fire .fullscreen-card{border-color:rgba(255,60,60,.9);}
body.theme-red-fire .broadcast-kicker,
body.theme-red-fire .broadcast-pill,
body.theme-red-fire .fullscreen-kicker,
body.theme-red-fire .fullscreen-score{color:#ffb703;}

body.theme-glass-premium .broadcast-popup,
body.theme-clean-glass .broadcast-popup,
body.theme-glass-premium .fullscreen-card,
body.theme-clean-glass .fullscreen-card{
  background:rgba(8,15,28,.52);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

@keyframes broadcastPopIn{
  0%{opacity:0;transform:translate(-50%,-45%) scale(.72);}
  9%{opacity:1;transform:translate(-50%,-50%) scale(1.05);}
  15%{transform:translate(-50%,-50%) scale(1);}
  78%{opacity:1;transform:translate(-50%,-50%) scale(1);}
  100%{opacity:0;transform:translate(-50%,-56%) scale(.92);}
}

@keyframes fullScreenGraphic{
  0%{opacity:0;transform:scale(1.03);}
  10%{opacity:1;transform:scale(1);}
  84%{opacity:1;transform:scale(1);}
  100%{opacity:0;transform:scale(1.02);}
}

@media(max-width:1400px){
  .broadcast-popup{min-width:430px;padding:22px 28px;}
  .broadcast-title{font-size:56px;}
  .broadcast-subtitle{font-size:18px;}
  .fullscreen-card{min-width:620px;padding:34px 42px;}
  .fullscreen-title{font-size:62px;}
  .fullscreen-score{font-size:36px;}
}