/* Poker-Royal — lecteur radio partenaire ROAD FM + Now Playing */
.royal-radio-host{width:100%;position:relative;z-index:40}
.royal-radio-host-wide{padding:10px 20px;background:linear-gradient(90deg,rgba(139,92,246,.055),rgba(6,230,200,.035));border-bottom:1px solid var(--border-subtle,#232b3d)}
.royal-radio-host-game{max-width:1400px;margin:0 auto 14px}
.royal-radio-player{position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:1180px;min-height:76px;margin:0 auto;padding:9px 12px;border:1px solid var(--border-subtle,#283247);border-radius:15px;background:linear-gradient(135deg,var(--bg-secondary,#10141d),var(--bg-elevated,#161c28));color:var(--text-primary,#f4f6fb);box-shadow:0 10px 28px rgba(0,0,0,.22);overflow:hidden}
.royal-radio-host-game .royal-radio-player{max-width:none;background:linear-gradient(145deg,#101724,#0b1019);border-color:#283247}
.royal-radio-player::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent-a,#8b5cf6),var(--accent-b,#06e6c8));pointer-events:none}
.royal-radio-art-wrap{position:relative;width:56px;height:56px;flex:0 0 56px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#0a1019;box-shadow:0 7px 18px rgba(0,0,0,.3)}
.royal-radio-cover{display:block;width:100%;height:100%;object-fit:cover;background:#0a1019;transition:opacity .18s ease,transform .25s ease}
.royal-radio-live-badge{position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:5px;background:rgba(7,16,23,.88);border:1px solid rgba(6,230,200,.38);color:var(--accent-b,#06e6c8);font:900 7px/1.2 'Inter',system-ui,sans-serif;letter-spacing:.08em;backdrop-filter:blur(5px)}
.royal-radio-copy{min-width:0;display:flex;flex:1 1 260px;flex-direction:column;gap:1px;overflow:hidden}
.royal-radio-kicker{font:800 8px/1.2 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-b,#06e6c8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.royal-radio-title{display:block;max-width:100%;font:800 14px/1.25 'Poppins','Inter',system-ui,sans-serif;color:var(--text-primary,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.royal-radio-artist{display:block;max-width:100%;font:650 10px/1.3 'Inter',system-ui,sans-serif;color:var(--text-secondary,#9aa8bd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.royal-radio-status{display:flex;align-items:center;gap:6px;margin-top:2px;font:700 9px/1.2 'Inter',system-ui,sans-serif;color:var(--text-secondary,#8992a8);white-space:nowrap}
.royal-radio-dot{width:7px;height:7px;border-radius:50%;background:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.08)}
.royal-radio-player[data-state="playing"] .royal-radio-dot{background:var(--accent-b,#06e6c8);box-shadow:0 0 10px rgba(6,230,200,.75)}
.royal-radio-player[data-state="loading"] .royal-radio-dot{background:var(--accent-gold,#ffb020);animation:royalRadioPulse 1s ease-in-out infinite}
.royal-radio-player[data-state="error"] .royal-radio-dot{background:var(--accent-danger,#ff4d6a)}
@keyframes royalRadioPulse{50%{opacity:.35;transform:scale(.72)}}
@keyframes royalRadioTrackChange{0%{opacity:.4}100%{opacity:1}}
.royal-radio-player.royal-radio-track-change .royal-radio-title,.royal-radio-player.royal-radio-track-change .royal-radio-artist{animation:royalRadioTrackChange .35s ease}
.royal-radio-player.royal-radio-track-change .royal-radio-cover{transform:scale(1.025)}
.royal-radio-play,.royal-radio-mute{display:grid;place-items:center;flex:0 0 auto;border:0;cursor:pointer;color:var(--text-primary,#fff);transition:transform .15s ease,filter .15s ease,background .15s ease,border-color .15s ease}
.royal-radio-play{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent-a,#8b5cf6),var(--accent-b,#06e6c8));color:#071017;box-shadow:0 7px 18px rgba(139,92,246,.24)}
.royal-radio-play:hover{filter:brightness(1.08);transform:translateY(-1px)}
.royal-radio-play:active{transform:scale(.96)}
.royal-radio-play svg,.royal-radio-mute svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.royal-radio-play .radio-play-fill{fill:currentColor;stroke:none}
.royal-radio-volume-wrap{display:flex;align-items:center;gap:8px;flex:0 1 280px;min-width:150px;margin-left:auto}
.royal-radio-mute{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--border-subtle,#283247);color:var(--text-secondary,#9aa8bd)}
.royal-radio-mute:hover{color:var(--text-primary,#fff);border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.08)}
.royal-radio-volume{width:100%;min-width:80px;height:5px;accent-color:var(--accent-b,#06e6c8);cursor:pointer}
.royal-radio-volume-value{min-width:36px;text-align:right;font:800 10px/1 'Inter',system-ui,sans-serif;color:var(--text-secondary,#9aa8bd);font-variant-numeric:tabular-nums}
.royal-radio-note{padding-left:10px;border-left:1px solid var(--border-subtle,#283247);font:600 10px/1.25 'Inter',system-ui,sans-serif;color:var(--text-muted,#5c6579);white-space:nowrap}
.royal-radio-player button:focus-visible,.royal-radio-player input:focus-visible{outline:2px solid var(--accent-b,#06e6c8);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.royal-radio-player *{animation:none!important;transition:none!important}}
@media(max-width:900px){
  .royal-radio-host-wide{padding:8px 12px}
  .royal-radio-player{gap:9px;padding:8px 9px}
  .royal-radio-note{display:none}
  .royal-radio-volume-wrap{max-width:210px}
}
@media(max-width:620px){
  .royal-radio-host-wide{padding:7px 9px}
  .royal-radio-host-game{margin-bottom:10px}
  .royal-radio-player{min-height:68px;border-radius:12px;gap:8px}
  .royal-radio-art-wrap{width:48px;height:48px;flex-basis:48px;border-radius:10px}
  .royal-radio-copy{min-width:0;flex:1}
  .royal-radio-kicker{font-size:7px}
  .royal-radio-title{font-size:12px}
  .royal-radio-artist{font-size:9px}
  .royal-radio-status{font-size:8px}
  .royal-radio-play{width:38px;height:38px;border-radius:10px}
  .royal-radio-volume-wrap{flex:0 0 auto;max-width:none;min-width:0;margin-left:0}
  .royal-radio-volume{display:none}
  .royal-radio-volume-value{display:none}
  .royal-radio-mute{width:36px;height:36px}
}
@media(max-width:420px){
  .royal-radio-art-wrap{width:44px;height:44px;flex-basis:44px}
  .royal-radio-title{font-size:11px}
  .royal-radio-artist{max-width:150px}
  .royal-radio-kicker{max-width:150px}
}
