/* ZOO Web v0.4.9 — Finitions sans changement fonctionnel. */
:root{--on-accent:#ffffff}
/* Les éléments actifs gardent un texte lisible quel que soit le choix de couleur. */
.btn.primary,.primary-play,.player-buttons .primary-play{
 color:var(--on-accent)!important;
}
/* Une icône active sur une couleur lumineuse doit également rester visible. */
html[data-theme="dark"] .theme-toggle .theme-moon,
html[data-theme="light"] .theme-toggle .theme-sun{color:var(--on-accent)!important}
/* Les éléments de navigation sélectionnés utilisent une surface, pas l'accent brut. */
html[data-theme="dark"] .nav-link.active{color:var(--text)}
/* Repères de clavier visibles également en cas d'accent très clair. */
.nav-link:focus-visible,.btn:focus-visible,.tab:focus-visible,
.icon-btn:focus-visible,.theme-toggle:focus-visible{
 outline:2px solid var(--text);outline-offset:3px;
}
/* L'iframe de la roulette s'adapte à la hauteur envoyée par la roulette V3. */
.roulette-wrap{min-height:0;height:760px;max-width:100%;display:block;overflow:clip}
.draft-spin,#draft-spin{min-width:0}
@media(max-width:690px){
 .draft-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .draft-tabs .btn{min-width:0!important;width:100%;padding:10px 4px;font-size:clamp(10px,2.9vw,12px);white-space:nowrap}
 .draft-mode-strip{line-height:1.65;overflow-wrap:anywhere}
 .draft-reroll-control{flex-wrap:wrap;gap:9px}
 /* La navigation horizontale doit être visiblement parcourable au doigt. */
 .sidebar .nav{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent2) transparent;padding-bottom:4px;scroll-snap-type:x proximity}
 .sidebar .nav-link{scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){
 .nav-link,.btn,.tab,.tile,.theme-toggle{transition-duration:.01ms!important}
}