.score-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 10px;
}

.score-legend {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.9rem;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Tiro Bangla', serif;
}

.legend-color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.accuracy-bar {
  width: 120px;
  height: 10px;
  background-color: #555;
  border-radius: 5px;
  overflow: hidden;
  margin: 6px 0 3px 0;
}

.accuracy-fill {
  height: 100%;
  background: linear-gradient(90deg, #4CAF50, #8BC34A);
  width: 0%;
  transition: width 0.5s ease-in-out;
}

.accuracy-text {
  font-size: 0.85rem;
  font-weight: 500;
}