/* Radio de Retrofus Ascension (radio-ui.js) : bouton 📻 dans la barre d'outils, lecteur compact sous la barre */
#radio-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:0 8px;line-height:1}
#radio-toggle svg,#rv-radio svg{display:block}
#rv-radio header span{display:inline-flex;align-items:center;gap:6px}
.rv-radio-controls button{display:inline-flex;align-items:center;justify-content:center}
/* pulsations en opacité (15/10/2026) : animée par la carte graphique ; un filtre de luminosité faisait repeindre le bouton à chaque image */
#radio-toggle.is-on{box-shadow:inset 0 0 0 2px var(--theme-accent,#c8862a);animation:rvRadioPulse 2.4s ease-in-out infinite}
@keyframes rvRadioPulse{50%{opacity:.82}}
#rv-radio{position:fixed;z-index:62;top:calc(env(safe-area-inset-top,0px) + 112px);right:12px;width:min(320px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 140px));display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--theme-border,#c9a35a);background:var(--theme-paper,#fbf3df);color:var(--theme-ink,#2b2216);font:500 13px/1.35 var(--font-ui,sans-serif);box-shadow:0 14px 34px #0007}
#rv-radio[hidden]{display:none}
#rv-radio header{display:flex;align-items:center;justify-content:space-between;font-weight:800}
#rv-radio header button{width:28px;height:28px;border:0;border-radius:50%;background:#0000000f;cursor:pointer}
.rv-radio-now{display:grid;gap:2px}
.rv-radio-now b{font-size:15px}
.rv-radio-now small{opacity:.7}
.rv-radio-progress{height:4px;border-radius:99px;background:#0000001a;overflow:hidden;margin-top:6px}
.rv-radio-progress i{display:block;height:100%;width:0;background:var(--theme-accent,#c8862a);transition:width .25s linear}
.rv-radio-controls{display:flex;align-items:center;gap:6px}
.rv-radio-controls button{min-width:34px;height:34px;border-radius:9px;border:1px solid var(--theme-border,#c9a35a);background:var(--theme-card,#f4e7c6);cursor:pointer;font-size:14px}
.rv-radio-controls button.is-main{min-width:46px;background:var(--theme-accent,#c8862a);color:#fff;border-color:transparent}
.rv-radio-controls button[aria-pressed="true"]{background:var(--theme-accent,#c8862a);color:#fff}
.rv-radio-volume{display:flex;align-items:center;gap:4px;margin-left:auto}
.rv-radio-volume input{width:80px}
.rv-radio-list{overflow:auto;display:grid;gap:4px;padding-right:4px}
.rv-radio-list summary{cursor:pointer;font-weight:700;padding:3px 0}
.rv-radio-list ul{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:2px}
.rv-radio-list li button{width:100%;text-align:left;padding:5px 8px;border:0;border-radius:7px;background:transparent;cursor:pointer;font:inherit;color:inherit}
.rv-radio-list li button:hover{background:#0000000d}
.rv-radio-list li button.is-current{background:var(--theme-accent,#c8862a);color:#fff;font-weight:700}
.rv-radio-note{margin:0;font-size:11px;opacity:.6}
@media (max-width:700px){#rv-radio{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);right:16px;left:16px;width:auto}}
@media (prefers-reduced-motion:reduce){#radio-toggle.is-on{animation:none}}
/* les boutons du thème ont un texte clair : couleur foncée dans le lecteur, blanc sur les boutons actifs */
html #rv-radio button{color:var(--theme-ink,#2b2216)}
html #rv-radio .rv-radio-controls button.is-main,html #rv-radio .rv-radio-controls button[aria-pressed="true"],html #rv-radio .rv-radio-list li button.is-current{color:#fff}
/* Radio plus visible (12/10/2026) : bouton avec libellé et titre en cours, égaliseur animé, pastille « Nouveau » */
html #radio-toggle{gap:6px;padding:0 10px;max-width:220px;font-weight:700;position:relative}
html #radio-toggle .rv-radio-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
html #radio-toggle.is-on{background:linear-gradient(135deg,#e07b10,#b8560a)!important;color:#fff!important;border-color:#7a3a05!important}
html #radio-toggle .rv-radio-new{position:absolute;top:-8px;right:-6px;padding:1px 5px;border-radius:99px;background:#d83a2a;color:#fff;font:800 9px/1.4 var(--font-ui,sans-serif);font-style:normal;letter-spacing:.3px;box-shadow:0 1px 3px #0006;animation:rvRadioPulse 1.6s ease-in-out 4}
.rv-eq{display:none;align-items:flex-end;gap:2px;height:12px}
.rv-eq b{width:3px;height:30%;border-radius:1px;background:currentColor;animation:rvEq 0.9s ease-in-out infinite}
.rv-eq b:nth-child(2){animation-delay:-.3s}.rv-eq b:nth-child(3){animation-delay:-.6s}.rv-eq b:nth-child(4){animation-delay:-.15s}
@keyframes rvEq{0%,100%{height:25%}50%{height:100%}}
#radio-toggle.is-on .rv-eq,#rv-radio.is-playing .rv-radio-now .rv-eq{display:inline-flex}
#rv-radio{border-width:2px}
#rv-radio header{margin:-12px -14px 0;padding:10px 14px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#5a3b1c,#3a2610);color:#ffe7b8}:where(html[data-theme="nuit"]) #rv-radio header{background:linear-gradient(135deg,#27364f,#182232)}
html #rv-radio header button{color:#ffe7b8;background:#ffffff1a}
.rv-radio-now{position:relative;padding:10px 12px;border-radius:10px;background:linear-gradient(135deg,#e07b1022,#e07b1008);border:1px solid #e07b1040}
.rv-radio-now .rv-eq{position:absolute;right:12px;top:12px;height:16px;color:var(--theme-accent,#c8862a)}
.rv-radio-now .rv-eq b{width:4px}
.rv-radio-now>b{font-size:16px;padding-right:34px}
@media (max-width:700px){html #radio-toggle .rv-radio-label{max-width:90px}}
@media (prefers-reduced-motion:reduce){.rv-eq b,#radio-toggle .rv-radio-new{animation:none}}
/* Menu jour/nuit (astrub-game.js dnMenu) */
#rv-daynight{position:fixed;z-index:80;display:grid;gap:2px;min-width:180px;padding:8px;border-radius:10px;border:1px solid #8a6a2c;background:linear-gradient(#3b2f1e,#2a2116);color:#fbeed2;font:600 12.5px/1.3 var(--font-ui,sans-serif);box-shadow:0 10px 26px #0009}:where(html[data-theme="nuit"]) #rv-daynight{border:1px solid #3d5379;background:linear-gradient(#202939,#171e29)}
#rv-daynight b{margin:4px 4px 2px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#ffd77a}
html #rv-daynight button{min-height:0;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#fbeed2;font:inherit;text-align:left;cursor:pointer}
html #rv-daynight button:hover{background:#ffffff1a}
html #rv-daynight button[aria-checked="true"]{background:#e07b10;color:#fff}