.emoji-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(54px, 78px));
  justify-content: center;
  gap: .7rem;
  margin: 1.25rem 0;
}

.emoji-option {
  min-height: 62px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: #090a1ecc;
  color: #fff;
  font-size: 2rem;
  transition: transform .18s, background .18s, border-color .18s;
}

.emoji-option:hover { border-color: #ffd2e2; }

.emoji-option.selected {
  background: #70426f;
  border-color: #ffd2e2;
  box-shadow: 0 0 0 2px #ffb9d755, 0 0 22px #ff91b944;
  transform: translateY(-2px);
}

.selection-help { font-size: .86rem; }

@media (prefers-reduced-motion: reduce) {
  .emoji-option { transition: none; }
  .emoji-option.selected { transform: none; }
}