/* ===== 로또 전용 스타일 ===== */

[data-theme="dark"] {
  --game-label: #f0c040;
  --bonus-label: #ff6b35;
}

[data-theme="light"] {
  --game-label: #c4920a;
  --bonus-label: #e55a1a;
}

/* 공 색상 */
.ball.y { background: #f5c518; color: #000; }
.ball.b { background: #3b82f6; color: #fff; }
.ball.r { background: #ef4444; color: #fff; }
.ball.g { background: #22c55e; color: #fff; }
.ball.p { background: #a855f7; color: #fff; }

.game-card {
  animation-delay: calc(var(--i) * 60ms);
}

.game-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.game-label {
  font-weight: 700;
  color: var(--game-label);
  font-size: 0.9rem;
}

.balls-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ball {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  animation: popIn 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
}

@keyframes popIn {
  from { opacity: 0; transform: scale(0.5) rotate(-30deg); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}

.separator {
  color: var(--text-sub);
  font-size: 1.2rem;
  margin: 0 2px;
}

.bonus-label {
  font-size: 0.75rem;
  color: var(--bonus-label);
  font-weight: 700;
}