:root {
  --wstr-black: #0c0b09;
  --wstr-gold: #d3aa48;
  --wstr-gold-light: #f0d58c;
  --wstr-cream: #fff7df;
  --wstr-red: #d61f2c;
  --wstr-gray: #847d70;
}

.wstr-livecenter {
  position: relative;
  z-index: 9990;
  width: 100%;
  color: var(--wstr-cream);
  background: linear-gradient(90deg, rgba(211,170,72,.08), transparent 18%, transparent 82%, rgba(211,170,72,.08)), var(--wstr-black);
  border-top: 2px solid var(--wstr-gold);
  border-bottom: 2px solid var(--wstr-gold);
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 5px 18px rgba(0,0,0,.3);
  font-family: Georgia, "Times New Roman", serif;
}

.wstr-livecenter__inner {
  max-width: 1400px;
  min-height: 76px;
  margin: 0 auto;
  padding: 10px 22px;
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) minmax(140px, auto) auto;
  gap: 22px;
  align-items: center;
}

.wstr-livecenter__status { display:flex; align-items:center; gap:9px; letter-spacing:.12em; font:800 12px Arial,Helvetica,sans-serif; white-space:nowrap; }
.wstr-livecenter__dot { width:12px; height:12px; border-radius:50%; background:var(--wstr-gray); box-shadow:0 0 0 4px rgba(132,125,112,.15); }
.wstr-livecenter.is-live .wstr-livecenter__dot { background:var(--wstr-red); box-shadow:0 0 0 4px rgba(214,31,44,.16),0 0 13px rgba(214,31,44,.8); animation:wstr-live-pulse 1.8s ease-in-out infinite; }
@keyframes wstr-live-pulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(.78);opacity:.65} }

.wstr-livecenter__identity { min-width:0; display:grid; gap:2px; }
.wstr-livecenter__identity>strong { color:var(--wstr-gold-light); font-size:17px; letter-spacing:.04em; }
.wstr-livecenter__now,.wstr-livecenter__episode { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wstr-livecenter__now { font-size:15px; }
.wstr-livecenter__episode { color:#d7d1c3; font-size:13px; font-style:italic; }

.wstr-livecenter__next { padding-left:18px; border-left:1px solid rgba(211,170,72,.35); display:grid; gap:2px; }
.wstr-livecenter__next span { color:var(--wstr-gold); font:800 10px Arial,Helvetica,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.wstr-livecenter__next strong { max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }

.wstr-livecenter__actions { display:flex; align-items:center; gap:10px; }
.wstr-livecenter__listen,.wstr-livecenter__schedule { border:1px solid var(--wstr-gold); border-radius:3px; padding:11px 16px; font:800 12px Arial,Helvetica,sans-serif; letter-spacing:.07em; text-transform:uppercase; text-decoration:none; transition:transform .15s ease,background .15s ease,color .15s ease; white-space:nowrap; }
.wstr-livecenter__listen { color:#160f03; background:linear-gradient(#f1d987,#c89b36); }
.wstr-livecenter__listen:hover,.wstr-livecenter__schedule:hover { transform:translateY(-1px); }
.wstr-livecenter__listen[aria-disabled="true"] { pointer-events:none; filter:grayscale(1); opacity:.55; }
.wstr-livecenter__schedule { color:var(--wstr-gold-light); background:transparent; }

@media (max-width:900px) {
  .wstr-livecenter__inner { grid-template-columns:auto 1fr auto; gap:12px; }
  .wstr-livecenter__next { display:none; }
}
@media (max-width:640px) {
  .wstr-livecenter__inner { min-height:0; padding:10px 12px; grid-template-columns:1fr auto; }
  .wstr-livecenter__status { grid-column:1/-1; }
  .wstr-livecenter__identity>strong { font-size:15px; }
  .wstr-livecenter__now { font-size:14px; }
  .wstr-livecenter__episode { max-width:58vw; }
  .wstr-livecenter__listen,.wstr-livecenter__schedule { padding:10px 11px; font-size:11px; }
  .wstr-livecenter.wstr-livecenter--sticky-mobile { position:fixed; left:0; right:0; bottom:0; }
}

/* v2.2 embedded player */
.wstr-livecenter__listen {
  cursor: pointer;
}

.wstr-livecenter__player[hidden] {
  display: none !important;
}

.wstr-livecenter__player {
  border-top: 1px solid rgba(211,170,72,.4);
  background: #080706;
  padding: 18px 22px 22px;
}

.wstr-livecenter__player-shell {
  max-width: 760px;
  margin: 0 auto;
  border: 1px solid rgba(211,170,72,.65);
  background: #0d0b08;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

.wstr-livecenter__player-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(211,170,72,.35);
}

.wstr-livecenter__player-head > div {
  display: grid;
  gap: 2px;
}

.wstr-livecenter__player-kicker {
  color: var(--wstr-red);
  font: 800 10px Arial,Helvetica,sans-serif;
  letter-spacing: .14em;
}

.wstr-livecenter__player-head strong {
  color: var(--wstr-gold-light);
  font-size: 15px;
}

.wstr-livecenter__close {
  width: 36px;
  height: 36px;
  border: 1px solid var(--wstr-gold);
  border-radius: 50%;
  color: var(--wstr-gold-light);
  background: transparent;
  font: 400 26px/1 Arial,Helvetica,sans-serif;
  cursor: pointer;
}

.wstr-livecenter__close:hover {
  color: #160f03;
  background: var(--wstr-gold);
}

.wstr-livecenter__video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

.wstr-livecenter__video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width:640px) {
  .wstr-livecenter__player { padding: 12px; }
  .wstr-livecenter__player-shell { width: 100%; }
  .wstr-livecenter.wstr-livecenter--sticky-mobile.has-open-player {
    position: relative;
  }
}