.hint { text-align: center; color: #64748B; margin-bottom: 1rem; }
.odd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; max-width: 280px; }
.odd-cell { aspect-ratio: 1; border: none; border-radius: 16px; background: #fff; font-size: 2.5rem; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.1); min-height: 80px; transition: transform 0.15s; }
.odd-cell:hover { transform: scale(1.05); }
.odd-cell.wrong { background: #FEE2E2; animation: shake 0.4s; }
.odd-cell.correct { background: #D1FAE5; }
@keyframes shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-6px)} 75%{transform:translateX(6px)} }