/* LEVINET RADIO — Winamp player component (shared, v214).
   One player style everywhere. Extracted from radio.html; identical look.
   Requires the canonical mount markup + winamp.js.
   Also defines vars the chat client expects (--phosphor/--red/--blue/--tap/--panel2).
   Keep in sync with radio.html's inline copy. */
:root{--phosphor:#7dfd9a;--red:#ff5a4d;--blue:#4da6ff;--tap:56px;--panel2:#0d0d20;}

/* ============ LEVINET RADIO — in-page styling, station neon ============ */
.st-wrap{max-width:560px;margin:0 auto;padding:0 4px;text-align:center}
.st-onair{
  font-weight:900;letter-spacing:.3em;font-size:1.8rem;color:#ff5a4d;
  text-shadow:0 0 12px #ff5a4d,0 0 44px rgba(255,90,77,.6);
  border:3px solid #ff5a4d;border-radius:14px;padding:.5em .4em;margin:6px 0 10px;
  background:rgba(255,90,77,.06);box-shadow:0 0 22px rgba(255,90,77,.35)}
.st-onair.off{color:var(--dim);text-shadow:none;border-color:var(--dim);box-shadow:none;background:none}
.st-ticker{
  overflow:hidden;white-space:nowrap;border:2px solid var(--cyan);border-radius:10px;
  background:#050510;padding:.6em 0;margin-bottom:14px;box-shadow:0 0 14px rgba(0,229,255,.25)}
.st-ticker span{display:inline-block;padding-left:100%;animation:sttick 18s linear infinite;
  color:var(--cyan);font-weight:700;letter-spacing:.14em;font-size:.85rem;text-shadow:0 0 8px rgba(0,229,255,.7)}
@keyframes sttick{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.st-tune{
  min-height:56px;border-radius:12px;cursor:pointer;font-family:inherit;
  font-weight:900;font-size:1.05rem;letter-spacing:.18em;width:100%;
  color:#1a0f3c;background:linear-gradient(180deg,#ffd23f,#ff9e3d);
  border:3px solid #1a0f3c;box-shadow:0 5px 0 #7b2d8b,0 0 22px rgba(255,210,63,.45)}
.st-tune:active{transform:translateY(3px);box-shadow:0 2px 0 #7b2d8b}
.st-status{color:var(--dim);font-size:.82rem;letter-spacing:.12em;margin:12px 0;min-height:1.4em}
.st-status.live{color:var(--phosphor);text-shadow:0 0 8px rgba(125,255,154,.6)}
.st-note{color:var(--dim);font-size:.82rem;line-height:1.7;margin-top:14px}
.st-note strong{color:var(--gold)}
/* ============ WINAMP-STYLE STATIONS (v211) ============
   Level 1: station buttons. Click a station → its track list.
   Level 2: Winamp playlist of tracks. Click a track → plays. */
.wa-win{background:#0d0d12;border:3px solid #2a2a3a;border-radius:8px;overflow:hidden;
  box-shadow:0 0 24px rgba(0,229,255,.15),inset 0 0 40px rgba(0,0,0,.6);margin-bottom:14px;text-align:left}
.wa-titlebar{display:flex;align-items:center;gap:8px;padding:8px 10px;
  background:linear-gradient(180deg,#2b2b3d,#16161f);border-bottom:2px solid #2a2a3a}
.wa-titlebar .wa-logo{color:#7dfd9a;font-weight:900;font-size:.75rem;letter-spacing:.2em;
  text-shadow:0 0 8px rgba(125,253,154,.7)}
.wa-titlebar .wa-dots{margin-left:auto;display:flex;gap:6px}
.wa-titlebar .wa-dot{width:12px;height:12px;border-radius:50%;border:1px solid #000}
.wa-dot.r{background:#ff5a4d}.wa-dot.y{background:#ffd23f}.wa-dot.g{background:#7dfd9a}
.wa-list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}
.wa-item{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:4px 0;border-radius:6px;
  cursor:pointer;border:2px solid transparent;background:rgba(255,255,255,.02);
  min-height:56px;-webkit-tap-highlight-color:transparent}
.wa-item:active{background:rgba(0,229,255,.08)}
.wa-item .wa-num{color:#5a5a6e;font-weight:900;font-size:.85rem;min-width:28px;font-family:monospace}
.wa-item .wa-name{color:#c8c8d8;font-weight:700;font-size:.92rem;letter-spacing:.06em;flex:1}
.wa-item .wa-desc{display:block;color:#5a5a6e;font-weight:400;font-size:.72rem;letter-spacing:.04em;margin-top:2px}
.wa-item .wa-play{color:#2a2a3a;font-size:1.1rem;min-width:24px;text-align:center}
.wa-item.playing{background:rgba(125,253,154,.08);border-color:#7dfd9a;
  box-shadow:0 0 12px rgba(125,253,154,.25)}
.wa-item.playing .wa-name{color:#7dfd9a;text-shadow:0 0 8px rgba(125,253,154,.5)}
.wa-item.playing .wa-num{color:#7dfd9a}
.wa-item.playing .wa-play{color:#7dfd9a;animation:wapulse 1s ease-in-out infinite}
@keyframes wapulse{0%,100%{opacity:1}50%{opacity:.4}}
.wa-item.soon{opacity:.45;cursor:default}
.wa-item.soon .wa-name{color:#5a5a6e}
.wa-soon-tag{color:#ffd23f;font-size:.68rem;font-weight:700;letter-spacing:.14em;
  border:1px solid #ffd23f;border-radius:4px;padding:2px 6px;white-space:nowrap}
.wa-guide{border-top:2px solid #2a2a3a;padding:10px 12px;background:rgba(0,0,0,.3)}
.wa-guide h4{color:#ffd23f;font-size:.72rem;letter-spacing:.22em;margin:0 0 8px;font-weight:900}
.wa-guide dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:.74rem}
.wa-guide dt{color:#7dfd9a;font-weight:700;font-family:monospace;white-space:nowrap}
.wa-guide dd{margin:0;color:#8a8a9e;line-height:1.5}
.wa-now{padding:8px 12px;background:rgba(255,90,77,.08);border-top:2px solid #2a2a3a;
  color:#ff5a4d;font-size:.78rem;font-weight:700;letter-spacing:.14em;min-height:1.2em}
.wa-now:empty{display:none}
/* v211: station-button grid (level 1) + back button (level 2) */
.wa-stations{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.wa-stbtn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:14px 12px;min-height:76px;border-radius:8px;cursor:pointer;text-align:left;
  font-family:inherit;color:#c8c8d8;background:linear-gradient(180deg,#1c1c28,#12121a);
  border:2px solid #2a2a3a;-webkit-tap-highlight-color:transparent}
.wa-stbtn:active{transform:translateY(2px);border-color:#7dfd9a}
.wa-stbtn .wa-stname{font-weight:900;font-size:.88rem;letter-spacing:.1em;color:#ffd23f;
  text-shadow:0 0 8px rgba(255,210,63,.4)}
.wa-stbtn .wa-stcount{font-size:.7rem;color:#5a5a6e;letter-spacing:.08em}
.wa-stbtn .wa-stdesc{font-size:.68rem;color:#8a8a9e;line-height:1.4}
.wa-back{display:flex;align-items:center;gap:8px;width:calc(100% - 12px);margin:6px;
  padding:10px 12px;min-height:48px;border-radius:6px;cursor:pointer;font-family:inherit;
  font-weight:900;font-size:.8rem;letter-spacing:.16em;color:#7dfd9a;
  background:rgba(125,253,154,.06);border:2px solid #2a2a3a;-webkit-tap-highlight-color:transparent}
.wa-back:active{background:rgba(125,253,154,.14)}
.wa-trackhead{padding:10px 12px 2px;color:#ffd23f;font-weight:900;font-size:.8rem;
  letter-spacing:.2em;text-shadow:0 0 8px rgba(255,210,63,.4)}
.wa-trackhead .wa-thsub{display:block;color:#5a5a6e;font-weight:400;font-size:.68rem;
  letter-spacing:.08em;margin-top:2px;text-shadow:none}
.wa-video{width:100%;display:block;background:#000;max-height:78vh}
.wa-vtag{color:#00e5ff;font-size:.62rem;font-weight:900;letter-spacing:.14em;border:1px solid #00e5ff;border-radius:4px;padding:1px 5px}
@media (prefers-reduced-motion:reduce){.wa-item.playing .wa-play{animation:none}}
@media (prefers-reduced-motion:reduce){.st-ticker span{animation:none;padding-left:0}}