@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* DIDAN RADIO VISUAL v35. Scoped entirely to the radio stage. */
body.didan-radio-v35 #video-stage {
  position: relative !important;
  isolation: isolate;
}
body.didan-radio-v35 #player-placeholder,
body.didan-radio-v35 #video,
body.didan-radio-v35 #audio-player,
body.didan-radio-v35 #youtube-stage {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.didan-radio-v35 #video-stage > #radio-stage-v35 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 80 !important;
  display: grid !important;
  pointer-events: none !important;
}
#radio-stage-v35[hidden] { display: none !important; }
#radio-stage-v35 {
  --rv-cream: #f5ebd4;
  --rv-gold: #d8b780;
  --rv-mint: #85e7cf;
  box-sizing: border-box;
  overflow: hidden;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 220px;
  color: var(--rv-cream);
  background: radial-gradient(ellipse 50% 60% at 49% 48%, #113b3f 0%, #0b1e29 42%, #07121c 77%, #060c12 100%);
  border-radius: inherit;
  font-family: "Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif;
}
#radio-stage-v35 *, #radio-stage-v35 *::before, #radio-stage-v35 *::after { box-sizing: border-box; }
#radio-stage-v35 .radio-v35-glow {
  position: absolute;
  left: 13%; top: 14%; width: 74%; height: 65%;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(28,141,129,.17),transparent 70%);
  filter: blur(12px);
}
#radio-stage-v35 .radio-v35-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(94%, 650px);
  max-height: 100%;
  padding: clamp(14px, 3vh, 22px) 12px;
  gap: clamp(8px, 2vh, 14px);
  text-align: center;
}
#radio-stage-v35 .radio-v35-eyebrow {
  margin: 0;
  color: var(--rv-mint);
  font-weight: 800;
  font-size: clamp(9px, 1.8vw, 12px);
  letter-spacing: .28em;
  line-height: 1.3;
}
#radio-stage-v35 .radio-v35-brand {
  margin: 0;
  max-width: 100%;
  color: var(--rv-cream);
  font-weight: 800;
  font-size: clamp(27px, 5.3vw, 54px);
  line-height: 1.04;
  letter-spacing: -.05em;
  text-shadow: 0 4px 28px rgba(0,0,0,.22);
}
#radio-stage-v35 .radio-v35-caption {
  margin: 0;
  color: rgba(238,244,238,.68);
  font-weight: 500;
  font-size: clamp(10px, 1.5vw, 13px);
  letter-spacing: .09em;
  line-height: 1.25;
}
#radio-stage-v35 .radio-v35-equalizer-wrap {
  width: min(100%, 460px);
  min-width: 0;
  height: clamp(54px, 13vh, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 1px;
}
#radio-stage-v35 .radio-v35-canvas { display: block; width: 100%; height: 100%; }
#radio-stage-v35 .radio-v35-button {
  appearance: none;
  border: 1px solid rgba(154,229,216,.27);
  border-radius: 999px;
  background: rgba(4,17,21,.54);
  padding: 9px 24px;
  min-width: 124px;
  color: var(--rv-cream);
  font: 700 12px/1.2 "Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif;
  letter-spacing: .07em;
  cursor: pointer;
  pointer-events: auto !important;
  transition: background .2s ease, border-color .2s ease;
}
#radio-stage-v35 .radio-v35-button:hover,
#radio-stage-v35 .radio-v35-button:focus-visible { background: rgba(29,91,87,.67); border-color:var(--rv-mint); }
#radio-stage-v35 .radio-v35-button:focus-visible { outline: 2px solid var(--rv-mint); outline-offset: 3px; }
@media (max-width: 700px) {
  #radio-stage-v35 .radio-v35-content { padding: 16px 10px; gap: 10px; }
  #radio-stage-v35 .radio-v35-brand { font-size: clamp(28px, 7vw, 40px); }
  #radio-stage-v35 .radio-v35-equalizer-wrap { width: min(100%, 320px); height: 68px; }
  #radio-stage-v35 .radio-v35-button { padding: 8px 21px; }
}
@media (max-height: 430px) {
  #radio-stage-v35 .radio-v35-content { gap: 7px; padding: 10px; }
  #radio-stage-v35 .radio-v35-equalizer-wrap { height: 46px; }
  #radio-stage-v35 .radio-v35-brand { font-size: 27px; }
  #radio-stage-v35 .radio-v35-button { padding: 7px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  #radio-stage-v35 .radio-v35-button { transition: none; }
}