/* ============================================================
   EVOLVE OS v3.2 — TICKER UI
   Cinematic dual-track scroll + drag zones.
   Clean, minimal, ASCII-only, Cloudflare-safe.
   ============================================================ */

/* ------------------------------------------------------------
   TICKER CONTAINER
   ------------------------------------------------------------ */
.evolve-ticker {
  position: fixed;
  bottom: 24px;
  left: 24px;
  right: 24px;
  height: 36px;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(6px);
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: none;
  z-index: 99990;
  cursor: grab;
  user-select: none;
  box-shadow: 0 0 16px rgba(0,0,0,0.4);
  transition: box-shadow 0.2s ease, background 0.2s ease;
}

.evolve-ticker.is-visible {
  display: block;
}

.evolve-ticker.is-dragging {
  cursor: grabbing;
  background: rgba(0,0,0,0.85);
  box-shadow: 0 0 22px rgba(120,80,255,0.4);
}

/* ------------------------------------------------------------
   TRACK + TEXT
   ------------------------------------------------------------ */
.evolve-ticker-track {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  animation: evolveTickerScroll 18s linear infinite;
  will-change: transform;
}

.evolve-ticker-track span {
  padding: 0 48px;
  font-size: 15px;
  letter-spacing: 1px;
  opacity: 0.9;
  text-shadow: 0 0 4px rgba(0,0,0,0.6);
}

/* ------------------------------------------------------------
   ANIMATION
   ------------------------------------------------------------ */
@keyframes evolveTickerScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}