/* Uses the theme's tt-shell: exactly aligns with the site's header and homepage content. */
.mtt-tti-ribbon-shell{padding-top:8px}
.mtt-tti-ribbon-shell > .mtt-tti-ribbon{margin:0}
/* Retain sensible spacing beneath the ticker before the rankings-page title. */
.mtt-tti-ribbon-shell + .tt-page-wrap{padding-top:42px}
/* Slim flat, non-sticky, theme-independent, inside the page's own content boundaries. */
.mtt-tti-ribbon{box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;min-width:0;height:49px;margin:0 0 17px;padding:0 9px;border:1px solid rgba(224,183,97,.28);border-radius:5px;background:#051829;color:#f2f6fb;font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none;overflow:hidden}
.mtt-tti-ribbon *{box-sizing:border-box}
.mtt-tti-ribbon a{text-decoration:none!important}
.mtt-tti-ribbon-brand{display:flex;gap:9px;align-items:center;flex:0 0 auto;min-width:140px;max-width:185px;padding:0 11px 0 4px;color:#f3f7fa!important;line-height:1.16}
.mtt-tti-ribbon-brand strong{display:block;font-weight:800}
.mtt-tti-ribbon-pulse{display:block;flex:0 0 auto;color:#f7c65e;font-size:28px;font-weight:800;line-height:.6}
.mtt-tti-ribbon-track{display:flex;flex:1 1 auto;align-items:stretch;min-width:0;height:100%;overflow:hidden}
.mtt-tti-ribbon-panel{flex:1 1 0;display:flex;gap:8px;align-items:center;justify-content:center;min-width:0;max-width:none;height:100%;padding:4px 9px;overflow:hidden;border-left:1px solid rgba(232,193,113,.35);color:#f4f6fb!important}
.mtt-tti-ribbon-panel[hidden]{display:none!important}
.mtt-tti-ribbon-panel:hover,.mtt-tti-ribbon-panel:focus-visible{background:rgba(237,193,105,.08)}
.mtt-tti-ribbon-symbol{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:2px;background:#70b9ff;transform:rotate(45deg)}
.mtt-tti-kind-payout .mtt-tti-ribbon-symbol,.mtt-tti-kind-trend .mtt-tti-ribbon-symbol{background:#4bd5a3}
.mtt-tti-kind-rules .mtt-tti-ribbon-symbol{background:#fd9296}
.mtt-tti-kind-news .mtt-tti-ribbon-symbol{background:#62b7ff}
.mtt-tti-kind-discovery .mtt-tti-ribbon-symbol{background:#efc15e}
.mtt-tti-kind-monitor .mtt-tti-ribbon-symbol{background:#a693ed}
.mtt-tti-ribbon-copy{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}
.mtt-tti-ribbon-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93bdd6;font-size:9px;font-weight:750;letter-spacing:.07em;line-height:1.1}
.mtt-tti-ribbon-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8fa;font-size:11px;font-weight:650;line-height:1.25}
.mtt-tti-ribbon-cta{flex:0 0 auto;display:flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap;margin-left:7px;padding:8px 11px!important;border-radius:4px;background:#f0be58;color:#0b1a26!important;font-size:11px;font-weight:800}
.mtt-tti-ribbon-cta:hover,.mtt-tti-ribbon-cta:focus-visible{background:#ffcf6b;color:#091422!important}
.mtt-tti-ribbon-cta span{font-size:16px;line-height:.7}
.mtt-tti-ribbon-panel.mtt-tti-updated .mtt-tti-ribbon-copy{animation:mtt-tti-soft-in .35s ease both}
@keyframes mtt-tti-soft-in{from{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.mtt-tti-ribbon{height:46px;padding:0 5px}.mtt-tti-ribbon-brand{min-width:0;max-width:105px;padding:0 6px;gap:5px;font-size:10px}.mtt-tti-ribbon-pulse{font-size:21px}.mtt-tti-ribbon-cta{margin-left:5px;padding:8px!important;font-size:0}.mtt-tti-ribbon-cta span{font-size:21px}.mtt-tti-ribbon-panel{padding:3px 6px}.mtt-tti-ribbon-value{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mtt-tti-ribbon-panel.mtt-tti-updated .mtt-tti-ribbon-copy{animation:none}}

/* CSS-only fallback when JavaScript is disabled or blocked. */
@media(min-width:1360px){.mtt-tti-ribbon:not(.mtt-tti-ready) .mtt-tti-ribbon-panel:nth-child(n+7){display:none}}
@media(min-width:1050px) and (max-width:1359px){.mtt-tti-ribbon:not(.mtt-tti-ready) .mtt-tti-ribbon-panel:nth-child(n+5){display:none}}
@media(min-width:700px) and (max-width:1049px){.mtt-tti-ribbon:not(.mtt-tti-ready) .mtt-tti-ribbon-panel:nth-child(n+3){display:none}}
@media(max-width:699px){.mtt-tti-ribbon:not(.mtt-tti-ready) .mtt-tti-ribbon-panel:nth-child(n+2){display:none}}
