/* V33 / One unmistakable play symbol: the V30-inspired vinyl.
   It's a button in the listening controls, never part of program artwork. */
.playground-site .v33-hero-copy{justify-content:center;padding-top:0}
/* Keep the visual reading order aligned with the markup at every width.
   The earlier culture hero gives its heading order:1 on small screens. */
.playground-site .v33-hero-copy>h1{order:0}
.playground-site .v33-hero-copy .v31-kicker{margin-bottom:17px}
.playground-site .v33-hero-copy h1{font-size:clamp(70px,7.6vw,119px);line-height:.8}
.playground-site .v33-hero-copy h1>span:nth-child(2){font-size:.89em;margin-top:12px}
.playground-site .v33-hero-copy h1 .v31-word-yellow{font-size:1.35em;margin-top:0}
.playground-site .v33-hero-copy .v30-live-chip{margin-top:23px;margin-bottom:0;max-width:530px;padding:12px 0;border-top:1px solid #ffffff50;border-bottom:1px solid #ffffff50}
.playground-site .v33-hero-copy .v30-live-chip strong{font-size:clamp(25px,2.6vw,36px)}
.playground-site .v33-hero-copy .v31-hero-intro{max-width:490px;margin:18px 0 0;font-size:14px;line-height:1.55;color:#d5cdda}
.playground-site .v33-hero-actions{margin-top:17px;gap:21px}
.playground-site .v33-iconic-play{min-height:118px;max-width:100%;gap:17px;padding:9px 21px 9px 9px;background:#e7fb50;color:#12121a;border:2px solid #e7fb50;box-shadow:8px 9px 0 #f83e68;transform:none}
.playground-site .v33-iconic-play:hover{transform:translateY(-3px);box-shadow:9px 12px 0 #f83e68}
.v33-vinyl-disc{position:relative;display:grid;place-items:center;flex:none;width:96px;height:96px;border-radius:50%;background:#0d0e13;border:2px solid #fff8;box-shadow:inset 0 0 0 2px #06070a,3px 5px 0 #11101854;isolation:isolate}
.v33-vinyl-grooves{position:absolute;inset:5px;border-radius:50%;background:repeating-radial-gradient(circle,#111319 0 4px,#3c3c47 4.5px 5.3px,#101116 6px 10px);border:1px solid #69676b;overflow:hidden}
.v33-vinyl-grooves:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent 0 18%,#ffffff24 26%,transparent 31% 68%,#ffffff21 75%,transparent 80%)}
.v33-vinyl-disc .play-icon{position:relative;z-index:2;width:37px;height:37px;padding:12px;box-sizing:content-box;border-radius:50%;background:#f33058;fill:#fff;box-shadow:0 0 0 3px #17121d}
.v33-iconic-play .v31-tune-copy{gap:7px;min-width:0}
.v33-iconic-play .v31-tune-copy small{color:#302737;font-size:10px}
.v33-iconic-play .v31-tune-copy b{font-size:clamp(27px,2.75vw,41px);line-height:.95;white-space:normal;overflow-wrap:anywhere}
.v33-iconic-play[aria-pressed="true"]{background:#ffafc7;border-color:#ffafc7}
.v33-iconic-play:focus-visible,.v33-vinyl-toggle:focus-visible{outline:4px solid #fff;outline-offset:4px}
.playground-site.is-playing .v33-vinyl-grooves,.playground-site.is-playing .v33-dock-grooves{animation:v33-spin 9s linear infinite}
@keyframes v33-spin{to{transform:rotate(360deg)}}

/* Make the permanently available compact stream control a miniature twin. */
.playground-site .radio-player .v33-vinyl-toggle{position:relative;isolation:isolate;display:grid;place-items:center;flex:none;padding:0;background:#111219!important;border:2px solid #c3c4c7;border-radius:50%;overflow:hidden}
.v33-dock-grooves{position:absolute;inset:3px;border-radius:50%;background:repeating-radial-gradient(circle,#111217 0 2px,#444550 3px 4px,#15161c 5px 7px)}
.v33-dock-grooves:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 30%,#ffffff24 35%,transparent 45% 70%,#ffffff20 76%,transparent 82%)}
.playground-site .radio-player .v33-vinyl-toggle .play-icon{position:relative;z-index:2;display:block;width:18px;height:18px;padding:6px;background:#f33058;border-radius:50%;fill:#fff;box-sizing:content-box}
.playground-site .radio-player:not(.pg-expanded) .v33-vinyl-toggle{width:48px;height:48px}
.playground-site .radio-player.pg-expanded .v33-vinyl-toggle{min-width:48px;min-height:48px}
.playground-site .v33-hero-copy .v31-message-link{font-size:11px}

/* V34: readable schedule information on the current dark program surface. */
.playground-site .program-section .schedule-name{color:#fff}
.playground-site .program-section .schedule-kicker,
.playground-site .program-section .schedule-time,
.playground-site .program-section .schedule-next-context,
.playground-site .program-section .schedule-context{color:#d6ccdf}
.playground-site .program-section .schedule-next{border-color:#ffffff45}
.playground-site .program-section .schedule-next:hover,
.playground-site .program-section .schedule-next:focus-visible{background:#ffffff0d}
.playground-site .program-section .schedule-next:focus-visible{outline:2px solid #e7fb50;outline-offset:5px}
.playground-site .program-section .program-count{color:#d6ccdf}
/* This is a decorative label; actual on-air state has its own schedule badge. */
.playground-site .program-summary:before{content:"TAKE OVER"}

@media(max-width:1150px){
  .playground-site .v33-hero-copy h1{font-size:clamp(68px,8vw,95px)}
  .playground-site .v33-hero-copy h1 .v31-word-yellow{font-size:1.28em}
  .v33-vinyl-disc{width:85px;height:85px}
  .playground-site .v33-iconic-play{min-height:106px}
}
@media(max-width:800px){
  .playground-site .v33-hero-copy h1{font-size:clamp(69px,12.5vw,105px)}
  .playground-site .v33-hero-copy .v30-live-chip{max-width:590px}
  .playground-site .v33-hero-copy .v31-hero-intro{max-width:650px}
}
@media(max-width:760px){
  /* Every station space stays reachable without a sideways navigation swipe. */
  .v32-space-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;min-height:56px}
  .v32-space-nav a{min-width:0;min-height:56px;flex-direction:column;gap:5px;padding:9px 2px;font-size:clamp(13px,3.65vw,18px);letter-spacing:0}
  .v32-space-nav a span{align-self:auto;margin:0;font-size:8px}
}
@media(max-width:520px){
  .playground-site .v33-hero-copy .v31-kicker{margin-bottom:12px}
  .playground-site .v33-hero-copy h1{font-size:clamp(58px,12.5vw,75px)}
  .playground-site .v33-hero-copy h1>span:nth-child(2){margin-top:8px}
  .playground-site .v33-hero-copy h1 .v31-word-yellow{font-size:1.3em}
  .playground-site .v33-hero-copy .v30-live-chip{margin-top:17px;padding:9px 0}
  .playground-site .v33-hero-copy .v30-live-chip strong{font-size:23px}
  .playground-site .v33-hero-actions{margin-top:15px;gap:17px}
  .playground-site .v33-iconic-play{min-height:88px;gap:11px;padding:6px 12px 6px 6px;box-shadow:5px 6px 0 #f83e68}
  .v33-vinyl-disc{width:73px;height:73px}
  .v33-vinyl-disc .play-icon{width:25px;height:25px;padding:9px}
  .v33-iconic-play .v31-tune-copy small{font-size:8px}
  .v33-iconic-play .v31-tune-copy b{font-size:27px}
  .v33-iconic-play .v31-tune-arrow{font-size:18px}
  .playground-site .v33-hero-copy .v31-hero-intro{margin-top:14px;font-size:12.5px}
  .playground-site .radio-player:not(.pg-expanded) .v33-vinyl-toggle{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  .playground-site.is-playing .v33-vinyl-grooves,.playground-site.is-playing .v33-dock-grooves{animation:none!important}
  .playground-site .v33-iconic-play{transition:none!important}
}