.hint { text-align: center; color: #64748B; font-size: 0.9rem; margin-bottom: 0.75rem; }
.soko-board { display: grid; gap: 2px; max-width: 280px; padding: 6px; background: #44403C; border-radius: 10px; }
.soko-cell { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border-radius: 4px; }
.soko-cell.wall { background: #78716C; }
.soko-cell.floor { background: #D6D3D1; }
.soko-cell.target { background: #FDE68A; }
.soko-cell.box { background: #F59E0B; }
.soko-cell.box-on-target { background: #22C55E; }
.soko-cell.player { background: #D6D3D1; }