/* V36 — the streaming control is a pocket-radio faceplate, not a loose icon.
   The original V30 vinyl-inspired Play button remains the actual control. */
.playground-site .v33-iconic-play{
  position:relative;isolation:isolate;display:flex;align-items:center;
  min-height:116px;width:min(100%,550px);gap:15px;padding:9px 15px 9px 11px;
  color:#16141b;background:linear-gradient(162deg,#fff6de 0%,#e4dac3 57%,#cbbfa6 100%);
  border:4px solid #25242d;border-radius:19px;
  box-shadow:inset 0 4px 0 #ffffffcc,inset 0 -5px 0 #968a7773,5px 6px 0 #f0325b;
  transform:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.playground-site .v33-iconic-play:hover{transform:translateY(-2px);box-shadow:inset 0 4px 0 #ffffffcc,inset 0 -5px 0 #968a7773,6px 9px 0 #f0325b}
.playground-site .v33-iconic-play:active{transform:translateY(2px);box-shadow:inset 0 4px 8px #1113,2px 3px 0 #f0325b}
.playground-site .v33-iconic-play[aria-pressed="true"]{background:linear-gradient(162deg,#ffe8e4,#f6bdcb 70%,#dd8e9d);border-color:#25242d}
.playground-site .v33-iconic-play:before{
  content:"";position:absolute;right:22px;top:-17px;width:3px;height:19px;
  border-radius:4px 4px 0 0;background:linear-gradient(90deg,#73717a,#f7f4ee,#676774);
  transform:rotate(24deg);transform-origin:bottom center;pointer-events:none
}
.playground-site .v33-iconic-play:after{
  content:"";position:absolute;inset:6px;border-radius:12px;
  background:radial-gradient(circle at 7px 7px,#676066 0 2px,#f5eee1 2px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#676066 0 2px,#f5eee1 2px 3px,transparent 3.5px);
  pointer-events:none
}
.playground-site .v33-iconic-play .v33-vinyl-disc{
  width:88px;height:88px;flex:none;border:5px solid #5f5b5c;
  box-shadow:0 0 0 2px #f8f5eb,inset 0 0 0 2px #101015,3px 4px 0 #24232a66
}
.playground-site .v33-iconic-play .v33-vinyl-disc .play-icon{background:#ed2653;box-shadow:0 0 0 3px #11131b,0 2px 8px #0006}
.playground-site .v33-iconic-play .v31-tune-copy{position:relative;z-index:1;flex:1;min-width:0;gap:8px}
.playground-site .v33-iconic-play .v31-tune-copy small{font:900 9px/1.2 var(--body);color:#59515a;letter-spacing:.11em}
.playground-site .v33-iconic-play .v31-tune-copy b{font:900 clamp(27px,2.6vw,39px)/.95 var(--heading);color:#16141b;letter-spacing:-.025em}
.v36-radio-speaker{position:relative;display:flex;flex:0 0 104px;align-self:stretch;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-left:2px solid #a79b88;padding-left:11px}
.v36-radio-speaker i{display:block;width:83px;height:45px;border:2px solid #746f6c;border-radius:8px;background-color:#39393a;background-image:radial-gradient(circle,#171718 1.8px,#a9a39a 2.1px,transparent 2.7px);background-size:9px 9px;box-shadow:inset 0 2px 4px #0008,0 1px 1px #fff}
.v36-radio-speaker small{max-width:93px;text-align:center;color:#5b5054;font:900 7px/1.15 var(--body);letter-spacing:.06em}
.v36-radio-speaker:before{content:"";position:absolute;top:6px;right:5px;width:8px;height:8px;border:1px solid #958b81;border-radius:50%;background:#68666b;box-shadow:0 0 0 2px #d1c5b1}
.playground-site.is-playing .v36-radio-speaker:before{background:#ff3354;box-shadow:0 0 0 2px #d1c5b1,0 0 11px #ff3354}

/* The persistent player carries the scheduled show's actual art. No second
   animated video or independently managed audio player is created. */
.playground-site .radio-player .v36-program-badge{
  position:relative;display:grid;place-items:center;flex:0 0 60px;
  width:60px;height:53px;min-width:0;padding:4px 5px 11px;
  border:1px solid #b4a999;border-radius:7px;background:#f7efe0;
  box-shadow:inset 0 0 0 2px #ffffffb9,2px 2px 0 #07080a7a;overflow:hidden
}
.playground-site .radio-player .v36-program-badge img{display:block;width:100%;height:100%;object-fit:contain}
.playground-site .radio-player .v36-program-badge span{position:absolute;bottom:2px;left:0;right:0;text-align:center;font:900 6px/1.2 var(--body);color:#3e3842;letter-spacing:.08em}
.playground-site .radio-player:not(.pg-expanded) .player-inner{height:72px;gap:10px}
.playground-site .radio-player:not(.pg-expanded) .player-info{min-width:0}
.playground-site .radio-player:not(.pg-expanded) .player-info>strong{font-size:clamp(16px,1.6vw,22px)}
.playground-site .radio-player:not(.pg-expanded) .v33-vinyl-toggle{border:3px solid #dfd6bc;box-shadow:inset 0 0 0 2px #171219,2px 2px 0 #0008}
.playground-site .radio-player .v33-vinyl-toggle:focus-visible{outline:3px solid #e7fb50;outline-offset:3px}
.playground-site .radio-player:not(.pg-expanded) .player-options-toggle{flex:none}

/* The supplied motion-derived logos need a light physical sleeve to stay
   readable against the saturated program artwork; keep every logo untouched. */
.playground-site .v31-stage-visual:is([data-program="ganti-giliran"],[data-program="baru-balique"],[data-program="diserang-cinta"]) .v31-show-art{
  width:91%;height:auto;min-height:270px;margin:auto;padding:18px;
  background:#f9f0de;border:3px solid #18141e;box-shadow:8px 9px 0 #15101a90;
  transform:rotate(-3deg)
}

@media(max-width:900px){
  .playground-site .v33-iconic-play{width:min(100%,555px)}
  .v36-radio-speaker{flex-basis:95px}
  .v36-radio-speaker i{width:75px}
}
@media(max-width:520px){
  .playground-site .v33-iconic-play{width:min(100%,390px);min-height:91px;padding:7px 12px 7px 8px;gap:11px;border-width:3px;border-radius:14px;box-shadow:inset 0 3px 0 #ffffffcc,4px 5px 0 #f0325b}
  .playground-site .v33-iconic-play .v33-vinyl-disc{width:69px;height:69px;border-width:4px}
  .playground-site .v33-iconic-play .v31-tune-copy{gap:5px}
  .playground-site .v33-iconic-play .v31-tune-copy b{font-size:clamp(22px,6.3vw,29px)}
  .playground-site .v33-iconic-play .v31-tune-copy small{font-size:7px}
  .v36-radio-speaker{flex:0 0 56px;gap:5px;padding-left:6px}
  .v36-radio-speaker i{width:48px;height:33px;background-size:7px 7px;border-radius:5px}
  .v36-radio-speaker small{font-size:5.7px;max-width:54px}
  .v36-radio-speaker:before{right:1px;top:4px;width:5px;height:5px}
  .playground-site .radio-player:not(.pg-expanded) .player-inner{height:70px;gap:8px;padding:7px 9px}
  .playground-site .radio-player .v36-program-badge{flex-basis:51px;width:51px;height:48px;padding:3px 4px 10px}
  .playground-site .radio-player:not(.pg-expanded) .player-info>strong{font-size:18px}
}
@media(max-width:360px){
  .v36-radio-speaker{display:none}
  .playground-site .radio-player .v36-program-badge{flex-basis:45px;width:45px;height:44px}
  .playground-site .radio-player:not(.pg-expanded) .player-info>strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .playground-site .v33-iconic-play{transition:none!important}
}