/* 프로그레스 페이지 CSS */

.progress_container {
  width: 100%;
}

.progress_title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.progress_game_name {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-light);
}

.progress_bar {
  width: 100%;
  height: 20px;
  border-radius: 10px;
  overflow: hidden;
}

.progress_value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-light);
  margin-top: 0.5rem;
}


/* 1. 핑크색 바 */
.pink-progress::-webkit-progress-value { background-color: #ff3276; }
.pink-title {color: #ff3276;}

/* 2. 보라색 바 */
.purple-progress::-webkit-progress-value { background-color: #7b1ffd; }
.purple-title {color: #7b1ffd;}

/* 3. 파란색 바 */
.blue-progress::-webkit-progress-value { background-color: #3498db; }