input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

.book-color-0 { --book-color: #22c55e; }
.book-color-1 { --book-color: #3b82f6; }
.book-color-2 { --book-color: #f59e0b; }
.book-color-3 { --book-color: #ec4899; }
.book-color-4 { --book-color: #8b5cf6; }
.book-color-5 { --book-color: #14b8a6; }
.book-color-6 { --book-color: #f97316; }
.book-color-7 { --book-color: #06b6d4; }

.book-badge {
  background: color-mix(in srgb, var(--book-color) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--book-color) 40%, transparent);
  color: color-mix(in srgb, var(--book-color) 90%, white);
}
.book-dot {
  background: var(--book-color);
  box-shadow: 0 0 8px color-mix(in srgb, var(--book-color) 50%, transparent);
}
.bet-row-checked {
  background: linear-gradient(to right, rgba(34, 197, 94, 0.1), transparent);
}
.bet-row-checked td { opacity: 0.6; }
.bet-row-checked td:first-child { opacity: 1; }
.match-card:hover { border-color: rgba(6, 182, 212, 0.4); }

@keyframes progressPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}
.progress-active { animation: progressPulse 2s ease-in-out infinite; }
.conv-progress-bar { width: 0%; }