/* =============================================================================
   Global movers ticker — the marquee strip pinned under the fixed nav on
   every page. /explore renders its own variant (transparent-until-scroll,
   part of the hub chrome) and hides this one. Populated by ticker.js from
   /api/explore/ticker; body.has-ticker pads the page down to make room.
   ============================================================================= */

.tk-ticker {
  /* top + body padding are set at runtime from the measured nav height
     (ticker.js) — these are just no-flash fallbacks. */
  position: fixed; top: 56px; left: 0; right: 0; z-index: 900;
  height: 36px;
  display: flex; align-items: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(20, 23, 27, 0.65);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  overflow: hidden;
}
.page-explore .tk-ticker,
.page-about .tk-ticker { display: none; }   /* explore has its own; /about stays clean */
body.has-ticker { padding-top: 92px; }        /* 56px nav + 36px strip */

.tk-label {
  display: flex; align-items: center; padding: 8px 14px; flex: none;
  font-size: 0.62rem; font-weight: 800; font-style: italic; letter-spacing: 0.12em;
  color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.tk-viewport { overflow: hidden; flex: 1; display: flex; align-items: center; }
@keyframes tkScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.tk-track {
  display: inline-flex; align-items: center; gap: 22px; padding-left: 22px;
  white-space: nowrap; width: max-content;
  animation: tkScroll 55s linear infinite;
}
.tk-ticker:hover .tk-track { animation-play-state: paused; }
.tk-item { display: inline-flex; align-items: baseline; gap: 8px; text-decoration: none; }
.tk-name { font-size: 0.74rem; font-weight: 700; color: rgba(255, 255, 255, 0.92); }
.tk-val { font-size: 0.7rem; font-weight: 600; color: rgba(255, 255, 255, 0.55); }
.tk-val.up { color: #4ade80; }
.tk-sep { color: rgba(255, 255, 255, 0.35); }