.hint { text-align: center; color: #64748B; font-size: 0.85rem; margin-bottom: 0.75rem; max-width: 340px; }
.guesses { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; min-height: 120px; }
.guess-row { display: flex; align-items: center; gap: 0.5rem; }
.guess-row .peg { width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(0,0,0,0.1); }
.feedback { font-size: 0.75rem; font-weight: 800; color: #64748B; }
.picker { display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; margin-bottom: 1rem; }
.color-btn { width: 44px; height: 44px; border-radius: 50%; border: 3px solid #fff; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.color-btn.selected { outline: 3px solid #FBBF24; }
.current { display: flex; gap: 0.4rem; justify-content: center; margin-bottom: 0.75rem; }
.current .slot { width: 36px; height: 36px; border-radius: 50%; border: 2px dashed #CBD5E1; cursor: pointer; }