/* Cricket Score Ticker Bar */
:root {
  --cst-bg: #1e2837;
  --cst-text: #ffffff;
  --cst-muted: #9ca3af;
  --cst-live-bg: #dc2626;
  --cst-live-dot: #22c55e;
  --cst-score-highlight: #4ade80;
  --cst-divider: #374151;
  --cst-badge-bg: rgba(255, 255, 255, 0.1);
}

.cst-ticker, .cst-ticker * { box-sizing: border-box; margin: 0; padding: 0; }

.cst-ticker {
  display: block;
  background: var(--cst-bg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  overflow: hidden;
  width: 100%;
}

.cst-ticker__wrap {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 12px;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cst-ticker__wrap::-webkit-scrollbar {
  display: none;
}

/* LIVE Badge */
.cst-ticker__live {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--cst-live-bg);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.5px;
}

.cst-ticker__live-dot {
  width: 8px;
  height: 8px;
  background: var(--cst-live-dot);
  border-radius: 50%;
  animation: cst-pulse 1.5s ease-in-out infinite;
}

@keyframes cst-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

/* Match Items Container */
.cst-ticker__matches {
  display: flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
}

/* Single Match Item */
.cst-ticker__match {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border-left: 1px solid var(--cst-divider);
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cst-ticker__match:hover {
  background: rgba(255, 255, 255, 0.05);
}

.cst-ticker__match:first-child {
  border-left: none;
}

/* Team Abbreviation */
.cst-ticker__team {
  color: var(--cst-text);
  font-size: 13px;
  font-weight: 600;
}

/* Score Display */
.cst-ticker__score {
  color: var(--cst-score-highlight);
  font-size: 13px;
  font-weight: 700;
}

/* VS text */
.cst-ticker__vs {
  color: var(--cst-muted);
  font-size: 11px;
  font-weight: 400;
  text-transform: lowercase;
}

/* Status text (e.g., "India need 12 runs in 10 balls") */
.cst-ticker__status {
  color: var(--cst-muted);
  font-size: 12px;
  font-weight: 400;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Competition Badge (e.g., IPL) */
.cst-ticker__badge {
  background: var(--cst-badge-bg);
  color: var(--cst-score-highlight);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
  border: 1px solid var(--cst-score-highlight);
}

/* Responsive Design */
@media (max-width: 992px) {
  .cst-ticker__wrap { height: 42px; padding: 0 10px; }
  .cst-ticker__live { padding: 5px 10px; font-size: 11px; }
  .cst-ticker__match { padding: 0 14px; gap: 6px; }
  .cst-ticker__team, .cst-ticker__score { font-size: 12px; }
  .cst-ticker__status { font-size: 11px; max-width: 180px; }
}

@media (max-width: 768px) {
  .cst-ticker__wrap { height: 40px; padding: 0 8px; }
  .cst-ticker__live { padding: 4px 8px; font-size: 10px; }
  .cst-ticker__live-dot { width: 6px; height: 6px; }
  .cst-ticker__match { padding: 0 12px; gap: 5px; }
  .cst-ticker__team, .cst-ticker__score { font-size: 11px; }
  .cst-ticker__status { font-size: 10px; max-width: 150px; }
  .cst-ticker__badge { font-size: 9px; padding: 2px 5px; }
}

@media (max-width: 640px) {
  .cst-ticker__wrap { height: 38px; }
  .cst-ticker__match { padding: 0 10px; }
  .cst-ticker__status { max-width: 120px; }
}

@media (max-width: 480px) {
  .cst-ticker__status { display: none; }
  .cst-ticker__match { padding: 0 8px; }
}