/* =========================================================
   Pre-Match Graphics Pack v1
   Toss / Playing XI / Next Match
========================================================= */

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

.prematch-screen{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,209,102,.16), transparent 44%),
    linear-gradient(135deg, rgba(2,6,23,.94), rgba(0,0,0,.90));
  opacity:0;
  visibility:hidden;
}

.prematch-screen.show{
  visibility:visible;
  animation:prematchFull 8s ease-in-out both;
}

.prematch-card{
  width:min(1120px, 88vw);
  min-height:520px;
  border-radius:34px;
  border:2px solid rgba(255,209,102,.82);
  background:rgba(8,16,30,.76);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 0 80px rgba(0,0,0,.9),0 0 38px rgba(255,209,102,.34);
  color:#fff;
  overflow:hidden;
  position:relative;
}

.prematch-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:translateX(-120%);
  animation:prematchShine 5.5s infinite;
  pointer-events:none;
}

.prematch-header{
  padding:26px 38px 16px;
  text-align:center;
  border-bottom:1px solid rgba(255,209,102,.34);
}

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

.prematch-title{
  margin-top:8px;
  font-size:62px;
  line-height:1;
  text-transform:uppercase;
}

.toss-body{
  display:grid;
  grid-template-columns:1fr 230px 1fr;
  align-items:center;
  gap:28px;
  padding:44px 52px;
}

.toss-team{
  text-align:center;
  min-width:0;
}

.toss-team img{
  width:154px;
  height:154px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(0,0,0,.8));
}

.toss-team b{
  display:block;
  margin-top:18px;
  font-size:36px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.toss-vs{
  text-align:center;
  font-size:62px;
  color:#ffd166;
}

.toss-result{
  padding:0 52px 42px;
  text-align:center;
}

.toss-winner{
  font-size:58px;
  color:#ffd166;
  text-transform:uppercase;
}

.toss-choice{
  margin-top:8px;
  font-family:Arial, sans-serif;
  font-size:26px;
  font-weight:1000;
  letter-spacing:2px;
  text-transform:uppercase;
}

.xi-body{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  padding:34px 42px 42px;
  align-items:center;
}

.xi-team-info{
  text-align:center;
  border-right:1px solid rgba(255,209,102,.32);
  padding-right:28px;
}

.xi-team-info img{
  width:160px;
  height:160px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(0,0,0,.8));
}

.xi-team-info b{
  display:block;
  margin-top:16px;
  font-size:36px;
  color:#ffd166;
  text-transform:uppercase;
}

.xi-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
  font-family:Arial, sans-serif;
}

.xi-player{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-size:18px;
  font-weight:900;
}

.xi-badges{
  display:flex;
  gap:6px;
}

.xi-badge{
  padding:3px 7px;
  border-radius:999px;
  background:#ffd166;
  color:#111;
  font-size:11px;
  font-weight:1000;
}

.next-body{
  padding:44px 56px 50px;
  display:grid;
  grid-template-columns:1fr 160px 1fr;
  align-items:center;
  gap:28px;
}

.next-big-team{
  text-align:center;
}

.next-big-team img{
  width:170px;
  height:170px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(0,0,0,.8));
}

.next-big-team b{
  display:block;
  margin-top:18px;
  font-size:40px;
  line-height:1;
  text-transform:uppercase;
}

.next-vs{
  text-align:center;
  font-size:72px;
  color:#ffd166;
}

.next-meta{
  grid-column:1 / -1;
  margin-top:24px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  font-family:Arial, sans-serif;
}

.next-pill{
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  font-size:18px;
  font-weight:1000;
  color:#ffd166;
  text-transform:uppercase;
}

/* Director controls */
.prematch-control-card{
  background:linear-gradient(180deg,#101827,#060b13);
  border:1px solid rgba(255,209,102,.35);
  border-radius:18px;
  padding:18px;
  margin:14px 0;
  color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
.prematch-control-card h3{margin:0 0 12px;font-size:20px;color:#ffd166;}
.prematch-control-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0;}
.prematch-control-row input,.prematch-control-row select,.prematch-control-row textarea{
  padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.16);
  background:#0f172a;color:#fff;font-weight:800;
}
.prematch-control-row textarea{min-width:420px;min-height:70px;}
.prematch-control-row button{
  padding:10px 14px;border:0;border-radius:10px;background:linear-gradient(90deg,#ffd166,#ffb703);
  color:#111;font-weight:1000;cursor:pointer;
}
.prematch-status{font-size:13px;color:#a7f3d0;font-weight:800;}

body.theme-ipl-neon .prematch-card{border-color:rgba(0,229,255,.82);box-shadow:0 0 80px rgba(0,0,0,.9),0 0 38px rgba(0,229,255,.32);}
body.theme-ipl-neon .prematch-kicker,
body.theme-ipl-neon .toss-vs,
body.theme-ipl-neon .toss-winner,
body.theme-ipl-neon .next-vs,
body.theme-ipl-neon .next-pill,
body.theme-ipl-neon .xi-team-info b{color:#00e5ff;}

@keyframes prematchFull{
  0%{opacity:0;transform:scale(1.03);}
  10%{opacity:1;transform:scale(1);}
  86%{opacity:1;transform:scale(1);}
  100%{opacity:0;transform:scale(1.02);}
}
@keyframes prematchShine{
  0%,55%{transform:translateX(-120%);opacity:0;}
  70%{opacity:.8;}
  100%{transform:translateX(120%);opacity:0;}
}

@media(max-width:1400px){
  .prematch-card{width:92vw;min-height:420px;}
  .prematch-title{font-size:46px;}
  .toss-body{grid-template-columns:1fr 150px 1fr;padding:28px 34px;}
  .toss-team img,.xi-team-info img,.next-big-team img{width:118px;height:118px;}
  .toss-team b,.xi-team-info b,.next-big-team b{font-size:27px;}
  .toss-vs,.next-vs{font-size:48px;}
  .toss-winner{font-size:42px;}
  .xi-body{grid-template-columns:200px 1fr;padding:24px 30px 30px;}
  .xi-player{font-size:14px;padding:8px 10px;}
}


/* Match-select update: Playing XI controls removed from director UI */
#showXIBtn,
#pmXIName,
#pmXIPlayers{
  display:none !important;
}

.prematch-screen.force-hide{display:none!important;}