/* LotoPotos — bandeau palmarès commun v1
   Une vraie boucle continue, compacte et stable sur desktop/mobile. */
.lf-palmares-ticker{
  position:relative!important;
  overflow:hidden!important;
  min-height:42px;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.085))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  contain:layout paint;
}

/* Fondu léger aux extrémités : les badges entrent/sortent moins brutalement. */
.lf-palmares-ticker::before,
.lf-palmares-ticker::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:24px;
  z-index:4;
  pointer-events:none;
}
.lf-palmares-ticker::before{
  left:0;
  background:linear-gradient(90deg,var(--bg,#0b1020) 0%,transparent 100%);
}
.lf-palmares-ticker::after{
  right:0;
  background:linear-gradient(270deg,var(--bg,#0b1020) 0%,transparent 100%);
}

.lf-palmares-ticker .ticker-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  gap:0!important;
  padding:0!important;
  white-space:nowrap!important;
  transform:translate3d(0,0,0);
  animation:none!important;
  will-change:transform;
}
.lf-palmares-ticker .lf-ticker-set{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:14px;
  padding:6px 14px;
  min-height:40px;
}
.lf-palmares-ticker.is-running .ticker-track{
  animation:lfPalmaresTicker var(--lf-ticker-duration,32s) linear infinite!important;
}
@keyframes lfPalmaresTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--lf-ticker-shift,-900px),0,0)}
}

.lf-palmares-ticker:hover .ticker-track,
.lf-palmares-ticker:focus-within .ticker-track,
.lf-palmares-ticker.is-paused .ticker-track{
  animation-play-state:paused!important;
}

/* Les badges ont le même gabarit sur les quatre pages. */
.lf-palmares-ticker .t-badge{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:6px!important;
  min-height:28px;
  padding:4px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(0,0,0,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  line-height:1.25!important;
  text-decoration:none!important;
  color:inherit!important;
}
.lf-palmares-ticker .t-badge:hover{background:rgba(0,0,0,.21)!important}
.lf-palmares-ticker .t-strong{font-weight:800!important;letter-spacing:.1px!important}
.lf-palmares-ticker .t-dim{font-size:.90em!important;opacity:.78}
.lf-palmares-ticker .t-divider{opacity:.38!important;margin:0 1px!important}
.lf-palmares-ticker .t-pill{
  padding:1px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(0,212,255,.055)!important;
}

/* Si le contenu tient entièrement, on le centre et on ne le fait pas défiler. */
.lf-palmares-ticker.is-static .ticker-track{
  width:100%!important;
  justify-content:center!important;
  transform:none!important;
}
.lf-palmares-ticker.is-static .lf-ticker-set{justify-content:center;flex:1 1 auto}
.lf-palmares-ticker.is-static .lf-ticker-set + .lf-ticker-set{display:none!important}

@media(max-width:640px){
  .lf-palmares-ticker{min-height:39px;border-radius:10px!important}
  .lf-palmares-ticker::before,.lf-palmares-ticker::after{width:17px}
  .lf-palmares-ticker .lf-ticker-set{gap:9px;padding:5px 10px;min-height:37px}
  .lf-palmares-ticker .t-badge{padding:3px 8px!important;gap:5px!important;font-size:.86rem!important;min-height:27px}
  .lf-palmares-ticker .t-pill{padding:1px 6px!important}
}

@media(prefers-reduced-motion:reduce){
  .lf-palmares-ticker{overflow-x:auto!important;scrollbar-width:thin}
  .lf-palmares-ticker::before,.lf-palmares-ticker::after{display:none}
  .lf-palmares-ticker .ticker-track{animation:none!important;transform:none!important;will-change:auto!important}
  .lf-palmares-ticker .lf-ticker-set + .lf-ticker-set{display:none!important}
}
.lf-palmares-ticker .t-badge.t-scope{
  background:rgba(0,212,255,.09)!important;
  border-color:rgba(0,212,255,.20)!important;
}