/* Market League — global leaderboard ticker.
   Self-mounts (via league-ticker.js) directly under the stock-market ticker on
   every Stockertim.com page. Shows the live TOP 20, mirrors the top ticker's
   marquee, and flashes + chimes when a player moves UP. */
.mlt-bar{
  position:sticky; z-index:38; height:40px; display:flex; align-items:center;
  background:linear-gradient(180deg,#0b1220,#080d16); border-bottom:1px solid rgba(120,150,210,.14);
  overflow:hidden; contain:content;
}
.mlt-bar .mlt-pill{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; margin:0 10px 0 14px;
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:9px; font-weight:800; letter-spacing:.12em;
  color:#04121a; background:linear-gradient(180deg,#ffd76a,#ffb638); padding:5px 10px; border-radius:6px; text-decoration:none;
}
.mlt-bar .mlt-pill:hover{filter:brightness(1.06)}
.mlt-mute{flex:0 0 auto; width:26px; height:26px; margin-right:6px; border:0; background:transparent; color:rgba(255,255,255,.85);
  cursor:pointer; border-radius:7px; font-size:13px; line-height:1; display:inline-flex; align-items:center; justify-content:center}
.mlt-mute:hover{color:#eef4ff; background:rgba(120,150,210,.12)}
.mlt-vp{flex:1; min-width:0; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);}
.mlt-track{display:inline-flex; align-items:center; white-space:nowrap; will-change:transform; animation:mltScroll 80s linear infinite}
.mlt-bar:hover .mlt-track{animation-play-state:paused}
@keyframes mltScroll{from{transform:translateX(0)} to{transform:translateX(-50%)}}

.mlt-item{position:relative; display:inline-flex; align-items:center; gap:8px; padding:0 16px; height:40px;
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.8rem; font-weight:700; border-right:1px solid rgba(156,180,255,.06)}
.mlt-item .r{color:rgba(255,255,255,.9)}
.mlt-item .cr{color:#ffcf5e}                 /* crown for #1 */
.mlt-item .nm{color:#ffffff}
/* Empty-board status pill (no leaders yet) — real staged status, no marquee. */
.mlt-item.mlt-status{border-right:0}
.mlt-item.mlt-status .nm{color:rgba(233,241,255,.82); font-weight:700; letter-spacing:.02em}
.mlt-item .sc{font-weight:800}
.mlt-item .sc.up{color:#2fd17e} .mlt-item .sc.dn{color:#ff5c77}
/* Waiting-list ("WAITING") / entry-queue ("QUEUE") members — no % yet. */
.mlt-item .sc.wl{color:#44f1ff; font-size:.68rem; letter-spacing:.08em}
.mlt-item .sc.q{color:rgba(200,213,238,.85); font-size:.68rem; letter-spacing:.08em}
.mlt-item .mv{font-size:.62rem}
.mlt-item .mv.up{color:#2fd17e} .mlt-item .mv.dn{color:#ff5c77} .mlt-item .mv.fl{color:rgba(255,255,255,.7)}

/* Just moved UP — green sweep + glow + a rising badge. */
.mlt-item.mlt-rise{animation:mltRise 2s ease}
.mlt-item.mlt-rise .nm{color:#8dffbe}
.mlt-item .up-badge{display:none}
.mlt-item.mlt-rise .up-badge{display:inline-flex; align-items:center; gap:3px; margin-left:2px;
  font-size:.56rem; font-weight:800; color:#04121a; background:#2fd17e; padding:2px 6px; border-radius:5px;
  animation:mltPop .5s ease}
@keyframes mltRise{
  0%{background:rgba(47,209,126,0)}
  12%{background:rgba(47,209,126,.30); box-shadow:inset 0 0 26px rgba(47,209,126,.55)}
  100%{background:rgba(47,209,126,0); box-shadow:inset 0 0 0 rgba(47,209,126,0)}
}
@keyframes mltPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}

@media(max-width:820px){ .mlt-bar{height:38px} .mlt-item{height:38px} }
@media(prefers-reduced-motion:reduce){ .mlt-track{animation:none} .mlt-item.mlt-rise{animation:none} }