/* Kleine stijlen voor masonry-achtig gevoel */
#grid-rows img { object-fit: cover; }

/* Camerapreview tweaks */
#cam-video, #cam-canvas {
  object-fit: cover;
}
#cam-overlay {
  background: rgba(0,0,0,0.35);
  font-size: 1.125rem;
  letter-spacing: .02em;
}

/* === Awards UI === */
#awardsModal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.award-item {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .5rem .25rem;
  border-radius: .5rem;
}
.award-item .ico {
  font-size: 1.1rem;
  line-height: 1;
  width: 1.6rem;
  text-align: center;
  opacity: .9;
}
.award-item .txt {
  flex: 1;
}
.award-item .ttl {
  font-weight: 600;
  margin: 0;
}
.award-item .desc {
  margin: .125rem 0 0;
  color: var(--bs-secondary-color, #6c757d);
  font-size: .95rem;
}

/* Earned state */
.award-earned {
  background: var(--bs-success-bg-subtle, #e9f7ef);
  border: 1px solid var(--bs-success-border-subtle, #d1f0dc);
}

/* === Confetti Overlay === */
#cs-confetti {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483640; /* boven modals/alerts */
}