/* WORLD DIAL DECK — unique visual owner of radio-mundo-player.html
   Does not load world-radio-player.css or passport-world-dial.css.
   JS contract: #world-stations .station[data-id], #world-player, #world-audio,
   #world-play, #world-stop, #world-controls, #world-embed, #world-name,
   #world-description, #world-status, #world-territory, #world-lang
*/
.wd-body{background:#111;color:#f2f2f2}
.wd-main{max-width:1120px;margin:0 auto;padding:24px 16px 140px}
.wd-head{border-bottom:3px solid #e10600;padding-bottom:18px;margin-bottom:18px}
.wd-kicker{display:block;font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#e10600}
.wd-head h1{font-size:clamp(2rem,6vw,4.2rem);line-height:.9;letter-spacing:-.05em;margin:8px 0;color:#fff}
.wd-head p{max-width:46ch;color:#b8b8b8;font-size:.9rem}
.wd-back{display:inline-block;margin:10px 12px 0 0;font-size:.72rem;font-weight:800;color:#fff;text-decoration:none;border-bottom:2px solid #e10600}
.wd-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.wd-stations .station,
#world-stations .station{
  display:flex;flex-direction:column;justify-content:flex-end;gap:4px;
  min-height:108px;padding:14px;background:#1a1a1a;border:1px solid #333;
  border-top:4px solid #e10600;color:#fff;cursor:pointer;text-align:left;
  writing-mode:horizontal-tb;transform:none;white-space:normal;
}
.wd-stations .station:hover{background:#242424;border-color:#666}
.wd-stations .station.is-active{background:#e10600;border-color:#e10600;color:#fff}
.wd-stations .station strong{font-size:.95rem;line-height:1.2}
.wd-stations .station span{font-size:.68rem;color:#cfcfcf}
.wd-stations .station.is-active span{color:#ffe4e4}

.wd-deck{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  display:flex;flex-wrap:nowrap;align-items:center;gap:16px;
  min-height:88px;padding:12px 18px;
  background:#0a0a0a;border-top:4px solid #e10600;color:#fff;
  writing-mode:horizontal-tb;
}
.wd-deck-copy{flex:1 1 auto;min-width:0}
.wd-deck-route{display:block;font-size:.58rem;font-weight:800;letter-spacing:.1em;color:#e10600}
#world-name{display:block;font-size:1.05rem;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#world-description,#world-lang{display:block;font-size:.72rem;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-deck-lang:empty{display:none}
.wd-deck-status{display:block;font-size:.68rem;font-weight:800;color:#8f8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#world-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.wd-deck-embed[hidden]{display:none!important}
.wd-deck-controls{
  display:flex;flex-wrap:nowrap!important;flex:0 0 auto;gap:8px;
}
.wd-deck-controls button{
  flex:0 0 auto;min-width:96px;padding:12px 16px;border:0;
  background:#e10600;color:#fff;font-size:.75rem;font-weight:900;cursor:pointer;white-space:nowrap;
}
.wd-deck-controls button:disabled{background:#333;color:#888;cursor:not-allowed}
.wd-deck-controls button:not(:disabled):hover{background:#b80500}
.wd-deck-territory{
  flex:0 0 auto;font-size:.68rem;font-weight:800;color:#fff;text-decoration:none;
  border:1px solid #555;padding:12px 10px;white-space:nowrap;max-width:220px;
  overflow:hidden;text-overflow:ellipsis;
}
.wd-deck-territory:hover{border-color:#e10600}

@media(max-width:820px){
  .wd-deck{flex-wrap:wrap;align-items:stretch}
  .wd-deck-copy{flex:1 1 100%}
  .wd-deck-controls{flex-wrap:nowrap!important;width:100%}
  .wd-deck-controls button{flex:1 1 50%}
  .wd-deck-territory{width:100%;max-width:none;text-align:center}
  .wd-main{padding-bottom:180px}
}
@media(max-width:520px){
  .wd-stations{grid-template-columns:1fr 1fr}
}