
/* MegaBoard v3.2.1 live commentary / offline milestone ticker */
body.mb-ticker-enabled{padding-bottom:46px!important}
#mbLiveTicker{
  position:fixed;left:0;right:0;bottom:0;z-index:9900;height:46px;
  display:flex;align-items:center;overflow:hidden;
  background:rgba(4,12,21,.97);border-top:1px solid rgba(157,176,197,.24);
  box-shadow:0 -8px 26px rgba(0,0,0,.28);color:#f4f7fb;
  font-family:Inter,Segoe UI,Arial,sans-serif
}
#mbLiveTicker .mb-ticker-label{
  height:100%;display:flex;align-items:center;gap:7px;flex:0 0 auto;
  padding:0 15px;background:#ffd43b;color:#07111d;font-weight:1000;
  text-transform:uppercase;letter-spacing:.07em;font-size:.72rem
}
#mbLiveTicker.lost .mb-ticker-label{background:#ffb454}
#mbLiveTicker.offline .mb-ticker-label{background:#29435f;color:#f4f7fb}
#mbLiveTicker .mb-ticker-window{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
#mbLiveTicker .mb-ticker-track{
  display:inline-block;padding-left:100%;font-weight:850;
  animation:none
}
#mbLiveTicker .mb-ticker-state{
  flex:0 0 auto;padding:0 12px;color:#9db0c5;font-size:.68rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em
}
@keyframes mbTickerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-100%)}
}
@media(max-width:650px){
  #mbLiveTicker{height:42px}
  body.mb-ticker-enabled{padding-bottom:42px!important}
  #mbLiveTicker .mb-ticker-label{padding:0 9px;font-size:.64rem}
  #mbLiveTicker .mb-ticker-state{display:none}
  #mbLiveTicker .mb-ticker-track{font-size:.82rem}
}

#mbLiveTicker .mb-ticker-track.mb-ticker-idle{padding-left:18px;color:#9db0c5;animation:none!important}
