.mini-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--bg);
  border: 1px solid var(--border-light);
  border-radius: var(--radius);
  margin-bottom: var(--spacing-md);
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.mini-card:hover {
  border-color: var(--border);
}

.mini-card .title {
  font-weight: 600;
  font-size: 0.95rem;
}

.mini-card .score {
  font-size: 0.85rem;
  color: var(--text-dim);
  font-variant-numeric: tabular-nums;
}

.mini-card .lock {
  font-size: 0.85rem;
  color: var(--text-dim);
}

.mini-card.locked {
  opacity: 0.4;
  cursor: default;
}